彩色字体:初学者指南-慕枫宁波网站建设

宁波网站建设 | 2017-09-27
厂商如Adobe Typekit开始释放与浏览器支持一些颜色字体的选项,所以有一些对广泛使用的运动。有些人甚至称彩色字体为“网页设计中的下一件大事”。
在这里,我们将看看趋势,让你来决定这个概念到底有多大。

什么事颜色字体?

颜色字体几乎就是它们听起来的样子。字体,包括多种颜色,阴影或渐变,纹理或透明度。这些时髦的选项不仅仅是给字体添加颜色,它们是特定的字体,包括所有的细节。
颜色字体可以包括矢量图形、位图图像或在字体文件中,这可以使这些字体比标准字体包重。颜色字体的常见例子包括一个表情符号或包含图标的字母。这种风格的单色字体通常被称为彩色字体,因为它们只包含一种色调或灰色。
现在使用彩色字体的最大问题是没有真正的标准格式。所有这些文件格式都有一个陷阱——矢量和SVG图像可以轻松地缩放,但是位图版本可能有大小限制。


实际上有五种格式处理:
静态离子交换(苹果):位图版原生支持Mac和iOS系统
CBDT(谷歌):版本与原生支持Android系统
色(微软):原生支持Windows 8.1 +系统的矢量版本
SVG(W3C):矢量和位图版本
OpenType SVG(Adobe / Mozilla):矢量和位图版本将SVG形状的OpenType字体

另一方面,主要玩家开始采用指导原则。Mozilla(web浏览器Firefox的主干)和Adobe同意OpenType SVG是首选格式;当他们做出决定时,其他人仍在变化。
如果您想深入了解这些字体是如何工作的,以及所有的文件格式规范,Fontself有一个很好的引物。

你如何使用颜色的字体?

不管你在哪个阵营,都有适合颜色字体的应用程序。但你需要在合理的范围内使用它们。(颜色字体是最节省的)。
尝试颜色字体:

一个短词的引人注意技巧
对于图标或徽标样式元素
对于一个下拉帽开始一个长的文本块
对于一个不寻常的风格设计的大胆标题处理
使集中在一大块文本中的特定单词或词
当其余的设计是简单的
当排版成为你主要的艺术元素时
当项目需要一些有趣和不同寻常的东西来吸引用户的注意力时

如何不使用彩色字体

不使用颜色字体的方法比你估计的多。你不想把网站设计还原成20世纪90年代的一些闪烁、闪烁、势不可挡的色彩。

不要用彩色字体:
图片上的图像
忙碌的背景
对于很多的文字
与其他设计的技术很多,如动画运动的;单独的颜色通常是足以创造视觉冲击力
与其他新奇的或专业的字体

一个不断发展的趋势

彩色字体的趋势已经开始从一些主要的印刷者那里获得了吸引力。Adobe和Mozilla所采用的OpenType SVG格式可能是帮助这一趋势真正腾飞的工具和格式。Adobe甚至最近在Photoshop中添加了彩色字体(你可能已经注意到在字符面板中有一些表情符号)。

下面是Adobe如何解释OpenType SVG:
OpenType- SVG是一种字体格式,其中OpenType字体有全部或只是部分的字形,表示为SVG(可伸缩的矢量图形)艺术作品。这允许在单个字形中显示多种颜色和渐变。由于这些特性,我们还将opentype - svg字体称为“颜色字体”。
opentype - svg字体允许文本显示这些图形质量,同时仍然允许它被编辑、索引或搜索。它们也可能包含允许字形替换或交替字形的OpenType功能。


“像图拉真色彩概念和EmojiOne颜色这样的彩色字体在你的程序的字体菜单中会像典型的字体一样——但它们可能不会显示出全部的潜力,因为许多程序还没有完全支持颜色组件。”如果你的软件程序不支持字体中的SVG图形,那么字形将会回到纯黑色的样式。颜色仍然可以应用于这种回退样式,因为它将像一个典型的OpenType字体一样工作。
此外,Web类型的状态有一个专门用于更新浏览器对颜色字体的支持的部分,这样您就可以确定什么时候时间是适合您的。
就颜色字体的演变和使用的使用而言,有两件事将起到重要作用:


web设计项目的浏览器的采用和兼容性(现在,由于兼容性问题,更多的彩色字体设计正在印刷中出现)
整体风格的技巧,以及更多华丽的和多彩的设计技术是整体趋势

尝试一种颜色的字体
如果颜色字体是你的东西,你可以下载颜色字体开始或创建你自己的,这取决于设计项目的类型。

创建你自己的
你创建的颜色字体的类型真的取决于你的软件技能。彩色字体可能包括从你最喜欢的照片到美丽的气泡和渐变颜色的笔画。您可以完全独立完成,或者使用工具来帮助设计定制的颜色字体。

Fontself是一个Adobe Illustrator或PS图象处理软件插件,帮助你创建自定义颜色的字体
您可以从本教程中从头开始绘制和设计所有的符号。
FontLab有一个视频教程,一步一步地走过

下载或嵌入
有一些很酷的颜色字体,在今天的项目中尖叫着要你使用它们。以下是一些可以启动你的颜色字体的创意流(加上其他颜色字体的链接):

结论
你准备好加入颜色字体了吗?对你的项目来说,这是一个非常大的问题吗?
就我个人而言,我发现这一趋势非常有趣,在诸如活动海报或传单等印刷项目中有实际应用。但在网站项目上,我还是不太确定。时间只会告诉我们,这一趋势是否真的会成为“网络设计的下一个重大事件”,或者是另一种昙花一现的时尚。
上一篇:如何选择合适的网络设计公司-慕枫宁波网站设计下一篇:好的设计始于真实的内容-慕枫宁波网站制作
联系电话 400-6065-301

建站咨询 星星-总监

投诉