招商局、中广核、富士康等名企长期服务商
0755-8672-1169
深圳.科技园
在线联系:

Branding News

为您的品牌提供借鉴,提高自身审美水平!

彩色字体:初学者指南

那么到底什么是彩色字体呢?这个术语不断涌现,并开始获得牵引力,尽管在大型设计项目中的使用仍处于起步阶段。像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有一个视频教程,逐步介绍该过程
下载或嵌入


结论


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


分享:

相关资讯

维仆在光电行业大放异...

  • 2019-04-04

一直以来,维仆网站设计公司始终坚信以技术驱动更好的设... 查看详情

中小企业网站设计精巧...

  • 2018-09-12

企业网站设计成为企业发展和弘扬企业文化的另一种方式... 查看详情

3个实际上你应该尝试...

  • 2018-09-10

有很多设计规则陷入困境。更高级设计师提出的建议,设计... 查看详情


联系我们

  • 地址: 深圳市南山区前海路海岸时代东B座1920
  • 热线: 0755-8672-1169
  • 直线: 137-2893-6255
  • Email: 2503595831@qq.com
  • 周一 - 周五: 10:00 am - 7:30 pm
    周六 - 周日: 休整

服务优势

2秒 极速开启页面 | 承诺服务期内网站 99.99% 安全可用 | 10 分钟上手的傻瓜式后台 | 定制前端,也定制后端,我们 专注 深度定制 | 绝对专业交付机制,禁止捆绑销售

维仆高端网站建设设计和小程序定制开发公司成功为多家上市公司、集团企业成功设计并开发了微信小程序、品牌网站建设、高端网站设计网站建设深圳网站设计深圳网页设计服务,并与多家企业达成了长期的战略合作关系。

部分客户

招商局集团、南山控股集团、中广核集团、哈工大集团、保利集团、华大基因、富士康等大型集团上市公司,还包括爱帝宫母婴集团、佳士科技股份有限公司、联想、华侨城洲际大酒店、美妈汇产后修复中心、德林酒店、卡瑞登酒店、美莱医疗美容、深信服、日坛一号健身SPA会所、雷克沙高端储存、皇庭广场等。

所有客户均有合同可追溯,严谨盗用!

30
在线咨询
热线

服务热线
0755-8672-1169

微信
拨打电话