其他教程 2022年04月23日
0 收藏 0 点赞 409 浏览 2596 个字
摘要 :

教程作者:邓海贝(授权转载自公众号:艺海拾贝Design) 交作业:#极致设计每日作业# 关于教程 上一期通过“黑体”、“宋体”、“圆体”、“书法体”四大类字体的分析,讲解了……

平面设计教程!快速掌握画面排版中字体搭配的思路

教程作者:邓海贝(授权转载自公众号:艺海拾贝Design)

交作业:#极致设计每日作业#

关于教程

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

一、限制字体数量

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

平面设计教程!快速掌握画面排版中字体搭配的思路

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

平面设计教程!快速掌握画面排版中字体搭配的思路

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

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

平面设计教程!快速掌握画面排版中字体搭配的思路

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

二、建立视觉层次

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

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

平面设计教程!快速掌握画面排版中字体搭配的思路 平面设计教程!快速掌握画面排版中字体搭配的思路

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

三、风格气质的统一

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

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

平面设计教程!快速掌握画面排版中字体搭配的思路

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

平面设计教程!快速掌握画面排版中字体搭配的思路

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

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

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

平面设计教程!快速掌握画面排版中字体搭配的思路

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

平面设计教程!快速掌握画面排版中字体搭配的思路

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

平面设计教程!快速掌握画面排版中字体搭配的思路

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

平面设计教程!快速掌握画面排版中字体搭配的思路

四、中英文搭配建议

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

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

平面设计教程!快速掌握画面排版中字体搭配的思路

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

平面设计教程!快速掌握画面排版中字体搭配的思路

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

平面设计教程!快速掌握画面排版中字体搭配的思路

案例分析

平面设计教程!快速掌握画面排版中字体搭配的思路

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

平面设计教程!快速掌握画面排版中字体搭配的思路

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

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

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

平面设计教程!快速掌握画面排版中字体搭配的思路 平面设计教程!快速掌握画面排版中字体搭配的思路

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

总结

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

  1. 限制字体数量。不论信息量有多少,字体选择控制在二至三种已足以应付画面的需要;
  2. 建立视觉层次。在进行字体搭配时需要通过字体的大小、粗细、颜色等方式来配合展现,帮助读者避免视觉上的混乱,同时给版面带来阅读的层次感;
  3. 风格气质的统一。搭配不同的字体时,要注意他们之间的包容性,既要区别又要统一和谐。

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

想要来「极致设计自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「极致设计自学团」(无备注不通过哦)

学完这篇教程的人还在学…

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.jizhisheji.com/46796.html

相关推荐
佳选
【字体设计】品牌标准字怎么设计?
从设计的角度来分析如何快速抓住品牌和企业的调性,从而确定标准字体的具体设计方向和形式。 小可爱们,我这里会定期推送插画、UI设计、排版等相关…
日期:2022-05-27 点赞:93 阅读:4,039
精选
5个超酷的标题设计技巧,So easy!
优秀的标题设计除了可以把标题中的信息清晰传达之外,还要与画面的风格相符,并且能使画面整体更加美观和更有设计感。5个标题设计技巧分享给你。 小…
日期:2022-05-26 点赞:236 阅读:1,402
优质
Blender实战案例教程!卡通小狐狸角色建模:01 基础形建模
教程作者:DesignHunting(授权转载) 交作业:#极致设计每日作业# 文章编辑:@雪寄草 关于教程 本期的 IP 角色设计案例,手…
日期:2022-05-23 点赞:0 阅读:839
精选
即时设计基础教程!NO.12 即时设计综合使用技巧
本集讲师:@YY 免费使用即时设计,请点击右侧链接👉 即时设计 获取海量免费设计资源,请访问👉 资源广场 什么是即时设计 即时设计是一款全平…
日期:2022-05-23 点赞:0 阅读:474
精品
造字神器 Glyphs 教程!字体设计系列教程 NO.10 背景图层
教程作者:杨洋(极致设计平面设计实战营讲师) 交作业:#极致设计每日作业# 文章编辑:@雪寄草 软件介绍 Glyphs 3 是一款 Mac …
日期:2022-05-23 点赞:0 阅读:1,006
佳选
PPT教程!让PPT更有设计感的30种绝佳方法(第6期)
教程作者: 老Lin(授权转载自公众号:一六视觉) 交作业:#极致设计每日作业# 关于教程 如果你也想让PPT能眼前一亮,演示时被更多人认可…
日期:2022-05-23 点赞:0 阅读:446
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站