网页中这 10 种字体的运用方式，不会让人以为 Low

简评：字体特效很是多，有目的地选取合理的特效是让它们发挥效果的诀窍所在。好的字体排版是不须要辅助就能被识别的，不然这个设计是失败的。
本文转载自 UISDC，如需转载请联系他们。

对于设计师而言，在平常的平面和 UI设计中，给字体增长特效一直都是一件恼人的事情。客户提出的浮雕特效或者大阴影的需求，可是直接按照要求来设计可能会毁掉整个设计。更多时候，你须要的是一些相对优雅可是又足够吸引人的字体效果，让整个设计项目的走向更加合理。

字体特效很是多，有目的地选取合理的特效是让它们发挥效果的诀窍所在。好的字体排版是不须要辅助就能被识别的，不然这个设计是失败的。

值得一提的是，最好的字体特效每每是润物细无声的，近乎无形，可是对于整个设计在视觉和质感上都有所提高。

1. 有目的地运用阴影效果

不管你使用什么软件作设计，都不要使用默认的阴影效果，这个经验里面包含了太多血的教训。

正如前文所说，好的阴影特效有着较高的融入度，几乎是「隐形」的。在部署阴影特效的时候，不要为了建立而建立，而是要借助阴影来构建前景文字和背景之间的层次感，这种对比恰到好处便可。

这种「隐形」的阴影设计对于设计师而言一般是不难识别出来的，不过普通用户一般不会太注意到它们。这些柔和的阴影，功能只是用来营造对比。

相对较为硬朗的阴影，会给人以更加复古的感受，在较粗的、笔触平整的字体背后使用这样的阴影效果会比较好。

1. 使用双重曝光效果

双重曝光效果在网页设计和平面设计当中是很是流行的设计技巧。在文本字体中使用双重曝光效果可以让它看起来复杂而有趣，尤为是在双重曝光的图片选取得比较精妙的时候，效果看起来会很是惊艳。

1. 描边特效

对于较粗的字体使用描边特效，每每可以让字体的轮廓更加清晰，也增长了总体复古的感受。在上面的案例当中，设计师就借助霓虹色字体和描边特效创造出了独特的氛围。

1. 使用多彩字体

多彩字体自己就包含有多样的色彩属性，甚至含有阴影、渐变、透明度甚至纹理。你可使用多彩字体来让文本拥有远超传统字体的时髦值。

当大量的色彩共同来构成一套字体的时候，字体自己的视觉吸引力就已经达到极致了。现现在明亮大胆的字体是一种设计趋势，这样的配色自己并不会冒犯用户，由于用户正在愈来愈适应这样的设计。

固然，在色彩的搭配上须要协调且有目的性。

1. 适当地融入一些动效

历来都没有规定文本必须是静止的，在网页的文本中加入动效可以提高它的视觉吸引力。

不过，在为文本添加动效的时候，尤为要注意保持文本字体的可读性：

运动轨迹应该是有意识地设计的；
字母的运动不该该太快；
滚动或者自动播放的文本应该能够被中止；
不管屏幕大小，文本内容应该始终保持可读。

1. 模仿一些标志性的元素和特征

这两年的 Netflix 的热门美剧《怪奇物语》中，就模仿80年代经典的电影，融入了大量当时的元素，创造出让许多影迷共鸣的设计。

最典型的就是霓虹色的运用，充满80年代风情的 LOGO 成为了该剧最具识别度的元素。这种模仿的基础在于近年来80年代复古元素的疯狂流行，以及霓虹色等设计风格的回潮。

在模仿这些标志性的风格和元素的时候，度的把握很重要，恰到好处的模仿让人以为亲切，而拙劣的复制则会显得很 Low。

1. 引入图形

引入图形或者其余的多媒体元素，在文本中加入一些额外的东西，也是不错的手法。使用图形或者其余的元素来替代一个或者多个字母，这样的设计仍是很抓人眼球的。

这种技法的诀窍在于，图形的外观要和字母的风格、形状相匹配。很明显，若是不这么作的话，会让内容难以阅读。

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

1. 增长纹理

有些字体风格自己就显得复古、粗糙，设计师可以经过自定义增长纹理来强化这种感受。纹理自己可以让文本更加突出一些，也可以强化文本的质感，营造出独特的氛围。

在上面的案例当中，设计师经过两种不一样的方式来赋予文本以纹理：

经过切割出来的细节来赋予文本以纹理；
经过半透明的效果让字体透出背景，从而拥有纹理。

1. 创造自定义的文本字体

在进行品牌 LOGO 设计的时候，自定义的文本字体是最多见的元素之一。基于特定的字体来进行自定义设计，经过标志性的细节来营造使人难忘的视觉体验，是自定义字体的主要目标之一。

这并非一件容易实现的事情，自定义文本字体不只须要足够扎实的技术，并且须要在具体设计的时候，足够当心谨慎。在绝大多数时候，最好是要同专业的字体设计师合做，以达到最好的设计效果。

1. 让字体自己发挥效果

有的时候，最好的文本效果，就是不要加其余任何特效。在形状、大小和色彩具备足够对比度的状况下，文本元素和背景会天然地构成先后景的对比，天然分离。

缺乏其余效果的加持，设计师须要精心地控制全部的辅助性的元素，确保全部的元素可以完美的协同工做。加粗字体，深浅对比，是比较合理的组合方式。

The University of Essex 这个网站就在较暗的背景上采用了加粗的白色字体，视觉上足够突出，也足够清晰。

结语

文字特效的使用还须要特别注意设计趋势的存在，过于突出的特效可能会显得过犹不及，而趋势的流行周期也是设计师须要尤其注意的问题。微妙的设计总归是拥有更加持久生命力的。

原文：10 Tips for Using Text Effects That Don’t Suck