美文网首页Coolsite360响应式网站建设
网页制作 彩色字体初学者指南

网页制作 彩色字体初学者指南

作者: c9ad3e5022b1 | 来源:发表于2018-06-08 12:23 被阅读3次

    那么到底什么是彩色字体呢?这个术语不断涌现,并开始获得牵引力,尽管在大型设计项目中的使用仍处于起步阶段。

    像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交互式线网页编辑系统

    “创意不该受技术束缚,交互可以变得简单有趣”

    相关文章

      网友评论

        本文标题:网页制作 彩色字体初学者指南

        本文链接:https://www.haomeiwen.com/subject/cdzosftx.html