菜单 选择

网页中这10种字体的运用方式,不会让人觉得Low

QQ截图20180504143808.jpg

作者:陈木子                      黄骅广告公司

关于规划师而言,在日常的平面和 UI规划中,给字体添加特效一直都是一件恼人的事情。客户提出的浮雕特效或许大暗影的需求,可是直接依照要求来规划可能会销毁整个规划。更多时分,你需求的是一些相对高雅可是又满足吸引人的字体作用,让整个规划项目的走向愈加合理。

字体特效十分多,有目的地选取合理的特效是让它们发挥作用的窍门所在。好的字体排版是不需求辅助就能被辨认的,不然这个规划是失利的。

值得一提的是,最好的字体特效往往是润物细无声的,近乎无形,可是关于整个规划在视觉和质感上都有所提高。

1. 有目的地运用暗影作用

不管你运用什么软件做规划,都不要运用默许的暗影作用,这个经历里边包括了太多血的经验。

正如前文所说,好的暗影特效有着较高的融入度,几乎是「隐形」的。在布置暗影特效的时分,不要为了创立而创立,而是要凭借暗影来构建远景文字和布景之间的层次感,这种比照适可而止即可。

这种「隐形」的暗影规划关于规划师而言一般是不难辨认出来的,不过普通用户一般不会太注意到它们。这些柔软的暗影,功用仅仅用来营造比照。

相对较为健康的暗影,会给人以愈加复古的感觉,在较粗的、笔触平坦的字体背面运用这样的暗影作用会比较好。

2. 运用两层曝光作用

两层曝光作用在网页规划和平面规划傍边是十分盛行的规划技巧。在文本字体中运用两层曝光作用可以让它看起来杂乱而有趣,特别是在两层曝光的图片选取得比较精妙的时分,作用看起来会十分冷艳。

3. 描边特效

关于较粗的字体运用描边特效,往往可以让字体的轮廓愈加清晰,也添加了整体复古的感觉。在上面的事例傍边,规划师就凭借霓虹色字体和描边特效发明出了共同的空气。

4. 运用多彩字体

多彩字体自身就包括有多样的颜色特点,乃至含有暗影、渐变、透明度乃至纹路。你可以运用多彩字体来让文本具有远超传统字体的时尚值。

当很多的颜色共同来构成一套字体的时分,字体自身的视觉吸引力就现已到达极致了。现如今亮堂斗胆的字体是一种规划趋势,这样的配色自身并不会得罪用户,因为用户正在越来越适应这样的规划。

当然,在颜色的搭配上需求和谐且有目的性。

5. 适当地融入一些动效

历来都没有规则文本有必要是停止的,在网页的文本中参加动效可以提高它的视觉吸引力。

不过,在为文本添加动效的时分,特别要注意保持文本字体的可读性:

 
  • 运动轨迹应该是有意识地规划的;

  • 字母的运动不应该太快;

  • 翻滚或许自动播放的文本应该可以被停止;

  • 不管屏幕巨细,文本内容应该始终保持可读。

6. 仿照一些标志性的元素和特征

这两年的 Netflix 的抢手美剧《怪奇物语》中,就仿照 80 时代经典的电影,融入了很多其时的元素,发明出让许多影迷共识的规划。

最典型的就是霓虹色的运用,充溢 80 时代风情的 LOGO 成为了该剧最具辨认度的元素。这种仿照的根底在于近年来 80 时代复古元素的张狂盛行,以及霓虹色等规划风格的回潮。

在仿照这些标志性的风格和元素的时分,度的掌握很重要,适可而止的仿照让人觉得亲热,而拙劣的仿制则会显得很 Low。

7. 引进图形

引进图形或许其他的多媒体元素,在文本中参加一些额定的东西,也是不错的方法。运用图形或许其他的元从来代替一个或许多个字母,这样的规划仍是很抓人眼球的。

这种技法的窍门在于,图形的外观要和字母的风格、形状相匹配。很明显,假如不这么做的话,会让内容难以阅览。

在上面的 Kasra Design 的网页傍边,视频的触发按钮和图标很好地融合了起来。

8. 添加纹路

有些字体风格自身就显得复古、粗糙,规划师可以经过自定义添加纹路来强化这种感觉。纹路自身可以让文本愈加突出一些,也可以强化文本的质感,营造出共同的空气。

在上面的事例傍边,规划师经过两种不同的方法来赋予文本以纹路:

  • 经过切开出来的细节来赋予文本以纹路;

  • 经过半透明的作用让字体透出布景,然后具有纹路。

9. 发明自定义的文本字体

在进行品牌 LOGO 规划的时分,自定义的文本字体是最常见的元素之一。根据特定的字体来进行自定义规划,经过标志性的细节来营造令人难忘的视觉体会,是自定义字体的首要方针之一。

这并不是一件简单完成的事情,自定义文本字体不只需求满足厚实的技能,并且需求在详细规划的时分,满足小心翼翼。在绝大多数时分,最好是要同专业的字体规划师协作,以到达最好的规划作用。

10. 让字体自身发挥作用

有的时分,最好的文本作用,就是不要加其他任何特效。在形状、巨细和颜色具有满足比照度的情况下,文本元素和布景会天然地构成前后景的比照,天然别离。

短少其他作用的加持,规划师需求精心肠操控一切的辅助性的元素,保证一切的元素可以完美的协同作业。加粗字体,深浅比照,是比较合理的组合方法。

The University of Essex 这个网站就在较暗的布景上采用了加粗的白色字体,视觉上满足突出,也满足清晰。      黄骅广告公司

结语

文字特效的运用还需求特别注意规划趋势的存在,过于突出的特效可能会显得过犹不及,而趋势的盛行周期也是规划师需求尤为注意的问题。奇妙的规划总之是具有愈加耐久生命力的。