设计干货:中英文字体选择与使用指南

举报 2021-02-25

设计干货:中英文字体选择与使用指南

首发:Canva设计

如果你平时要做PPT、视频封面图、海报……那么一定会遇到一个不可避免的问题:如何选择合适的字体?

每一种字体都拥有独特的风格,字形的差异会带来不同的心理感受:现代、古典、活泼、庄重……

今天我们就来聊一聊字体的分类,全文将分为中文字体和英文字体两部分。

(本文所有图片、模板、字体样例均来自Canva可画)


一、中文字体

中文字体主要分为基础字体和设计字体。中文基础字体包括但不限于宋体、黑体、楷体等,而设计字体又分为书法字和设计体。

设计干货:中英文字体选择与使用指南

英文字体可以按照有衬线和无衬线进行划分,如果按照这套标准,中文字体中的宋体属于衬线,黑体则属于无衬线。无衬线体常常给人一种中性和现代的感觉。


1、无衬线-黑体

黑体是现代的产物。黑体-简虽然被归类为无衬线体,但如果你放大看,会发现其笔画不是均匀的粗细,笔画外端被有意识地放大了,只不过不是很明显。

设计干货:中英文字体选择与使用指南

黑体的字形设计增强了它的可阅读性,因此在各类网页上也比较常见。

设计干货:中英文字体选择与使用指南

图片设计上黑体也很容易给人留下深刻印象。

设计干货:中英文字体选择与使用指南

作为基础字体,由黑体衍生出来的其他字体类别多样。如果你想追求科技、力量感,或者是让文字看上去“更大”,那么黑体无疑是最好的选择。

设计干货:中英文字体选择与使用指南设计干货:中英文字体选择与使用指南
以上字体都可以在canva.cn找到哦


2、宋体

宋体起源于中国宋代,直到雕版印刷的鼎盛时期——明朝,才得以成型。

雕版所使用的木头具有水平纹理,雕刻时横笔容易而竖笔更难,因此导致了宋体的横笔画细、竖笔画粗之特点。

设计干货:中英文字体选择与使用指南

同时,由于横笔画的两端容易被磨损,所以人们就为其加上了字脚,让这些区域变得更粗,也更耐用。

一般来说,宋体及宋体的衍生字体很容易表现出文艺、古典、传统、优雅、高贵的风格气质。

设计干货:中英文字体选择与使用指南设计干货:中英文字体选择与使用指南设计干货:中英文字体选择与使用指南


3、楷体

楷体和宋体一样,也是由传统字体发展而来的。通过观察就可以发现,楷体有大量弧线笔划,因此,由楷体衍生出来的字体还是主要用于体现传统、中国风的设计中。

在移动互联网的时代,楷体可能是基础字体中最不适合在显示屏上显示的字体,所以现在在手机上已经很少见到了。

这三种中文基础字体中,黑体由于其宽度规范,更适合在电子显示屏上显示,阅读起来比较醒目。下图中哪种字体适合手机屏一目了然。


4、书法体和其他设计体

顾名思义,书法体很像手写出来的,除了传统的毛笔书法外还包括一些硬笔书法(如钢笔字)。

传统书法非常适用于中国风的设计场景,有时互联网科技风格的设计为了展现澎湃大气的一面,还会使用毛笔书法体。

而硬笔书法字则适用于一些生活化的图片风格。

至于设计体,则是每一种字体都有属于自己的特点,很难简单几句话全部概括。

在Canva可画里就有大量不同风格的字体可供选择:


5、关于搭配

本文更多地聚焦于让初学者建立字体的概念,这里就简单介绍一下字体搭配的原则:一致性和对比性

一致性指的是选择调性和情绪一致的字体。比如宋体搭配书法字,万能的黑体搭配各种其他字体。字体的情绪表达需要保持统一,严肃的字体并不适合搭配活泼的字体。

对比性指的是字体“和而不同”。字体、样式、字重等属性要有明显的差异,但也不能让人感觉违和。

如果实在拿不准字体的搭配或者字体排版,建议大家可以尝试一下Canva可画自带的字体组合:


二、英文字体

1、英文字体的分类

如果将英文字体进行分类,大致可以分为:衬线体、无衬线体、其他字体。

衬线体针对英文又有两种分类,一是分为:现代体和旧体;二是分为:支架衬线体、发丝衬线体、板状衬线体。

1613731473640463.jpg

这种被称为「衬线」的装饰线的笔画设计,主流认为来源于古罗马纪念碑上的拉丁字母。

罗马字母被雕刻到石碑上之前,要先用方头笔刷写好样子,再照样雕凿。直接用方头笔刷书写会导致笔画的起始和结尾出现毛糙,所以在笔画开始、结束和转角时增加了收尾的笔画,也就自然形成了「衬线」。

而「衬线」和「无衬线」的区别,大致就是有笔锋和没笔锋的区别。

1613731493689818.jpg

大家常用的一些经典字体,譬如Baskerville、Times New Roman,还有我个人比较喜欢用的Trajan,都属于衬线字体,能够体现传统、典雅、高贵和距离感。

1613731507606094.png

