当前位置:网站首页 > 行业资讯 > 文章详情
别具一格的彩色字体风潮来袭,你准备好了吗?
分享:

刚接触这个概念你可能会问,什么才算是一个含有彩色元素的字体呢?这是一个不断被提及和应用并开始获得不小的影响力的术语,尽管在大型的网站建设项目或其他类型的设计项目中,它的使用还处于起步阶段。
像Adobe公司推出的Typekit这样的字体供应商已经开始发布一些支持浏览器引用的Color fonts选项,所以,基于这种形势,这个流行趋势日后会被更广泛的使用,有些设计师甚至称Color fonts是"网页设计的下一件大事"。
今天,在这里,我们将看看这个趋势,让你最终想清楚并决定这个概念究竟将会有多大的"用武之地"。


1.什么是Color fonts?
Color fonts,其最基础的概念就同他的名称一样包含多种颜色,阴影或渐变,纹理或透明度的字体。这些时髦的设计选项不仅仅是添加了文字的颜色,它们是包含所有细节的特定字体。
Color fonts可以是字体文件中的矢量形状,位图图像或两者都具备,这可以使这些字体比标准的字体包更大。Color fonts的常见示例包括表情符号或图标的字母。这种风格的单色字体通常被称为chromatic fonts,因为它们只包含一个色调或灰度。
Color fonts目前的最大问题是它还没有真正的标准格式。并且所有这些文件格式都可以很容易捕获矢量和SVG图像可以轻松扩展,但位图版本可能在大小上会受到一些限制。
实际上有五种格式要处理:
· SBIX(Apple):在Mac和iOS系统上具有原生支持的位图版本;
· CBDT(Google):Android系统上的本地支持的位图版本;
· COLOR(Microsoft):在Windows 8.1+系统上具有本机支持的矢量版本;
· SVG(W3C):矢量和位图版本;
· OpenType SVG(Adobe / Mozilla):将SVG形状放在OpenType字体中的向量和位图版本。
另一方面,主要的这些"玩家们"正在开始为接下来的走向制订相关的使用指南。Mozilla(Web浏览器Firefox的骨干)和Adobe已经达成共识,它们以OpenType SVG是作为这种趋势的首选格式。当他们作出决定时,其他人仍然在缓和。
如果你想要了解这些字体的工作原理以及所有文件格式的规格,Fontself可以为你提供一个很好的基础知识。
2.你将如何使用Color Fonts?
当你第一次看到颜色字体时,会发生两种想法:
· 哇,太恶心了!
· 酷!我很清楚我应该如何使用!
无论你在哪个阵营里,都有非常适合彩色字体的应用程序。但是你需要在理性之中使用它们(Color fonts是所有字体样式中需要被尽可能最少使用的一种样式)。
你可以试着这样使用它:
· 将它作为可以短暂引起用户注意力的设计技巧;
· 作为图标或logo中的样式元素;
· 作为接下来是一长串文本的标题;
· 对于网页设计中的其他以最简风格的设计,可以将它用作大胆的标题而起到突出作用;
· 可以使用它将重点集中在大范围文字中的某个特定单词或字母中;
· 当设计中的其余部分很简单;
· 当排版将成为你的主要艺术元素时;
· 当项目需要一些有趣和不寻常的东西来吸引用户的注意的时候。
3.不断发展的趋势
Color Fonts趋势开始从一些主要的"设计玩家"的排版中获益并引起关注。Adobe和Mozilla采用的OpenType SVG格式可能是帮助这一趋势真正迅速发展的诱因。Adobe甚至最近向Photoshop添加了颜色字体(你可能已经注意到PS的字体选项中有一些emoji突变元素了)。
对于OpenType SVG,Adobe的官方说明如下:
OpenType-SVG是一种字体格式,其中所有的OpenType字体或只是其一些字形表示为SVG(可缩放矢量图形)的图形。这允许在单个字形中显示多种颜色和渐变。由于这些功能,我们还将OpenType-SVG字体称为"Color Fonts"。
OpenType-SVG字体允许以这些图形质量显示文本,同时仍允许文本被编辑,索引或搜索。它们还可以包含允许字形替换或替代字形样式的OpenType功能。
像Trajan Color Concept和EmojiOne Color这样的Color Fonts会像程序字体菜单中的典型字体一样出现,但是由于许多程序尚未完全支持颜色组件,因此可能无法显示其全部潜力。如果你的软件程序不支持字体中的SVG图稿,则字形将恢复为纯黑色样式。颜色仍然可以应用于这种后备样式,因为它将像典型的OpenType字体一样工作。
此外,Web Type的有一个专门用于更新彩色字体的浏览器支持的部分。
在Color Fonts的演变和使用方面,两件事将发挥主要作用:
· 使用性和兼容性,这与所有的网页设计项目和浏览器的最终目的是一样的(由于兼容性问题,现在很多的Color Fonts设计实际上更多的出现在打印项目中)
· 整体风格以及更华丽多彩的设计技术是否趋于整体。
4.在什么情况下不要使用Color Fonts?
比起你可能已经计数的案例,这里有更多不要使用Color Fonts的情况。你不会想将网站设计恢复到20世纪90年代的一些闪烁和具有视觉压倒性的疯狂色彩样式。
当你在一下情况出现时,不要使用color font:
· 你的设计需要使用图像或文字将置于图像之上;
· 你所使用的背景已经很复杂了;
· 设计中将使用大量的文本内容;
· 设计中已经包含了许多其他的设计技术,如动画或动态效果,颜色通常足以产生视觉冲击;
· 与其他新奇或特殊字体一起使用。
总结
你准备好在你的网站设计中使用Color Fonts的趋势吗?
就个人而言,我发现这个趋势是很有趣的,并且在诸如活动海报或传单之类的打印项目中具有真正的实际用途。但是,当谈到网站设计项目时,我仍然不太相信这可以使用的很好。时间会说明这个趋势是否真的成为"网页设计的下一件大事",或者是另一回事。