旗下产业: A产业/ A实习/ A计划
全国统一咨询热线:010-5367 2995
首页 > 行业资讯 > UI设计师要知道的经典字体

UI设计师要知道的经典字体

时间:2018-03-15来源:www.aaa-cg.com.cn点击量:作者:马晨皓
时间:2018-03-15点击量:作者:马晨皓

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 都有广泛的运用。

△  有点小确幸风格的 Avenier,很有亲和力

△  前些天我设计的Pokemongo 的卡片,字体选用的就是 Gotham


 

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可先就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可推荐就业!

©2007-2021/北京漫动者教育科技有限公司版权所有
备案号:京ICP备12034770号

©2007-2022/ www.aaa-cg.com.cn 北京漫动者数字科技有限公司 备案号: 京ICP备12034770号 监督电话:010-53672995 邮箱:bjaaa@aaaedu.cc

京公网安备 11010802035704号

网站地图