前两期讲解了各种字体的风格特点以及在各种设计案例中的使用效果；我们在设计时可以根据“目标受众”、“项目基调”、“行业属性”等方法确定字体类型，使字体与版面风格相匹配；字体确定后，采用“限制字体数量”、“建立视觉层次”、“统一风格气质”的原则进行字体匹配。本期将通过案例进行实际演示，帮助您加深理解。
第一个案例是健身俱乐部的宣传海报，
以下是文字信息：
案例研究
在设计之前，你可以找到优秀的体育海报设计作品进行参考，通过分析了解他们的字体是如何选择和搭配的，还可以参考图片选择、色彩搭配、空间构成等。
字体选择与匹配
拳击是一项阳刚、阳刚的运动，因此主标题应以粗犷、坚韧、有力的黑体为主。本案表明主标题为“人物灵魂-正库超黑”。这种字体笔画粗，棱角分明。
选择英文字体“Champion”。该字体笔画粗、间距紧、内部空间窄，使其显得厚重醒目，传达出强烈的力量感。这种字体被用在许多体育赛事中。
二级标题和俱乐部名称使用“思源黑体”，并分别选择字体家族中较粗的“Heavy”和“Bold”字体。英文搭配的是风格相似的“Helvetica”字体。
这样通过字体的大小和粗细来区分主次，
视觉层次结构已建立。
图像选择和处理
接下来找图片，通过素材网站搜索关键词“拳击”，选择视觉效果较好的拳击手图片。如下图所示，倾斜的构图营造出画面的不稳定感，拳击手的动作能够很好地体现拳击的对抗性和力度。
将图片移至屏幕左侧，占据屏幕的全部比例，右侧留出空间用于文字信息排版，形成左右构图。将照片调整为黑白，增强对比度，使画面更有气势，质感更好。
文字信息排列
根据之前选择的字体，
根据图片轮廓在剩余空间内排列文字。
深入描述
现在画面中的白色字符显得相当突兀。为了让画面更加完整，处理的方法就是给它添加纹理。方法是利用PS的剪贴蒙版功能，将人物图片放在文字图层上方，使用快捷键：Ctrl+Alt+G，这样就可以将人物图片放入文字中。
接下来，调整人物图片的亮度，
使文字效果和布局风格更加统一。
观察屏幕，发现主标题的英文信息过于醒目，因此英文笔画处理被削弱。主标题中文还加入了描边效果，既可以强调，又可以增强质感和层次感。设计完成：
尝试其他选项
尝试将标题改为书法字体，可以看到充满动感、大气磅礴的书法字体，视觉张力很强，也能契合版式风格。可见字体的选择和搭配并不是一成不变的。设计师需要通过不断的设计实践积累经验，加深对不同字体的理解，并做出灵活的选择和搭配。
第二个案例是瑜伽训练的宣传海报，
以下是文字信息：
案例研究
寻找有关瑜伽的优秀海报设计作品参考，分析常用的字体选择和搭配，同时也参考图片选择、色彩搭配、空间构图等
字体选择与匹配
瑜伽是一项女性化、女性化的运动，因此主标题应以优雅、经典、端庄、优美的Arial为主。本案主题选用《思源松体》，棱角分明，结构严谨。字体族中选择细笔划的“Normal”，英文选择“TimesNewRoman”。笔画装饰和风格特点比较统一。其他信息选择“思源宋字体光”和“思源黑体光”，通过字体大小体现主次层次关系。
图像选择
接下来找图片，通过素材网站搜索关键字“瑜伽”，选择视觉效果较好的瑜伽练习图片。如下图所示，优美的肢体动作可以很好地体现瑜伽的优雅和柔和。
主要标题说明
勾画主标题，通过字体的大小、粗细，区分主次，建立三个视觉层次，采用与图片相同的棕色。
还要注意同一层次下信息的排列，间距一般相等，文字的长度要注意“长”排列的节奏。
使用网格来确定排版方式和比例关系。这里我们使用 5X8 网格。将标题放置在屏幕左上方占据2个格子宽度，右侧空间占据3个格子宽度，形成2:3接近黄金的分割比例。
空间划分
根据模特的身体动作划分空间，在空白处布置其他信息，并利用网格辅助对齐。
末尾添加线条，让信息划分更清晰，更美观。 在模特身体周围排列瑜伽英文“YOGA”，使画面更加灵动。
摘要
本期通过拳击、瑜伽海报设计的实战演示，讲解如何根据版面风格确定字体类型，选择合理的字体进行搭配，帮助您加深对选择与搭配的理解黑体和松体的技能。 下一期将重点介绍圆形与书法字体的选择与搭配技巧，下期再见！
如果你对字体了解不够，可以查看之前的字体推荐文章。 关注微信公众号：艺海石贝设计（ID：YHSBds） < /strong>，在公众号后台回复“字体练习”即可获取练习素材和设计源文件。
评论
教你摆脱字体选择困难
快速掌握字体搭配思路
中文字体推荐
汉字之美（上）——字体推荐系列一
汉字之美（中文）——宋体黑体推荐
汉字之美（二）——书法字体推荐
引人注目的武器！标题字体推荐（上）
漂亮！标题字体推荐（下）
推荐英文字体和数字字体
设计必备！英文字体推荐（一）
很有个性！英文字体推荐（下）
超实用的同价字体推荐！
免费商业字体推荐
占酷字体家族
思源字体家族
Pangmen Zhengdao font family
胡晓波字体家族
为设计师提供的免费商业字体（集合）
文章为用户上传，仅供非商业浏览。发布者：Lomu，转转请注明出处： https://www.daogebangong.com/articles/detail/Practical%20demonstration%20of%20font%20selection%20and%20collocation%20Part%201.html
支付宝扫一扫 
评论列表（196条）
测试