技术教程营销策划

网站策划:Web的英文字体该如何选择?

整理:jimmy2024/12/23浏览2
简介字体是视觉设计中最重要的传达元素之一,字体本身的视觉特性和品质影响着信息传递的质量,英文字体有自己非常完善的系统,如果要精通则需要从字体的历史与形成,文化属性细细研究,限于文章篇幅,这里只从个人的感受出发写一些更偏向于应用的内容。

网站策划:Web的英文字体该如何选择?

字体是视觉设计中最重要的传达元素之一,字体本身的视觉特性和品质影响着信息传递的质量,英文字体有自己非常完善的系统,如果要精通则需要从字体的历史与形成,文化属性细细研究,限于文章篇幅,这里只从个人的感受出发写一些更偏向于应用的内容。

英文字体的分类

英文文字大致分成三类,衬线体,无衬线体和其他字体。其他字体包括哥特体,手写体和装饰体,这些字体在我们工作中使用相对较少,所以重点介绍衬线体和无衬线体两大类。

网站策划:Web的英文字体该如何选择?

衬线体的历史比较悠久,是古罗马时期的碑刻用字,适合用于表达传统,典雅,高贵,距离感。

衬线体可以分成两类:类似手写的衬线体叫“旧体”,笔尖会留下固定倾斜角度的书写痕迹,O字母较细的部分连线是斜线。旧体并不意味过时,传统书籍正文通常用旧体排版,适合长文阅读。

比例工整,没有手写痕迹的衬线体叫“现代体”。O字母较细部分连线是垂直的。体现了明快的现代感,给人冷峻、严格的印象,这种衬线体缩小后文字易读性比较差,一般在标题上使用。

网站策划:Web的英文字体该如何选择?

衬线体还有另外一种分类方式,根据衬线变化可以分成三类:具有特定曲线的衬线为“支架衬线体”,连接处为细直线的是“发丝衬线体”,厚粗四角形的“板状衬线体”。

网站策划:Web的英文字体该如何选择?

支架衬线体是旧体中最常见的字型,在衬线体中相对亲切、传统。比较常见的字体有Times New Roman,Baskerville,Caslon,Georgia。

发丝衬线体是现代体中常见的字型,具有明显现代感,不适合磅值小的字体。比较常见字体有Didot,Bodoni。

板状衬线体比较有力,是19世纪到20世纪初用在广告牌上的文字,多用于标题,具有怀旧气氛。

无衬线体相对衬线体更加亲和,现代。从类别上大致可以分成四类:Grotesque, Neo-grotesque,Humanist和Geometric。

网站策划:Web的英文字体该如何选择?

Grotesque是最早出现的无衬线体,所以保留了一些衬线体的特征,比如小写字母g的写法不一样,数字1下方有粗衬线。

Neo-grotesque包括很多常用字体,Helvetica,Arial,Univers,不带情绪,冷静简洁。

Humanist有一点书法感,给人温暖的典雅气氛,有一点女性气质,识别度非常好,网站正文字体常用。

Geometric字体趋近几何形状,例如字母O非常像正圆,字母a是半圆加一个尾巴,易读性不好所以不适合用在正文,但是这类字体有非常强的设计感。在某些需要突出设计感的场合用磅值大的字体效果很好。

个人感觉从趋势上而言humanist和Geometric使用率越来越高,尤其是web端Humanist慢慢在侵蚀Neo-grotesque的领地。

经典字体推荐

当我们不确定用什么字体的时候不妨先确定什么类别的字体最合适,衬线还是非衬线,人文体还是几何体,确定好了之后再多考虑看看一些经典字体是否可以使用,下面推荐一些经典字体。

网站策划:Web的英文字体该如何选择?

具有史诗般正统风格,特别适合用于表现年代悠久。具体排版时注意合字和老式数字的使用。

网站策划:Web的英文字体该如何选择?

网站策划:Web的英文字体该如何选择?

复古传统,没有强烈个性,十分易于阅读,因为太流行所以很多大的公司都做过Garamond复刻,苹果电脑里有系统字Garamond以及Adobe所制作的Adobe Garamond Pro。 如果是希望web上使用,可以考虑EB Garamond。

网站策划:Web的英文字体该如何选择?

网站策划:Web的英文字体该如何选择?

美国独立宣言用字,是活字时代的大热字体。很多公司也做过Caslon复刻,现在的使用也非常广泛。

网站策划:Web的英文字体该如何选择?

网站策划:Web的英文字体该如何选择?

过渡期罗马体(旧体到现代体)的代表性字体,非常经典,给人古典、高贵的感觉。

网站策划:Web的英文字体该如何选择?

网站策划:Web的英文字体该如何选择?

现代衬线体,发丝衬线。特点是强烈的笔画粗细对比和水平衬线,时尚,现代,优美。

网站策划:Web的英文字体该如何选择?

网站策划:Web的英文字体该如何选择?

与Didot类似,适合大字体表现,相对Didot来说硬朗一点。

网站策划:Web的英文字体该如何选择?

网站策划:Web的英文字体该如何选择?

1 2 下一页 查看全文