1. 首页

快速掌握字体搭配的技巧和思路

本期将通过字体搭配三大原则:限制字体数量、建立视觉层次、风格气质的统一,给大家讲解字体搭配的基本技巧。字体类型越少,对画面文字信息的编排布局就越容易掌控。为什么要进行字体搭配?使字体搭配协调的一个基本原则就是选择气质相近的字体。使用同一字族里的字体,是最简单、安全的搭配方法。;而说明文字适合选择结构清晰,笔画简洁的字体,以方便阅读。不论信息量有多少,字体选择控制在二至三种已足以应付画面的需要;

本期将借助字体搭配三大原则:限制字体数量、建立视觉层次、风格优雅的统一,给你们讲解字体搭配的基本方法。希望借助本篇文章能给你们带给启发!

一限制字体数量

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

快速掌握字体搭配的技巧和思路

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

快速掌握字体搭配的技巧和思路

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

有些项目应该展现热闹活泼的气氛,或必须特别具备装饰性的设计,必须使用复杂的字体搭配,请保持整体效果是协调的,避免矛盾和混乱。

快速掌握字体搭配的技巧和思路

此海报为了打造出热闹丰富的场景感,使用了相当多的字体,形式感很丰富,视觉冲击力很强。但是针对大个别对版面把控力不强的设计师,往往很难做到既丰富又协调,所以限制字体数量是使场景超过协调统一的好办法。

快速掌握字体搭配的技巧和思路

二、建立视觉层次

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

在进行字体搭配时必须借助字体的大小、粗细、颜色等方法来配合呈现,帮助观众减少视觉上的混乱,同时给版面带来阅读的层次感。

快速掌握字体搭配的技巧和思路

快速掌握字体搭配的技巧和思路

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

三、风格气质的统一

使字体搭配协调的一个基本方法就是选用气质相似的字体。不同外型特性产生诸多风格特点的字体,它们所传达出的情感也不相似。有的字体优雅高贵,有的字体散发出古典氛围,有的给人以现代潮流感,有的字体注重信息传递,而有的重视精神象征。

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

快速掌握字体搭配的技巧和思路

快速掌握字体搭配的技巧和思路

使用同一字族里的字体,符合“限制字体数量”的方法;在编排时必须依照“形成视觉层次”的方法,在进行字体搭配时必须借助字体的大小、粗细、颜色等方法来给版面带来阅读的层次感。

快速掌握字体搭配的技巧和思路

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

黑体与字体的简约是很常见的一种搭配方法,当感性的宋体遇上理性的黑体,可以产生很高的对比效果。这里必须留意的是尺度的掌握,适当的对比就能为版面带来变化丰富的视觉印象,但对比过于也会造成凌乱感。

如下图化妆品广告,选择较细的粗体和较细的斜体搭配,字形相近又产生了细微的对比,而且它们都有优雅、精致的知性,运用在带有男性特质的化妆品设计中相得益彰。

快速掌握字体搭配的技巧和思路

配不同的字体时,一般主信息选择较宽粗和带有装饰性的字体,以便能迅速吸引受众的留意;而表明文字适合选择结构清晰,笔画简单的图标,以便于阅读。如右图选用“华康海报体”作为主标题,既醒目又可爱生动,能很高吸引受众观看;表明文字采用简洁漂亮的“方正兰亭圆体”,既带有很高的阅读性,也与标题样式相统一。

快速掌握字体搭配的技巧和思路

快速掌握字体搭配的技巧和思路

艺术字形的触觉张力很高,笔画变化丰富且十分具有视觉冲击力。作为展现的标题来说十分适用,但是针对小厚度的表明性文字并不合适,笔画细节会由于长度的缩小变得更加复杂。为了缓解这个难题,我们一般会搭配相同具备厚重的文化历史感和强烈的人文氛围的宋体。

快速掌握字体搭配的技巧和思路

书法字体搭配黑体,硬朗的宋体与明亮的手写体无法形成强烈的对比效果,非常合适标题的文字组合,常使用在带有现代感的场景中。

快速掌握字体搭配的技巧和思路

中英文搭配建议

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

上方为“微软雅黑”的中英文组合,下方把中文替换为经典的法文字体“Helvetica”,可以看见下方的配色更舒适美观。

快速掌握字体搭配的技巧和思路

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

快速掌握字体搭配的技巧和思路

快速掌握字体搭配的技巧和思路

上方为“方正风雅宋”的中英文组合,可以发现中英文风格变化非常大;而把英文换为经典的中文创意字体“Didot”,明显在风格上更统一,也更合适搭配。

快速掌握字体搭配的技巧和思路

案例分析

快速掌握字体搭配的技巧和思路

此案例中文选择“造字工房俊雅”,英文没有选择字体自带的西文,而是选择更经典的潮流英文字体“Didot”,可以较好营造出优雅的气息。

快速掌握字体搭配的技巧和思路

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

但每种种类的字体也是细微的端庄差别,如字体字形中也会有书写感很重的古朴感字形与极具几何特征的现代字形之分。

快速掌握字体搭配的技巧和思路

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

快速掌握字体搭配的技巧和思路

快速掌握字体搭配的技巧和思路

然而在进行设计时,不管是英文与日文还是中英文搭配,都是必须经过认真探讨和不断训练,才能达到和谐统一、层次清晰而简洁大方的效果。

总结

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

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

2、建立视觉层次。在进行字体搭配时必须借助字体的大小、粗细、颜色等方法来配合呈现,帮助观众减少视觉上的混乱,同时给版面带来阅读的层次感;

3、风格优雅的统一。搭配不同的字体时,要留意它们之间的包容性,既要区分又要统一和谐。

使用中英文组合排版时,英文尽量不要使用中文自带的图标,在中英文搭配时也要遵守以上三个方法。

原创文章,作者:设计网,如若转载,请注明出处:http://www.shejiwz.com/?p=1278

发表评论

邮箱地址不会被公开。 必填项已用*标注

联系我们

181-3885-0759

在线咨询:点击这里给我发消息

邮件:295310592@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息