平面设计教程!字体选择与搭配实操演示(下)

时间:2022-05-05
类别:平面设计
水平:普通
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

平面设计教程!字体选择与搭配实操演示(下)

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

交作业:#优设每日作业#

关于教程

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

回看上集内容请戳下方链接:

案例实操一

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

平面设计教程!字体选择与搭配实操演示(下)

案例分析

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

平面设计教程!字体选择与搭配实操演示(下)

字体选择与搭配

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

平面设计教程!字体选择与搭配实操演示(下)

主体刻画

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

平面设计教程!字体选择与搭配实操演示(下)

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

平面设计教程!字体选择与搭配实操演示(下)

文字信息刻画

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

“人生如茶”和“茶德:廉、美、和、敬”为两个信息群组,在排版时要注意亲密性原则,同一信息组之间距离要体现“亲“,不同信息组间距离要体现“疏“;

文字的末端长度注意呈现“长短”排布的节奏感,(英文属于点缀性文字,可以放置在“茶德”下方补齐空白);

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

平面设计教程!字体选择与搭配实操演示(下)

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

平面设计教程!字体选择与搭配实操演示(下)

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

平面设计教程!字体选择与搭配实操演示(下)

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

平面设计教程!字体选择与搭配实操演示(下)

空间划分

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

平面设计教程!字体选择与搭配实操演示(下)

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

平面设计教程!字体选择与搭配实操演示(下)

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

平面设计教程!字体选择与搭配实操演示(下)

案例实操二

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

平面设计教程!字体选择与搭配实操演示(下)

案例分析

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

平面设计教程!字体选择与搭配实操演示(下)

字体选择与搭配

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

平面设计教程!字体选择与搭配实操演示(下)

主体刻画

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

平面设计教程!字体选择与搭配实操演示(下)

字体特效制作

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

平面设计教程!字体选择与搭配实操演示(下)

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

平面设计教程!字体选择与搭配实操演示(下)

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

平面设计教程!字体选择与搭配实操演示(下)

深入刻画

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

平面设计教程!字体选择与搭配实操演示(下)

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

平面设计教程!字体选择与搭配实操演示(下)

文字编排

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

平面设计教程!字体选择与搭配实操演示(下)

把编排好的信息放置在画面中,设计完成:

平面设计教程!字体选择与搭配实操演示(下)

最终效果图

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

平面设计教程!字体选择与搭配实操演示(下) 平面设计教程!字体选择与搭配实操演示(下)

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

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

附件下载

文件名 文件大小 提取码 下载来源
练习素材 & 设计源文件143.52MB6zta 点此复制 登录下载
收藏 13

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片