彩色字体:初学者指南

那么到底什么是彩色字体呢?这个术语不断涌现,并开始获得牵引力,尽管在大型设计项目中的使用仍处于起步阶段。像Adobe的Typekit这样的供应商已经开始发布一些支持浏览器的颜色字体选项,所以有一些更广泛的用途。有些人甚至称彩色字体是“网页设计中的下一件大事”。
在这里,我们将着眼于这一趋势,并让您决定这个概念有多大 - 或不是 - 这个概念。

什么是彩色字体?


彩色字体几乎就是他们听起来的样子。包含多种颜色,阴影或渐变,纹理或透明度的字体。这些时髦的选项不仅仅是为字体添加颜色,它们是包含所有细节的特定字体。彩色字体可以在字体文件中包含矢量形状,位图图像或两者,这可以使这些字体比标准字体包更重。彩色字体的常见示例包括表情符号字体或其中包含图标的字母。这种风格的单色字体通常被称为彩色字体,因为它们只包含一种色调或灰色。现在,彩色字体最大的问题是没有真正的标准格式。所有这些文件格式都有一个问题 - 矢量和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的状态还有一个专门用于更新浏览器对彩色字体支持的部分,因此您可以确定什么时候适合您进行尝试。

就彩色字体的演变和使用习惯而言,有两件事情将扮演重要角色:

网页设计项目的浏览器的采用和兼容性(现在由于兼容性问题,更多的颜色字体设计实际上出现在印刷品中)
整体风格的技巧以及更华丽和色彩鲜艳的设计技术是否趋向整体


尝试彩色字体




如果彩色字体是你的东西,你可以下载彩色字体来开始或创建自己的字体,具体取决于设计项目的类型。


创建你自己的彩色字体


您创建的颜色字体的类型实际上取决于您的软件技能。颜色字体可能包含任何内容,从您喜爱的照片中的图像到渐变颜色中美丽的泡泡和笔画。您可以自己完成,也可以使用工具来帮助设计自定义颜色字体。

Fontself是一个Adobe Illustrator或Photoshop插件,可帮助您创建自定义颜色字体
您可以从Glyphs的本教程中从头开始绘制和设计所有内容
FontLab有一个视频教程,逐步介绍该过程
下载或嵌入


结论


你准备好跳上彩色字体趋势了吗?它太多了还是不稳定的支持是您的项目的真正问题?就我个人而言,我觉得这个趋势非常有趣,并且在活动海报或传单等印刷项目中有真正的实际用途。尽管如此,我仍然不太相信网站项目。时间只会说明这个趋势是否真的成为“网页设计中的下一件大事”或者是另一个稍纵即逝的时尚。



相关资讯

深圳网站建设公司分享最新的5个网站设计案例

  • 2017-07-20

您知道吗,网络访问者只需50 毫秒即可根据您的网站设计... 查看详情

开发一个网站的费用是多少?

  • 2017-07-20

开发一个网站的费用是多少?开发网站不容易,说繁杂都不繁... 查看详情

高端网站设计公司——维仆分享:精美品牌官网设计(十五)

  • 2017-07-20

SILO RIDGE位于纽约北部古色古香的城镇附近,米尔布鲁... 查看详情

2021年世界残奥会给网站设计带来什么

  • 2017-07-20

国际在线报道:9月5日,东京残奥会落下帷幕。中国残奥军团... 查看详情

网站定制首要考虑的是用户体验

  • 2017-07-20

无论您是刚开始业务还是拥有完善的网站,您的网站定制头... 查看详情

卫浴电商网站建设的七大好处

  • 2017-07-20

随着改革开放的发展,卫浴逐渐走进千家万户,卫浴企业也是... 查看详情

不建议企业做模板网站的五大原因

  • 2017-07-20

最近有大量做网站公司提供“个性化”网站模板,令人惊讶... 查看详情

深圳网站设计公司告诉你网站的统一问题

  • 2018-07-27

一个优秀的网站并不是那么简单就能完成的,需要我们注意... 查看详情

高端官网设计应该需要注意哪些方面?

  • 2017-07-20

高端官网设计一直在变化,而未来就像油污一样清晰。似乎... 查看详情

2022 年商业网站的网页设计趋势

  • 2017-07-20

您是否希望在新的一年更新或升级您的商业网站?那么深入... 查看详情


分类

热门新闻

标签

热门标签: 外贸网站建设 网站建设 深圳网站建设 网站建设公司 网站设计 深圳网站设计公司 网站设计公司 东莞网站设计建设公司 深圳网页设计 网页设计 网站制作公司 深圳网站制作 深圳网站制作公司 网站优化 企业网站设计公司 

相关标签: 深圳网页设计 网页设计 网页设计公司 网页 广州网站设计建设公司 

联系
  • 地址:深圳市罗湖区中海慧智大厦1A座706
  • 热线:0755-8672-1169
  • 直线:137-2893-6255
  • Email: 2503595831@qq.com
  • 周一 - 周五:10:00 am - 7:30 pm
    周六 - 周日:休整
  • 服务城市: 深圳   广州   香港   成都   台湾   珠海   汕头    甘肃   中山   佛山   长沙    东莞
  • 深圳区域: 罗湖   福田   南山   盐田   宝安   龙岗   龙华   光明   大鹏   坂田   西乡   科技园