因为衬线字体的落笔和结束都有额外的修饰,而且笔画的粗细有所不同,所以衬线字体比较容易识别,易读性也比较高。

在报刊杂志,整文篇幅较长的情况下,适合使用衬线字体进行排版。在进行换行阅读时识别度较高,可以有效避免行与行之间的阅读错误。


2、衬线字体的细分

衬线体又可以根据衬线变化分成三类:

1613731536674910.png

具有特定曲线衬线的「支架衬线体」(bracket serif)

连接处为细直线的「发丝衬线体」(hairline serif)

厚粗四角形的「板状衬线体」(slab serif)

「支架衬线体」适合传统、复古、古典、史诗等图片风格,但也相对亲切。

1613731549782711.png

像Baskerville、Times New Roman、Caslon、Georgia等都是比较常见的「支架衬线体」。

1613731563557618.png

「发丝衬线体」具有明显的现代感,风格优雅,不适合磅值小的字体,适用于一些较为复古的时尚图片。

1613731586504097.png

比较常见的字体有Didot,Bodoni。

1613731597277148.png

「板状衬线体」常见于19世纪到20世纪的广告牌,多用于标题,同时也适合阳光活泼的怀旧图片风格。

1613731609880497.png

除了上面的分法之外,衬线体也可以按照旧体和现代体进行分类。

由于电脑发明之前字体无法被数码化,所以类似手写的衬线体叫做“旧体”(old style),笔尖会留下固定倾斜角度的书写痕迹,其中最为明显的是:字母O较细部分的连线是斜线。

1613731622231906.jpg

旧体并不意味着过时,当今的电脑已经将这种旧体数码化,而传统书籍的正文通常也用旧体排版,适合长文阅读。

1613731635577142.png

比例工整,没有手写痕迹的衬线体叫“现代体”(modern style),O较细部分的连线是垂直的。

现代体体现了数码的精准和规范,给人以冷峻,严格的印象。由于衬线很细,该衬线体磅值缩小后文字易读性较差,一般在标题上使用。

1613731647285365.png

无衬线字体则是相反的思路,它没有笔画首尾的装饰,所有笔画的粗细也接近相同。


3、无衬线字体

无衬线体在 80 年代开始兴起,在当时被称为 Grotesque(荒唐的)或 Gothic(哥特的)。

1613731673202209.png

因为天然的技术感和理性气质,无衬线字体多为科技型企业所青睐,譬如目前苹果公司的官网采用的就是无衬线的San Francisco(英文)和苹方(中文)。

1613731688272095.png

随着「简约美」理念开始风行,1957 年上市的 Folio、Helvetica 和 Univers 三个极具代表性的无衬线字型开始成为当代字型的主流。

1613731700365509.png

无衬线字体适用的风格较多,优雅、高贵、极简、科技、商业……都可以使用无衬线字体,但是不同的字体之间会有细微的差别,这个在选择的时候需要注意。

1613731711185542.png

个人常用的无衬线体Futura,这款字体在1927年由保罗·伦纳(Paul Renner)所设计发表。Futura的简约设计是由完美的圆形、三角形和正方形所组成,与20世纪30年代现代主义包豪斯运动相当契合。 

1613731722977486.jpg

尽管Futura字体诞生于一个世纪之前,但其设计看起来相当前卫且极具前瞻性,因此在各式设计中被广泛使用。

它甚至出现于广为流传的科幻电影海报上,譬如2013年的电影《地心引力》 以及艺术画廊的标志上。

1613731736747993.jpg


4、其它

除了上面提到的这些字体种类,英文手写体也较为常见,但这种字体由于辨识度低,通常不作为标题使用,可在想要展现艺术感的场合作为装饰图案使用。

1613731761164614.png1613731774373609.png

由于一组英文字体只需要设计26个字母的大小写以及一些特殊符号,工作量相对中文字体少很多,因此英文字体的总体数量非常多,同时免费可商用的英文字体数量也比中文字体多很多。

尽管英文字体免费可商用的数量较多,不过使用时还是需要注意是否明确标明了免费可商用。


三、写在最

需要注意的是,有些即便是可用于商业的免费字体,但在使用时仍需和开发商联系;而一些开源的字体也并非完全等同于免费,有时根据协议,使用了某些开源字体的作品,作品本身同时也需要开源。以上问题经常使得商业字体的使用麻烦重重。

如果你目前还不想专门花钱去买字体来用,又不确定手中的字体是否可以免费使用,那怎么办呢?

360公司提供了一个页面,可以查询字体版权:http://fonts.safe.360.cn

1613804284113194.png

其实在版权内容方面,Canva可画也有一定的先天优势,它收购了全球最大两家免费可商用图库 Pexels 和 Pixabay,同时还与视觉中国、汉仪字库进行合作。

目前Canva可画站内有5000万版权图片,1500 款版权中英文字体,保证你用得放心。


撰文:缝纫机动队
编辑:Elsa


作者公众号:Canva设计(ID:canvadesign)
1613731868470770.jpeg

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    全部评论(4条)

    作者
    Canva可画

    Canva可画

    北京 朝阳区

    朝阳路十里堡甲三号万科时代中心3层

    行业:互联网

    官网:https://www.canva.cn