实用设计攻略:快速掌握字体搭配思路

举报 2021-07-09

实用设计攻略:快速掌握字体搭配思路

作者:邓海贝,首发:艺海拾贝Design
原标题:快速掌握字体搭配思路

上一期通过“黑体”、“宋体”、“圆体”、“书法体”四大类字体的分析,讲解了各类字体的风格特点和在各种设计案例中的使用效果 ;我们可以根据“目标受众”、“项目调性”、“行业属性”等方式确定字体类型,使字体和版面风格相契合。本期将通过字体搭配三大原则:限制字体数量、建立视觉层次、风格气质的统一,给大家讲解字体搭配的基本技巧。


一、限制字体数量

一个版面中字体的变化不易过多,不论信息量有多少,字体选择控制在二至三种已足以应付画面的需要。即使字体不变,通过改变字体的大小、粗细、颜色或是装饰手法也可达到区分主次、引导读者阅读的目的。字体类型越少,对画面文字信息的编排布局就越容易掌控。

实用设计攻略:快速掌握字体搭配思路

信息量非常大,但只使用一种字体,通过字体大小、粗细对比,和巧妙的编排,很好营造出视觉层次。

实用设计攻略:快速掌握字体搭配思路

整个版面只使用两组字体:英文信息使用粗壮的无衬线字体,并放大强调 ;而日文信息使用较细的衬线体,信息层次可以得到很好区分。

有些项目需要呈现热闹活泼的氛围,或需要非常具有装饰性的设计,必须使用复杂的字体搭配,请保持整体效果是协调的,避免冲突和混乱。

实用设计攻略:快速掌握字体搭配思路

此海报为了营造出热闹丰富的画面感,使用了非常多的字体,形式感很丰富,视觉冲击力很强。但是对于大部分对版面把控力不强的设计师,往往很难做到既丰富又协调 ,所以限制字体数量是使画面达到协调统一的好方法。


二、建立视觉层次

为什么要进行字体搭配?一是为了美观,二是为了建立视觉层次。在一个版面中,包含有不同层次的信息内容,需要按主次进行区分,如标题、小标题、内文,每个信息层级也会有重点信息和非重点信息。

在进行字体搭配时需要通过字体的大小、粗细、颜色等方式来配合展现,帮助读者避免视觉上的混乱,同时给版面带来阅读的层次感。 

实用设计攻略:快速掌握字体搭配思路

实用设计攻略:快速掌握字体搭配思路

这两个案例虽然只使用了一种字体,但是也可以清晰划分出主次层级。一般来说主体信息可以选择较粗、较大的字体,次要信息使用较细、较小的字体,形成对比,制造视觉流程,引导受众阅读信息,使版面的层次更丰富。


三、风格气质的统一

使字体搭配协调的一个基本原则就是选择气质相近的字体。不同造型特点形成各种风格特征的字体,它们所传达出的情感也不相同。有的字体气质庄重,有的字体散发出古典气息,有的给人以现代时尚感,有的字体注重信息传递,而有的注重精神象征。

使用同一字族里的字体,是最简单、安全的搭配方法。所谓字族(font family)即字体家族,一款字体下的多个子字体,如思源黑体和思源宋体字族从细到粗共有七款字体,风格协调统一。

实用设计攻略:快速掌握字体搭配思路

使用同一字族里的字体,符合“限制字体数量”的原则;在编排时需要遵循“形成视觉层次”的原则,在进行字体搭配时需要通过字体的大小、粗细、颜色等方式来给版面带来阅读的层次感。 

实用设计攻略:快速掌握字体搭配思路

搭配不同的字体时,要注意他们之间的包容性,既要有所区别又要统一和谐。

黑体与宋体的混搭是很常用的一种搭配方式,当感性的宋体遇上理性的黑体,可以形成很好的对比效果。这里需要注意的是尺度的把握,适当的对比能够为版面带来变化丰富的视觉印象,但对比过度也会产生凌乱感。

