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

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

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

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

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

关于教程

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

案例实操一

第一个案例是关于健身俱乐部题材的宣传海报,

以下为文案信息:

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

案例分析

在进行设计前,可以寻找关于运动的优秀海报设计作品进行参考,通过分析了解它们的字体是如何选择和搭配,还可以参考图片选取、色彩搭配、空间构图等。

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

字体选择与搭配

拳击运动是偏男性和具有阳刚气质的运动,所以主标题应该优先选择粗犷、硬朗、具有力量感的黑体。此案例示范主标题选择了“字魂-正酷超级黑”,此字体笔画厚重,棱角分明。

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

英文字体选择“Champion”进行搭配,此字体特粗的笔画、紧缩的间距以及狭窄内部空间,显得厚重醒目,传达出很强的力量感,很多体育赛事都使用到此款字体。

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

二级标题和俱乐部名称,使用“思源黑体”,分别选择字族中笔画较粗的“Heavy”和“Bold”字形。英文使用风格近似的“Helvetica”字体进行搭配。

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

这样通过字体的大小、粗细,按主次区分,

建立好了视觉层次。

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

图片选取与处理

接下来寻找配图,通过素材网站搜索关键词“拳击”,选择一张视觉效果较好的拳击选手图片。如下图,倾斜构图形成了画面的不稳定感,拳击选手的动作能很好体现拳击运动的对抗性和力量感。

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

把图片移动到画面左方,满比例占据画面,留出了右边空间进行文字信息排版,形成左右构图。把照片调整为黑白,并加强对比度,使图片更有气势,质感也更好。

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

文字信息编排

按照之前选择好的字体,

根据图片的外轮廓在剩余空间进行文字的编排。

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

深入刻画

现在白色字在画面中显得比较突兀,为了使画面更具整体性,处理方式是给其添加肌理。方法是使用PS的剪切蒙版功能,把人物图片放在文字图层上方,使用快捷键:Ctrl+Alt+G,这样可以把人物图像置入到文字中。

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

接着调整人物图片的亮度,

使文字效果与版面风格更统一。

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

观察画面发现主标题英文信息太过于抢眼,所以把英文描边处理进行弱化。主标题中文也加入描边效果,不仅能进行强调,也加强了质感和层次感,设计完成:

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

尝试其他方案

尝试把标题改为书法字体,可以看到具有动感和磅礴大气的书法字体,具有较强视觉张力,也可以和版面风格相契合。可见字体的选择和搭配并不是一成不变,设计师需通过不断的设计实践来积累经验,加深对不同字体的认识,进行灵活的选择和搭配。

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

案例实操二

第二个案例是关于瑜伽培训题材的宣传海报,

以下为文案信息:

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

案例分析

寻找关于瑜伽的优秀海报设计作品进行参考,分析常用的字体选择搭配,还可以参考图片选取、色彩搭配、空间构图等。

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

字体选择与搭配

瑜伽运动是偏女性和具有柔美气质的运动,所以主标题应该优先选择优雅古典、端庄秀丽的宋体。这个案例主标题选择棱角分明,结构严谨的“思源宋体”,在字族中选择笔画较细“Normal”,英文选择搭配“Times New Roman”,从笔画装饰和风格特点都比较统一。其他信息选择较细“思源宋体Light”和“思源黑体Light”,通过字体大小来体现主次层级关系。

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

图片选取

接下来寻找配图,通过素材网站搜索关键词“瑜伽”,选择一张视觉效果较好的瑜伽运动图片。如下图,优美的形体动作能很好体现瑜伽运动的优雅、柔美感。

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

主标题刻画

进行主标题的刻画,通过字体的大小、粗细,按主次区分,建立好三个视觉层次,颜色使用与画面统一的棕色。

还要注意在同一层级之下的信息排布,间距一般是相等的,文字的长度注意呈现“长短”排布的节奏感。

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

使用网格确定排版方式和比例关系,这里使用的是5X8的网格,把标题放在画面左上方占据2个格子宽度,右边空间占据3个格子宽度,形成2:3接近于黄金分割比例。

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

空间划分

根据模特的形体动作划分空间,把其他信息分别排列在空白处,借助网格进行辅助对齐。

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

最后加入线条使信息分割更清晰,也更具美感。把瑜伽英文“YOGA”围绕着模特身体排列,让画面更灵动。

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

总结

本期分别通过拳击和瑜伽运动的海报设计实操演示,讲解如何根据版面风格确定字体类型和选择合理的字体进行搭配,帮助你加深理解黑体、宋体的选择与搭配技巧。下期将重点讲解圆体和书法字体选择与搭配技巧,下期见!

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

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

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

附件下载

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

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

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

复制本文链接
img

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

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片