实战设计教程:字体选择与搭配

其它优秀文章推荐:

字体选择:加深理解黑体、宋体的选择与搭配技巧

美工:电商详情页设计实用技巧讲解!

手绘字体设计:可爱类字体的正确打开方式

必须知道的那些APP交互设计原则!可用性支持

字体与设计:如何快速掌握字体搭配?

掌握平面设计中的平衡、张力!

浅谈如何从根源上避免改稿:价值导向设计思维

理解UI设计准则:《认知与设计》读书笔记 1

之前的文章讲解了各类字体的风格特点和在各种设计案例中的使用效果;在设计时我们可以根据“目标受众”、“项目调性”、“行业属性”等方式确定字体类型,使字体和版面风格相契合;确定好字体后,通过“限制字体数量”、“建立视觉层次”、“风格气质统一”的原则来进行字体搭配。本期将继续通过案例来进行实操演示,帮助你加深理解。

案例实操一

第一个案例是关于茶文化题材的宣传海报,以下为文案信息:

实战设计教程:字体选择与搭配

案例分析

在进行设计前,可以寻找关于茶文化的优秀设计作品进行参考,通过分析了解它们的字体是如何选择和搭配,还可以参考各种设计表现手法。

实战设计教程:字体选择与搭配

此案例以黑白金三色为基调,行云流水般的行书加之水墨山水肌理,大气稳重彰显历史感。

实战设计教程:字体选择与搭配

采用文字图形化的表现方式,以书法字“茶”为主体图形,肌理的置入会让韵味和质感得到增强,搭配同样具有文化韵味的宋体,配上淡雅的灰色调,能很好把产品的文化气息烘托出来。

实战设计教程:字体选择与搭配

选择老式风格的宋体字形,处理为经岁月侵蚀而残缺的外形,加上古朴的背景,烘托出产品厚重历史感。

字体选择与搭配

茶文化为饮茶活动过程中形成的文化特征,反映出中华民族的悠久的文明和礼仪。所以字体应该优先选择具有厚重历史感和浓厚文化气息的书法体和宋体。

实战设计教程:字体选择与搭配

主体刻画

字库中的书法字体一般都显得不够美观,很大的问题是细节缺失太严重,很难体现书法的飘逸大气感,所以要经过重新处理。以“字魂96号虎啸手书”为基础字型,进行二次加工,基于现有的书法字体适当拼接添加笔触素材,在主笔画的起笔和收笔处添加适当的笔触,增加一些枯笔飞白效果。

实战设计教程:字体选择与搭配

(书法笔触素材在文末有下载方式)放大书法字“茶”做为主体图形,放置在画面右边,留出左边空间进行文字的编排。加入斑驳的古朴背景图片营造文化历史氛围。

实战设计教程:字体选择与搭配

文字信息刻画

进行文字信息的刻画,通过字体的大小,按主次区分,建立好三个视觉层次;

“人生如茶”和“茶德:廉、美、和、敬”为两个信息群组,在排版时要注意亲密性原则,同一信息组之间距离要体现“亲“,不同信息组间距离要体现“疏“;文字的末端长度注意呈现“长短”排布的节奏感,(英文属于点缀性文字,可以放置在“茶德”下方补齐空白);

“传承、养生、健康”采取横排形式,形成方向上的对比。

实战设计教程:字体选择与搭配

虽然做了信息群组亲密性的调整,但是因为字形和大小对比差异太小,使信息层级的区分不够明显,所以给二级标题“茶德”加入圆框进行区分。“传承、养生、健康”也加入圆框装饰,使设计元素重复使用,形成统一风格。

实战设计教程:字体选择与搭配

把标题“人生如茶”笔画裁切掉一部分模拟经岁月侵蚀而残缺的外形,增加古朴感。文字形成一种陌生感,增加了趣味性。

实战设计教程:字体选择与搭配

把刻画好的标题重新排版,加入装饰图形,既能填补排版的空白,又增加了艺术感、美观度。

实战设计教程:字体选择与搭配

空间划分

把文字分布到画面中,信息主体放置在画面左中部,其他正文信息放置在主体信息上下方,根据书法字“茶”的外部轮廓,采取左对齐排列,注意排版长短错落节奏的变化以及呼应的关系。借助网格进行比例划分和辅助对齐。

实战设计教程:字体选择与搭配

最后加入小装饰来填补右方空白,设计完成:

实战设计教程:字体选择与搭配

尝试其他配色,深色调金色字,更显古朴厚重。

实战设计教程:字体选择与搭配

案例实操二

第二个案例是关于宠物店开业的宣传单设计,以下为文案信息:

实战设计教程:字体选择与搭配

案例分析

寻找关于宠物的优秀设计作品进行参考,分析常用的字体选择搭配,还可以参考其他设计表现手法。

实战设计教程:字体选择与搭配

这两个案例通过卡通字体的运用,结合手绘风格的对话框,具有很好的亲和力,加上萌宠图片,显得可爱活泼,趣味十足。

实战设计教程:字体选择与搭配

主标题选用“字魂-萌趣软糖体”,宽粗圆润的笔画既醒目又活泼,能很好吸引受众观看;说明文字选用简约可爱的“圆体”,既具有很好的阅读性,也与标题风格相统一。

字体选择与搭配

宠物类设计要体现出亲和力和活泼可爱的感觉,所以主标题应该优先选择具有装饰性的卡通字体,以便能快速吸引受众的注意。本次示范主标题选择宽粗圆润的“字魂-萌趣软糖体”;其他信息选择结构清晰,笔画简洁的“方正兰亭圆体”,以方便阅读。

实战设计教程:字体选择与搭配

主体刻画

把标题进行错位和大小对比排版,加入“猫爪”元素填补空白,增加趣味性。把“我们开业啦”添加标签底图,和主标题区分开。

实战设计教程:字体选择与搭配

字体特效制作

给文字填充黄色,明快的黄色具有年轻活力的属性,可以营造出童趣、梦幻、充满活力的氛围。接下来制作字体特效,在PS中执行“图层样式”“描边”,描边颜色为棕色:

实战设计教程:字体选择与搭配

添加“斜面和浮雕”效果,字体特效就制作好了,参考数值如下:

实战设计教程:字体选择与搭配

复制相同的图层样式效果,粘贴到其他图层:

实战设计教程:字体选择与搭配

深入刻画

在字体空白处填充棕色,使主标题连成整体,加入卡通狗医生形象,强调主题,增加趣味性。

实战设计教程:字体选择与搭配

加入发散状的背景,颜色选取和文字统一的橙黄色:

实战设计教程:字体选择与搭配

文字编排

其他信息按居中型排版,所有信息分布在中轴线两边,注意排版的节奏感:

实战设计教程:字体选择与搭配

本期分别通过茶文化和宠物店开业的海报设计实操演示,讲解如何根据版面风格确定字体类型和选择合理的字体进行搭配,帮助你加深理解书法体、圆体的选择与搭配技巧,希望你有所收获。

如果你对字体了解不够深入,可以查看往期字体推荐文章。关注微信公众号:艺海拾贝Design(ID:YHSBds),在公众号后台回复“字体实操”获取练习素材和设计源文件。



属性标签: ,

欢迎留言

页面生成消耗的时间 1.373 秒,此页面一共查询了 112 次数据库!缓存时间:2020-08-10 12:50:08你的IP为:58.211.2.102