快速体验网页缤纷多彩的乐趣

时间:2018-06-04 10:42:15 关键词:多彩字体 adobe 极简主义 svg

  Color Fonts(多彩字体)是最近网页中新出现的规划词汇,虽然它仍处于萌发之中,不少网站规划师现已在许多项目中运用这一技巧。这是由于多彩字体往往能够给网站带来不相同的视觉作用,将信息以生动、风趣的办法出现给访客,让整个网站看上去愈加五光十色。现在,比方Adobe Typekit 这样的字体效劳供货商现已开端供给一些支撑特定浏览器的多彩字体,多彩字体在网站中的运用越来越广泛。一些网站开发者预测多彩字体极有可能成为网页规划范畴的下一个"大事件"。你了解多彩字体吗?知道在网站中怎样运用这一规划办法吗?不必忧虑,今日这篇文章就是带我们体系的了解一下多彩字体,包括它的特征、适用情形等,快来一起看看吧!

  多彩字体,望文生义,是指字体的不同区域运用多彩的颜色来出现,包括暗影、突变、纹路和透明度等特点。千万不要将多彩文字简略的概括为杂乱多样的颜色,字体中所包括的丰厚的细节处理也是非常重要的。

  不过,多彩字体现在面临的最大的问题就在于它还没有构成一套真实规范的字体格局。并且,不同格局的多彩字体在运用时也存在差异,SVG矢量图的多彩字体能够轻松实现缩放,而位图格局在缩放时却会出现尺寸约束的问题。现在常见的多彩字体包括以下5种格局:

  ·CBDT(Google):支撑Android 体系上的原生位图字体

  ·SVG(W3C):有矢量和位图字体两种版别

  除了Apple、Google公司外,还有不少企业组织也在运用多彩字体,它们正尽力逐步完善自己旗下的字体规范和运用规范。Mozilla(Firefox背面的支撑组织)和Adobe 现已正式声明将OpenType SVG作为它们多彩字体的首选格局。虽然这些公司现已就多彩字体作出了决策,不少公司仍对这一趋势持观望情绪。

  人们关于多彩字体常会有天壤之别的第一印象。第一次看到多彩字体时,一些人会觉得:"这是什么杂乱无章的",而另一些人则会以为:"这种字体几乎太炫酷了,我现已想好要在哪个当地用它了"。不论你站在哪个阵营,你都不能疏忽一个现实,那就是:多彩字体在某些网站中能够完美习惯,充沛发挥自己的作用。当然,你在运用多彩字体时也要满足慎重,不要做得太过了。下面是小飞罗列出来合适运用多彩字体的一些情境:

  ·用在图标或许LOGO款式元素上

  ·用在极简主义规划中作为视觉主体的标题上

  ·当整个规划的其他部分都比较简略时

  ·当整个规划需求一些风趣或不同寻常的规划来招引用户留意力时

  任何事物都是有利有弊的,多彩字体也是相同。假如咱们在网站中运用过多的多彩字体,常会让网站看上去目不暇接,对访客发生搅扰,影响信息的有用传递,还会让整个规划看上去富丽空泛,影响网站形象。还有,多彩字体不是无条件适用于任何网站的。所以,慎重运用多彩字体,防止负面效应。小飞特意整理了一些不合适运用多彩字体的情境,期望能够给我们一些学习和参阅:

  ·当背景的视觉规划较为杂乱时

  ·当页面中包括很多的动画和动效,或其他元素运用了很多颜色时


  多彩字体的发展趋势

  "OpenType-SVG 是一种包括了悉数或部分字母/字形的SVG 图形,它使得单个文字能够显现多种颜色乃至突变。也正是由于它的这一特性,OpenType-SVG 是多彩字体的一种表现办法。别的,OpenType-SVG 字体仍具有一般字体的一些特质,能够直接拿过来运用,能够被修改,搜索或索引。除此,OpenType-SVG还具有OpenType字体的一些特征,比方答应字型代替或字型款式代替。"

  就现在多彩字体的演化进程和运用范围来看,有两个主要的影响要素,一是浏览器关于多彩字体的兼容性,The State of Web Type 中具体阐明了多彩字体需求哪些浏览器的功用支撑。二是规划与富丽多彩的文本在风格上的匹配度。每一种规划趋势都不行能习惯一切的建站需求,多彩字体可能愈加合适富丽、丰厚的网站。小飞信任,随着网络建站技能的不断发展,未来浏览器关于多彩字体的兼容性会越来越强,多彩字体的发展劲头不行小觑。

  假如你觉得多彩字体在你的网站中能够发挥必定的作用,一起也与网站的全体风格相习惯,那就在网站中试一试吧!不过多彩字体从哪来呢?这有两个途径,一是下载。这种办法比较便利,下面是几种现成的多彩字体,你能够研究一下:

  ·Beach Towel

  ·Watercolor Font

  ·Kids Toys

  ·Guru

  还有一种办法就是自己制造多彩文字。这种办法比较自在,制造出来的多彩文字也极具个人颜色,在独特性上无与伦比。不同的软件做出来的多彩字体在作用上也会有必定的不同,你能够挑选自己比较习惯、喜爱的软件来规划。下面是3款小飞推荐的多彩字体制造软件:

  · Glyphs 上有手把手教您制作多彩字体的教程

  ·FontLab 供给视频教程,具体介绍多彩字体规划的整个进程

转载请标注:重庆网站建设专家第一网络,链接:http://01netcn.com/news/i1231.html

023-61353088
重庆市渝中区大坪英利国际4号14F