除了 HELVETICA ，UI 设计师还应该知道哪些经典字体？

2017-04-18 10:16:00

我和好多同学一样，也是自学设计出身，在经过设计软件的学习和画图标的阶段后就开始工作了，后来在工作中遇到过很多问题，比如说，标题和正文怎么排布才是合理的？应该使用多大的字体？配色怎么配？一个 icon 是要用线型还是面型？这些困惑的出现是难免的，因为设计是一门非常严谨的学科，里面蕴含了很多道理，就连最基础的字体选择和排版，都经过了将近 1000 年的发展和演变，有很多很多专业的知识。作为一个 UI 设计师，我们应该对这些知识有所了解。

Helvetica

刚做设计的时候，我只会用一种字体，就是 Helvetica，因为它是苹果的官方字体，我做设计稿的时候永远是一个背景图片加上用 Helvetica 写的很细的一行字，好像很简洁的样子。然后别人问我这个字体好在哪里，我也说不上来。其实每个字体背后，都有它独特的情感和气质，或者一段故事。

Helvetica 在拉丁文中是“瑞士”的意思，Helvetica 是瑞士设计的代表作品。在第二次世界大战时，由于瑞士是一个中立国，因此国内的艺术发展丝毫没有受到影响，再加上很多欧洲其他国家的设计师逃亡到瑞士，使瑞士的设计迅速发展，形成了非常现代的设计风格。这款字体的设计风格和它的国家一样，中性，不带有任何的情感倾向，在各种情况下使用效果都不会差，后来成为使用最广泛的字体，也被苹果公司选为官方字体，成为了最著名的字体。

△ 2007年被拍成了电影，传奇字体Helvetica，有兴趣的同学可以去看一下

Didot

Didot 诞生于18世纪，是一款法国字体，前前后后一共经历了家族三代人的努力。当时的法国刚刚经过革命，废除了封建制度，拿破仑上台以后，以前华丽的洛可可宫廷风格被人们所摒弃，大家开始寻找新的设计风格，在设计 Didot 字体的时候，以前复杂和倾斜的笔画被垂直的笔画替代，字体的衬线比以前更加细致，而且在制作的过程中使用了数学控制字体的变化。这款法国字体高端，品质感十足，随着巴黎成为时尚中心，被越来越的的时尚杂志使用，成为法国设计的标志。

△ 用 Didot 作为 logo 字体的时尚杂志 VOGUE

Futura 和 DIN

德国给我们的印象一直是可靠，稳定，坚固的。德国的设计和“德国制造”一样，也遵循这样的理念。在20世纪初，德国的包豪斯设计学校成为现代设计的推行者，当时的一些理念在现在看来依然非常经典，他们主张把设计回归基本的几何元素，以几何和机械的美感来主导设计，Futura 是当时这种风格下最成功的一款字体，在设计的时候，Futura使用了大量的尺子和圆规，用数字和几何确定笔画的位置，代表了德国设计的冷峻和可靠。

在德国，公共场合里只有一字体，就是 DIN，它广泛使用与德国公路的标识牌，汽车牌号和铁路系统中，DIN 是“德国标准协会”的首字母缩写，在1924年的时候设计了第一版的 DIN字体，但是只有两个字重（字重就是笔画粗细的意思），后来在1994年以后又增加了多个字重，形成了家族字体。DIN 非常有机械感，整体设计充满力量，有很强的突出效果，让人可以更好地专注于文字的内容而不是花哨的设计，这就是 DIN 在交通中广泛使用的原因。

△ 使用 Futura 设计的海报，还有宜家也广泛使用了 Futura

△ 在德国广泛使用的 DIN ，上图是一个标识牌

Avenir 和 Gotham

Avenir 是字体设计大师 Adrian Frutiger 最自豪的设计作品，但是这款字体在当时并没有出名，而是在30年后的今天才得到了大家的认同。Adrian Frutiger 在审视自己作品的时候，发现并没有一款几何字体能和 Ftura 抗衡，所以他也想设计一款几何字体，但是在设计了一段时间以后，他发现根本没有必要再设计一款几何字体了，因为那种完全按照数学和尺子做出来的字体太过冰冷，没有人情味，所以他想设计一款充满感情的人文主义字体，整套字体是他独自一人设计的，把自己对设计的热爱完全融入了进去，那种有点可爱的风格是现在很多互联网公司希望传达的，airbnb 在官网上大量使用了 Avenir，来传达它舒适亲密的理念。

Gotham 是奥巴马在2008年竞选时选用的字体，和 Avenir 一样，也是一款人文主义字体，代表了亲近和包容，设计灵感来源于纽约市的街头绘画，很有感染力和号召力。在星巴克和很多海报中，Gotham 都有广泛的运用。