网页设计中的颜色字体-沈阳网站设计

什么是彩色字体？虽然很少在大型设计项目中使用，但这个术语不断弹出并开始获得认可。

像Adobe Typekit这样的供应商已经开始发布一些支持浏览器的颜色字体，当然还有更广泛的用途。有些人甚至将彩色字体称为“网页设计中的下一件大事”。接下来，让我们来看看这个趋势，并决定它是否是一个大问题。什么是彩色字体？ 1.颜色字体几乎就像一种听起来像各种颜色，阴影或渐变，纹理或透明度的字体。它不仅仅是为字体添加颜色，而是具有大量细节的特定字体。彩色字体可以是字体文件中的矢量形状，位图图像或两者的组合，这使得颜色字体大于标准字体包。常见示例包括图标或带图标的字体。彩色字体的一个大问题是现在没有真正的标准格式。一个缺点是矢量和SVG图像可以在所有字体文件格式中自由缩放，但位图可能具有大小限制。实际上有五种格式需要处理：SBIX（Apple）：Mac和iOS CBD上的原生位图版本（Google）：Android系统上的原生位图版本COLR（Microsoft）：在Windows 8.1+上本机矢量版本SVG（W3C）：矢量和位图版本OpenType SVG（Adobe/Mozilla）：Mozilla（Firefox浏览器主干）的矢量和位图版本，它将SVG形状置于OpenType字体中，而Adobe已同意OpenType SVG是首选格式;其他人不断改变决定。如果您想了解这些字体的工作方式以及所有文件格式的清晰描述，请查看Fontself（https://learn.fontself.com/color-fonts-what-when-where-dd8c82e5a561），其中有一个很好的介绍。 如何使用彩色字体？ 2，当你看到颜色字体时，你可能有这样的想法：哇，真是太该死了！凉！我知道怎么用！无论你感觉如何，都必须有适用于彩色字体的应用程序，但你需要合理使用它们。 （少量使用彩色字体。）您可以使用彩色字体：使用简短的图标或徽标元素的提示，用于大文本的长文本段落，以便在小型设计中引人注目的标题。当设计的其余部分作为排版中的主要设计元素相对简单时，关注大段文本中的特定单词或单词。当项目需要一些有趣和不寻常的东西来吸引用户的注意力时，不要使用颜色字体。很多时候我们不使用彩色字体。你当然不想把网站设计变成20世纪90年代的华丽色彩。不要使用彩色字体：图片顶部有图片或复杂背景。还有许多其他设计技术，例如动画;单色通常足以产生视觉冲击力。还有其他不断发展的新奇或特殊字体。 4.彩色字体开始流行。它被认可是因为它在排版中起着重要作用。 Adobe和Mozilla使用的OpenType SVG格式可能是一种非常流行的工具来帮助这种趋势，Adobe甚至为Photoshop添加了颜色字体（您可能已经注意到字符调色板中有一些表情符号）。以下是OpenType SVG如何解释Adobe：（https://helpx.adobe.com/typekit/using/ot-svg-color-fonts.html）“OpenType-SVG是字体格式，OpenType字体有SVG（可扩展）矢量图形）全部或部分图形的表示，允许在单个字形中显示多种颜色或渐变。由于这些特性，我们经常将OpenType-SVG字体称为“颜色字体”。 “OpenType-SVG字体允许以这些图形的性质显示文本，同时允许编辑，索引或搜索。它们包括OpenType的功能，允许字形替换或字形样式的替换。 “彩色字体和Trajan Color Concept和Emoji One Color的外观相同，就像程序字体菜单中的独特字体一样。但是，由于许多程序不完全支持颜色组件，因此它们无法显示所有可能性。如果您的软件程序不支持字体中的SVG图形，则字形将恢复为纯黑色样式。颜色仍然可以应用于此回退样式，因为它就像典型的OpenType字体。 “此外，Web类型的状态（http://stateofwebtype.com/#Color%20fonts）有一个专门用于更新浏览器以支持颜色字体的部分，因此您可以确定何时使用它。在颜色字体的演变和使用方面。两件事将起主要作用：Web设计项目的选择和浏览器的兼容性（由于兼容性问题，实际上，彩色字体设计在打印中显得更多）。现有的风格技术可以华丽多彩吗？统一的设计技巧。尝试使用颜色字体5.如果颜色字体是您想要的颜色，您可以下载它们或自己创建它们，具体取决于设计项目的类型。创建自己的软件技能将决定您创建的颜色字体。类型。您可以自己动手或使用工具来帮助设计所需的颜色字体。 Fontself（https://www.fontself.com/）是一个可以添加到ai和ps的插件。它可以帮助您创建颜色字体。您可以学习Glyphs（https://glyphsapp.com/tutorials/creating-a-layered-color-font）教程。从一开始，使用视频教程绘制设计FontLab（https://www.youtube.com/watch?v=Yit1ZpClwAk），逐步解释整个过程。 下载或嵌入这里有一些可以帮助您创建彩色字体：使用傲慢的类型（https://www.typewithpride.com/）沙滩巾（https://creativemarket.com/anugrahadesign/1512983-Beach-Towel-Color-Font）蹦极（https://djr .com/bungee /）水彩字体（https://creativemarket.com/undrey/1240261-Watercolor-font)Bixa color（https://bixacolor.com/）儿童玩具（https://creativemarket.com/popskraft/1409713-Colorful-typefaces-儿童排版）一个大胆的（https://creativemarket.com/kaer_cm/1219084-OneLine-Bold-color-font）领导者（http://www.novotypo.nl/fonts/guru.html）氖（https://creativemarket.com/inkdrop/1274409- Neon-OTF -colour-font）