欢迎光临四川省巨高科技有限公司

              联系我们|网站地图|巨高资讯

              13880394188

              网站建设 WEBSITE CONSTRUCTION

              巨高科技专注成都网站建设和网站优化推广16年,提供PC网站+手机网站+微网站+手机APP四站合一,成都网站制作优选品牌,成都网络整合营销顾问

              当前位置:首页>网站建设 >建站资讯 >在网站设计当中怎么运用好彩色字体 >

              在网站设计当中怎么运用好彩色字体

              来源:成都网站建设 时间:2017-10-30 点击?#38382;?b id="click">1434次

                什么是彩色字体?这是一个?#27426;系?#20986;并开始获得认可的术语,尽管在大型设计项目中的使用的很少。

                像Adobe Typekit这样的供应商已经开始发布一些支持浏览器的彩色字体,当然也有一些更广泛的用?#23613;?#26377;些人甚至称彩色字体为“网页设计中的下一件大事”。

                接下来,我们来看看这一趋势,你来决定它是否是一件大事。

                什么是彩色字体?

                1、彩色字体几乎就像它听?#20808;?#37027;样,包含多种颜色,阴影或渐变,纹理或透明度的字体。它不仅仅是给字体添加了颜色,?#21069;?#21547;很多细节的特定字体。

                彩色字体可以是字体文件中的矢量形状、位图图像或是两者结合,这就使得彩色字体比标准字体包更大。常见示例包括表情符号或含有图标的字体。

                彩色字体的最大问题是现在没有真正的标?#20960;?#24335;。有一个缺陷就是所有的字体文件格式中矢量和SVG图像可?#36816;?#25918;自如,但位图可能会有大小限制。

                实际上有五种格式要处理:

                SBIX(Apple):在Mac和iOS系?#25104;系?#21407;生位图版本

                CBDT(Google):在Android系?#25104;系?#21407;生位图版本

                COLR(Microsoft):在Windows 8.1+系?#25104;系?#21407;生矢量图版本

                SVG(W3C):矢量和位图版本

                OpenType SVG(Adobe/Mozilla):将SVG形状放在OpenType字体中的矢量和位图版本

                Mozilla(火狐浏览器的骨干)和Adobe已经同意OpenType SVG是首选格式;其他人还在?#27426;系?#25913;变着决定。

                如果你想了解这些字体的工作原理以及所有文件格式的明确?#24471;鰨?#21487;以查看Fontself(https://learn.fontself.com/color-fonts-what-when-where-dd8c82e5a561),它有一个很好的入门?#24471;鰲?

                如?#38382;?#29992;颜色字体?

                2、当你第一次看到彩色字体时,可能会产生的想法:

                哇,太可恶了!

                cool!我知道如?#38382;?#29992;它!

                无论你感受如何,一定有非常适合彩色字体的应用程序,但你需要理性地使用它们。(少量使用彩色字体。)

                可以使用彩色字体:

                用一个短词语引人注意的技巧

                用于图标或logo的元素

                用于一段长文本的首段大字

                用于小型设计中醒目的标题

                将焦点聚集在一个特定的词语上或是一大段文字中的某个词语

                当其余的设计比较简单

                作为排版中你主要的设计元素

                当项目需要一些有趣和不寻常的东西来吸引用户的注意

                不使用彩色字体

                3、更多时候我们不使用颜色字体。你一定不想把网站设计成20世纪90年代那种?#20102;?#30340;色彩疯狂的风格。

                不要使用彩色字体:

                有?#35745;?#25110;在?#35745;?#19978;方

                复杂的背景

                很多文字

                有很多其他的设计技巧,如动画;单色通常足以产生视觉冲击

                有其他新奇或特殊的字体

                ?#27426;?#21457;展的趋势

                4、彩色字体开始流行是因为它在排版中起到了重要的作用而获得认可。Adobe和Mozilla采用的OpenType SVG格式可能?#21069;?#21161;这一趋势真正流行的工具,Adobe最近甚至向Photoshop中添加了彩色字体(你可能已经注意到字符调色板中有一些emojis)。

                这里是关于Adobe如何解释的OpenType SVG:(https://helpx.adobe.com/typekit/using/ot-svg-color-fonts.html)

                “OpenType-SVG是一种字体格式,OpenType字体具有作为SVG(可缩放矢量图形)图形的全部或部分的代表符号,这允许在单个?#20013;?#20013;显示多种颜色或渐变。由于这些特性,我们经常将OpenType-SVG字体称为“彩色字体”。

                “OpenType-SVG字体允许以这些图形的性质显示文本,同时允许被编辑、索引或搜索。它们包含OpenType的功能,允许?#20013;?#26367;换或替代?#20013;?#26679;式。

                “彩色字体的出现和Trajan Color Concept和Emoji One Color一样,就像你程序字体?#35828;?#20013;的特有字体。但是,由于许多程序?#24418;?#23436;全支持颜色组件,因此无法显示其全部可能性。如果你的软件程序不支持字体中的SVG图形,则?#20013;?#23558;恢复为纯黑色样式。颜色仍然可以应用于这种后备样式,因为它如同典型的OpenType字体一样。“

                此外,The State of Web Type(http://stateofwebtype.com/#Color%20fonts)有一个部分专门用于更新浏览器来支持彩色字体,因?#22235;?#21487;以确定?#38382;?#36866;合使用。

                在彩色字体的演变和使用方面,两件事将发挥主要作用:

                Web设计项目的选择以及浏览器的兼容性(由于兼容性问题,实际上彩色字体设计更多的出现在打印中)。

                现有的风格技术是否可以与华丽多彩的设计技术统一。

                尝试颜色字体

                5、如果彩色字体是你想要的设计,你可以下载来使用或自己创建,具体取决于设计项目的类型。

                自己创建

                你的软件技能将决定你创建彩色字体的类型。你可以自?#21644;?#25104;或使用工具来帮助设计你想要的彩色字体。

                Fontself(https://www.fontself.com/)是ai和ps可以添加的插件,它能帮助你创建彩色字体

                你可以学习Glyphs(https://glyphsapp.com/tutorials/creating-a-layered-color-font)的教程,从头开始绘制设计

                FontLab(https://www.youtube.com/watch?v=Yit1ZpClwAk)有视?#21040;?#31243;,逐步的讲解整个过程。

                下载或?#24230;?

                这里有一些可以帮助你创建彩色字体:

                用傲慢的类型(https://www.typewithpride.com/)

                ?#31243;步?https://creativemarket.com/anugrahadesign/1512983-Beach-Towel-Color-Font)

                蹦极(https://djr.com/bungee/)

                水彩字体(https://creativemarket.com/undrey/1240261-Watercolor-font)

                Bixa颜色(https://bixacolor.com/)

                儿童玩具(https://creativemarket.com/popskraft/1409713-Colorful-typefaces-child-typography)

                一线大胆(https://creativemarket.com/kaer_cm/1219084-OneLine-Bold-color-font)

                领袖(http://www.novotypo.nl/fonts/guru.html)

                氖(https://creativemarket.com/inkdrop/1274409-Neon-OTF-colour-font)

              宝马彩票向日葵合法吗

                                      在线客服
                                      在线客服
                                      服务?#35748;?/div>
                                      • 13880394188