那么到底什么是彩色字体呢?这个术语不断涌现,并开始获得牵引力,尽管在大型设计项目中的使用仍处于起步阶段。
像Adobe的Typekit这样的供应商已经开始发布一些支持浏览器的颜色字体选项,所以有一些更广泛的用途。有些人甚至称彩色字体是“网页设计中的下一件大事”。
在这里,我们将着眼于这一趋势,并让您决定这个概念有多大 用处意派Coolsite360交互式线网页编辑系统可以方便的编辑各类型网页标题 ,并且实现交互式网站搭建。
什么是彩色字体?
彩色字体几乎就是他们听起来的样子。包含多种颜色,阴影或渐变,纹理或透明度的字体。这些时髦的选项不仅仅是为字体添加颜色,它们是包含所有细节的特定字体。
彩色字体可以在字体文件中包含矢量形状,位图图像或两者,这可以使这些字体比标准字体包更重。彩色字体的常见示例包括表情符号字体或其中包含图标的字母。这种风格的单色字体通常被称为彩色字体,因为它们只包含一种色调或灰色。
现在,彩色字体最大的问题是没有真正的标准格式。所有这些文件格式都有一个问题 - 矢量和SVG图像可以轻松缩放,但位图版本可能会有尺寸限制。
实际上有五种格式需要处理:
SBIX(Apple):在Mac和iOS系统上具有原生支持的位图版本
CBDT(Google):在Android系统上具有原生支持的位图版本
COLR(微软):在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功能。
“像Trajan Color Concept和EmojiOne Color这样的颜色字体会像程序字体菜单中的典型字体一样出现 - 但它们可能不会显示其全部潜力,因为许多程序还没有完全支持颜色组件。如果您的软件程序不支持字体中的SVG图稿,则字形将回落为纯黑色样式。颜色仍然可以应用于此后备样式,因为它将像典型的OpenType字体一样工作。“
此外,Web Type的状态还有一个专门用于更新浏览器对彩色字体支持的部分,因此您可以确定什么时候适合您进行尝试。
就彩色字体的演变和使用习惯而言,有两件事情将扮演重要角色:
网页设计项目的浏览器的采用和兼容性(现在由于兼容性问题,更多的颜色字体设计实际上出现在印刷品中)
整体风格的技巧以及更华丽和色彩鲜艳的设计技术是否趋向整体
尝试彩色字体
如果彩色字体是你的东西,你可以下载彩色字体来开始或创建自己的字体,具体取决于设计项目的类型。
创建你自己的
您创建的颜色字体的类型实际上取决于您的软件技能。颜色字体可能包含任何内容,从您喜爱的照片中的图像到渐变颜色中美丽的泡泡和笔画。您可以自己完成,也可以使用工具来帮助设计自定义颜色字体。
意派Coolsite360交互式线网页编辑系统
“创意不该受技术束缚,交互可以变得简单有趣”
网友评论