如下图化妆品广告,选择较细的宋体和较细的黑体搭配,字形相似又形成了微妙的对比,而且两者都有高雅、精致的气质,运用在具有女性特征的化妆品设计中相得益彰。

实用设计攻略:快速掌握字体搭配思路

配不同的字体时,一般主信息选择较宽粗和具有装饰性的字体,以便能快速吸引受众的注意 ;而说明文字适合选择结构清晰,笔画简洁的字体,以方便阅读。如下图选用“华康海报体”作为主标题,既醒目又活泼生动,能很好吸引受众观看;说明文字选用简约可爱的“方正兰亭圆体”,既具有很好的阅读性,也与标题风格相统一。

实用设计攻略:快速掌握字体搭配思路

书法字形的视觉张力很大,笔画变化丰富且非常具有视觉冲击力。作为展示的标题来说非常适用,但是对于小尺寸的说明性文字并不适合,笔画细节会因为尺寸的缩小变得格外复杂。为了解决这个问题,我们通常会搭配同样具有厚重的文化历史感和强烈的人文气息的宋体。

实用设计攻略:快速掌握字体搭配思路

书法字体搭配黑体,硬朗的黑体与柔和的手写体能够产生强烈的对比效果,非常适合标题的文字组合,常使用在具有现代感的画面中。

实用设计攻略:快速掌握字体搭配思路


四、中英文搭配建议

使用中英文组合排版时,英文尽量不要使用中文自带的字体,因为部分中文字体的英文部分设计的并不够完美,所以尽量使用经典的英文字体效果会好很多。

上方为“微软雅黑”的中英文组合,下方把英文替换为经典的英文字体“Helvetica”,可以看到下方的搭配更精致美观。

实用设计攻略:快速掌握字体搭配思路

现在把英文单独进行对比,注意看“F”、“C”、“L”、“I”等字母,会明显看到“微软雅黑”的英文设计比较粗糙,“Helvetica”更显精致。

实用设计攻略:快速掌握字体搭配思路

上方为“方正风雅宋”的中英文组合,可以看到中英文风格差异比较大;而把英文换为经典的英文时尚字体“Didot”,明显在风格上更统一,也更适合搭配。

实用设计攻略:快速掌握字体搭配思路

案例分析

此案例中文选择“造字工房俊雅”,英文没有选择字体自带的西文,而是选择更经典的时尚英文字体“Didot”,可以很好营造出时尚的氛围。

在中英文搭配中,通常会选择把英文的衬线字体和宋体字对应编排,而把英文的无衬线字体和中文的黑体字对应编排,这样的搭配方式是最简单,最安全的方法,可以较好的形成风格上的统一。

但每种类型的字体也有细微的气质差别,如宋体字形中也会有书写感很重的古典感字形与极具几何特性的现代字形之分。

偏向于印刷和屏显类的“思源宋体”,搭配冷静克制的英文字体“Times New Roman”会更统一。从细节上来说,它们俩之间的衬角修饰感更为接近,在粗细的过渡及对比上,也是较为近似的。

所以在进行设计时,不管是中文与中文还是中英文搭配,都是需要经过仔细分析和不断练习,才能达到和谐统一、层次清晰而美观大方的效果。


总 结

在字体搭配中要遵循三大原则:

1、限制字体数量。不论信息量有多少,字体选择控制在二至三种已足以应付画面的需要;

2、建立视觉层次。在进行字体搭配时需要通过字体的大小、粗细、颜色等方式来配合展现,帮助读者避免视觉上的混乱,同时给版面带来阅读的层次感;

3、风格气质的统一。搭配不同的字体时,要注意他们之间的包容性,既要区别又要统一和谐。

使用中英文组合排版时,英文尽量不要使用中文自带的字体,在中英文搭配时也要遵循以上三个原则。


作者公众号:艺海拾贝Design(ID:YHSBds)
艺海拾贝design.png

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

    评论

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

    评论

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

    推荐评论

    全部评论(1条)