设计师帮你全方位掌握英文字体基础(3)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:腾讯   作者:Pearl

关键词

另两款新无衬线体(Neo-Grotesk),分别是Helvetica的前身和号称Helvetica killer的字体。

设计师帮你全方位掌握英文字体基础

2. 几何无衬线体(Geometric):

代表字体是的Futura。所谓“几何”就是将字母归纳为圆、方、三角等几何形状的字体。

设计师帮你全方位掌握英文字体基础

Futura受到包豪斯的影响,造型有设计感。笔划以垂直、水平的硬朗笔划为主。细节:

(1)顶角和底角非常锐利

(2)字母正圆处理

(3)升部降部偏长,优雅

设计师帮你全方位掌握英文字体基础

iPhone的报刊杂志icon,「ART」三个字母使用的就是Futura。

设计师帮你全方位掌握英文字体基础

Futura在德语中是「未来」的意思,因此它除了常见于有设计感的产品,如LV、Omega,也常用于「未来」题材。

设计师帮你全方位掌握英文字体基础

设计师帮你全方位掌握英文字体基础

在前面的图中可以看到Futura为了保持设计感,j、t省略了尾部,a、g使用单层结构,因此在可读性上有些问题,并不适于内文排版。并且它个性鲜明,有点“抢眼”。如果你喜欢几何无衬线的造型,但又想选择更温和、可读性强的字体,可以尝试Avenir。Avenir虽然同属几何无衬线体,但它在被设计时并不拘泥于几何形式,而是以视觉为准,显得人文、柔和,如a的尾部增加了一点点外翘的小细节。

设计师帮你全方位掌握英文字体基础

3. 人文无衬线体(Humanist):

代表字体是Myriad。人文无衬线体具有更好的韵律感,气质开放、亲和,不呆板、不冰冷。下图通过与Helvetica的对比,可以直观感受到什么是「人文」特征。

设计师帮你全方位掌握英文字体基础

(1) 人文无衬线体的x-height相对较小,使得字母之间的竖向变化更加清晰,整体更有韵律。

(2) 人文无衬线体的e、s等字母收尾采用半包围结构,更开放,不如Helvetica全包围的那么拘谨,显得亲和随意。

(3) 人文无衬线体线条柔美,不是Helvetica的工程感,更流线型,具有一定的手写味

设计师帮你全方位掌握英文字体基础

设计师帮你全方位掌握英文字体基础

设计师帮你全方位掌握英文字体基础

案例:苹果的VI字体,用于宣传:广告、网站、产品铭文等。港铁地图的部分字体。

设计师帮你全方位掌握英文字体基础

设计师帮你全方位掌握英文字体基础

同属于人文无衬线体的字体还有:Frutiger、Segeo

设计师帮你全方位掌握英文字体基础

设计师帮你全方位掌握英文字体基础

通常会认为,衬线体代表古典正式,无衬线体代表现代亲和。那么无衬线体就不能表现优雅和古典吗?

设计师帮你全方位掌握英文字体基础

答案是否定的。无衬线字体Optima融入了衬线基因,虽然没有衬线,但粗细变化相对明显,比划末端加粗,显得非常优雅有韵味。(在处理logo时如想要既优雅古典,又不显得老陈迂腐,可参考这种思路。)

设计师帮你全方位掌握英文字体基础

无衬线字体的情绪轴。

设计师帮你全方位掌握英文字体基础

设计师帮你全方位掌握英文字体基础

设计师帮你全方位掌握英文字体基础

 收藏