![字体设计法则](https://wfqqreader-1252317822.image.myqcloud.com/cover/611/657611/b_657611.jpg)
第2章
活用字体表现法则传递版面情感
2.1 如何选择合适的文字样式
文字是传达设计信息的重要元素,好的字体样式能在无形中创造平面设计中视觉的亮点。
文字既是语言信息的载体,又是具有视觉识别特征的符号系统,不仅可以表达概念,同时还能通过视觉方式传递情感。
文字样式决定了版面的表现张力,因此如何选择恰当的文字便显得格外重要。通常情况下,文字的选择需遵循作品的风格与诉求主题,例如,在强调严谨、规范的作品中应使用什么样的字体,在营造简洁、大方的作品时又应使用什么样的字体,都是我们需要考虑的因素。
法则1 无衬线文字彰显简洁感
无衬线文字(San Serif)是一种字母末端没有短线装饰线,且笔画粗细大致一样的字体。典型的无衬线文字所有起承转合的笔画看起来也都是一样粗细的,字体简洁、大方。
无衬线文字的每一个字母都包含着形式相同的起笔与收笔,笔画没有多余的装饰部分,字体更显简洁,常常给人以轻松、自在的印象。
同时,由于每个无衬线文字之间没有必要的联系,因此字体样式显得格外独立、单纯,清晰明确的笔画可有效地使读者的目光停留在每个单独的字母上,有利于文字的阅读。
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0028-7533.jpg?sign=1738839202-UGuqMq5bYiBh7ogp1ZI9biSSmMhSjqvq-0-a16522f968813e0acf7f86a90a783874)
① 无衬线文字
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0028-7534.jpg?sign=1738839202-2vd2wWDB86fL7Xp2kCYHGvn6DIeBPET9-0-c9a4b0e1955b6bd6264fd6a3683db701)
② 间距调整
图片解析
① 无衬线字体较强调个别字母,字体清晰醒目,具有艺术感,阅读起来赏心悦目。
② 由于版面文字内容过多,注意调整文字间的间距、大小和色彩,可使无衬线文字展现出富有节奏感的层次效果。
无衬线文字笔画以骨架结构为主,简洁明快,醒目大方,同时也具有一定的时代感。也正是因为无衬线文字的这一特性,因此常被用在标题、较短的文字段落或者一些通俗读物中,既可简洁、富有力度地表现画面效果,又能适应信息的快速传播。
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0029-7538.jpg?sign=1738839202-clHaawihUptU0ZWxEyAO7qka7ZuSCv07-0-655e0ef50f7864fdb99edd7281285b87)
① 醒目的无衬线文字
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0029-7539.jpg?sign=1738839202-9Zl88ZVW1yVBFv8maY8Bg34Ma62jPHdd-0-87001af43b716cd8652be199f75b3301)
② 亮色的使用
图片解析
① 以大比例篇幅图片为背景,线条明朗的无衬线字体突出了主题,醒目大方,简单明了。
② 为使信息得以更大程度的凸显,在画面下方的合适位置利用白色为亮色将镂空的无衬线文字衬托而出,既不影响画面的整体性,也增强了画面的艺术感。
法则2 使用严谨性极强的衬线文字
所谓衬线文字(serif),是相对于无衬线文字而言的,衬线文字可以使每一个字母之间产生紧密的联系,并且对文字有装饰效果,使得文字形态变化多样且非常优美,衬线使得文字更加工整、理性,使版面呈现出严肃、严谨的感觉。
衬线文字在每个字母的笔画开始和结束位置有额外的装饰,而且笔画的粗细也会有所不同。衬线文字同样有易于识别的功能,它强调了每个字母笔画的开始和结束,且每个字母之间有着十分紧密的联系。相对于无衬线文字,衬线文字给人的印象更为正规,因此被广泛用于英文书籍、广告作品和杂志编排中。
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0029-7540.jpg?sign=1738839202-dJGWGcPkLsppyBHd1xx9O0vgZ5b07UXQ-0-f2e107a33e34b5f60a7f37c10327f049)
① 衬线字体
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0029-7541.jpg?sign=1738839202-vXLkvnIaXCT84GngyhLvFpu1KQrl70Tc-0-e7860b4448b7c424b820caf4cc618197)
② 统一色调
图片解析
① 该幅作品选用笔画规范的衬线文字进行设计,大大加强了作品的艺术程度。
② 字体色彩选用与整个画面色调一致的褐色调,既强调出画面的整体性和褐色调的使用,也提升了画面沉稳、正式的程度。
衬线文字最大的特色就在于每个字母笔画的开头和收尾都有小小的加工,倘若文字的衬线部分越加明显,其衬线文字所呈现出的装饰效果便更为突出、醒目,既能有效地增强文字的艺术性,又能减轻读者在阅读中的枯燥感。
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0030-7613.jpg?sign=1738839202-ejvXsGVu3YyNTymk8lNigg1fCPZOFGaY-0-3cd7e90ec7e9b03c02163383ca27a34a)
① 突出的衬线文字
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0030-7614.jpg?sign=1738839202-NgIf1ufeKOwttjqFoVCR7Bjnt7or3U1f-0-cbb4d5e6e5ab7229cf529c1a72025178)
② 文字的重叠效果
图片解析
① 刻意将文字衬线部分处理得十分明显突出,加强了各字母间的关联性。
② 将不同透明度的衬线文字重复并重叠于版面中,增强了画面的空间感。
法则3 通过粗体文字加强版面分量感
粗体是在正常字体样式的基础上,通过加粗字体笔画实现的一种字体样式,其字型特点就是笔画粗壮,能够在第一时间吸引读者的目光,具有十分醒目、明确的结构特征。
在平面设计中,使用粗体字体可以吸引更多人的注意,且能给人建立起直接、深刻的视觉印象,因此通常被使用在文章标题、栏目标题和主题文字等一些需要突出的内容中,用以辨识和强调重要信息内容。
同时,由于加粗了文字笔画,粗壮的字体样式还能给人以强壮、富有力度的感觉,特别是使用放大了字号的粗体文字,其版面更具分量感。
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0030-7615.jpg?sign=1738839202-WhazdpFjMGJJ5JGlLdGgCVLtxpFjxbmA-0-928fb6c0ecf2a9c157e48734ecca114e)
① 较大的粗体字
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0030-7616.jpg?sign=1738839202-z4C8QHj1tNfS63tO0dIndmalHH4aSQBd-0-fb71bed45aca58359daade576fd061a6)
② 字体的大小对比
图片解析
① 选用字号较大的粗体文字做主题文字,既突出了画面重点,又能给人以极重的分量感。
② 较小的无衬线文字与大字号的粗体文字形成对比,使画面层次分明,主题明确。
粗体文字除了具有醒目、易于识别、增强画面分量感的作用之外,其具有力度的笔画结构还能营造出富有理性和气势的文字效果,特别是在塑造男性印象、机械、科技和建筑等主题的画面中,此类字体可给人以稳重、挺拔的印象。
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0031-7689.jpg?sign=1738839202-skokJpWT4sqow5D5VxTtF5nRcl8AeX1q-0-4067678055170fa2d8e34b6ad7490a60)
① 粗体主题文字
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0031-7690.jpg?sign=1738839202-qalBkqUz5V76mK8VkxbXXdItKG7DrygO-0-18bfc40144892d9bee382e20b2cfeead)
② 整齐的文字内容
图片解析
① 在该幅以男性为诉求的杂志内页设计中,选用粗体文字为画面主题文字,突出了强劲的男性印象。
② 整齐排放的正文内容在粗体标题的导读下,更适合于大量文字的阅读,同时也符合规整、大气的版面风格。
法则4 标准字体使版面工整美观
从视觉识别系统的角度来讲,标准字体是指经过设计后专用于表现企业名称或品牌的字体。由于标准字体肩负着企业形象识别的重要职责,因此在字体的形态造型、笔画粗细,以及字间的连接与配置上都做了细致、严谨的规划。标准字体相对普通字体来说更为美观、得体。标准字体是视觉识别系统中最基本的设计要素之一,通常被广泛运用在企业品牌设计中,其可读性可以明确地传递企业信息,其识别性可以很好地传达品牌的独特个性。
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0031-7691.jpg?sign=1738839202-1KwkcmEYtKeG32r2wuusqLmHYBIAgvfb-0-90b07234d0255bb075cb691b6c670b5c)
① 清晰的标准字体
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0031-7692.jpg?sign=1738839202-4Efob6TAyvB0r08XitFihUGePpZHKwnW-0-28e36ed2a75e50a6967b4e47656a9567)
② 匹配的色彩配置
图片解析
① 对标准字体的造型进行了细致严谨的规划,使得文字清晰易读,标志信息清楚明了。
② 选用与标志图形色调相匹配的配色,更能体现出企业的稳重、务实之感。
企业名称中的标准字体是独有的,可直接将企业或品牌传达给观众,与视觉和听觉同步传递信息,强化企业形象与品牌的诉求力,并保持统一性。标准字体在使用中不能随意改变字形、比例和粗细,也不可倾斜。统一性和连续性对建立良好的企业视觉形象是至关重要的。
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0032-7764.jpg?sign=1738839202-PV23oHzuCFVJVG8HrJowpzDjMjfEDtEe-0-715796bf2b5e625564dd61f45f39d147)
① 衬线标志
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0032-7765.jpg?sign=1738839202-nIwFReNqcK3ybktTYKQaQ5WLHJqvYElc-0-a48a813a46f1c88dd0f440110cb7220f)
② 较小字号的说明文字
图片解析
① 在品牌标准字体的设计中,仅选用结构简洁的衬线文字,单一的色彩表现出品牌大气与现代感并存的时尚气息。
② 较小字号的说明文字与整个画面相得益彰,给人以庄重、高贵之感。
而从版式设计的角度来讲,标准字体是指剔除了任何修饰的一类字体,这类字体笔画单纯,易识别,能够进行快速、便捷的版式编排,同时还能够确定版面的结构与信息传递的准确性,并通过对文字字号、位置和色彩进行调整,获得既统一又协调的版面效果。由于标准字体的结构单纯,因此即便是文字量过大的版面,也能轻松阅读。
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0032-7766.jpg?sign=1738839202-3yHTEvy1aZCxumpjOgnpzOqXWUhF0Dbw-0-1850e626cea54495d69af43d96a0b70f)
① 清晰的白色字体
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0032-7767.jpg?sign=1738839202-pb9ExggFJooZdraLGPr3PyBt7Em11TtT-0-f9830f1b296c14ceaeee068dd2645b0b)
② 分栏编排
图片解析
① 在暗色背景下,选用白色标准字体进行排放,更有利于文字的清晰呈现。
② 将版面中的文字进行分栏编排,削弱了大量文字给人带来的阅读上的枯燥感。
法则5 使用手写体体现版面连贯性
手写体是指徒手写作的字体风格,它是通过模仿笔迹而来的,常用于向读者表达人的情感或联系。从孩子般的涂鸦到粉笔字,再到笔笔生风的飘逸书法,都是手写字体独有的个性特性,手写体能带来计算机字体不可复制的随意性和自由性,因此更能表现出贴近生活的情感表达。
手写体根据每个人书写习惯的不同,其字体样式也风格不一,手写体跟随笔画而动,没有多余的衬线修饰,既简洁又不花哨,能体现出不受局限的个人色彩。
手写体常用在非正式的项目中,特别是强调个人魅力的设计中。然而,手写体很少用在企业形象设计中,因为它们不能表现出权威性和可靠性。
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0033-7820.jpg?sign=1738839202-rCvh1KnHaWVNqGLIqIGTCU0m6DP0S9aG-0-80951a07624bd15fa3c3bde86ad9318a)
① 手写字体
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0033-7821.jpg?sign=1738839202-gU7ze9HOwiv39koGadYDhGqXY2t4FER9-0-0a4ca66d74788cfb330dcb1f9b146404)
② 多彩色运用
图片解析
① 手写体大大小小,风格不一,字体连接笔法连贯,充满趣味性,更显自然有趣。
② 结合各种色彩的搭配和演绎,使整个版面充满了灵活、律动的感觉。
手写体是将字体进行个性化演绎的杰作,因而,它不同于印刷字体,有着一种自由的感觉和个性色彩,具有不可模仿的随意性和独特的视觉优势。手写体无拘无束的表现手法总能激发出无限的灵感和创意。
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0033-7822.jpg?sign=1738839202-QUF3uRFSWcOnPBKIpGxBkd3IjYo5tFKy-0-3586fef8587ec85a950c83ee60875ea3)
① 童真味的手写字
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0033-7823.jpg?sign=1738839202-lOCvzWBGnsjRdKbQHu10I9DhsUmQY5ri-0-ee577e53f9d9e41f503720fc5bd7f759)
② 色调一致
图片解析
① 手写体可以反应出不同的信息内涵,在版面中使用略带童真色彩的手写体,更加凸显出版面轻松、愉悦的氛围。
② 选用与画面图片色彩一致的蓝色调作为文字色彩,同时统一的字体风格使得版面更为连贯和谐,给人以舒爽之感。
手写体的随意性是它区别于其他字体的最大特征。当然,手写体的随意性不仅仅局限于其书写形式,相对于传统的版面结构,手写体在编排中也有着十分随意的布局,在表现洒脱与自由的版面中,不妨利用手写体来达到美化、修饰画面的作用。
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0034-7899.jpg?sign=1738839202-HZLp6H4ykd7yl3BXXbxHgaWPVF9DXpug-0-98bf7f9a21de22cbb6ddd3d86ec6d7c3)
① 较粗的手写字
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0034-7900.jpg?sign=1738839202-TJp8afi0WiNVesoWdN8NsiBPiSR3fSUV-0-b0db0d2765190b828bc1457d27bf9cd4)
② 活跃的字体效果
图片解析
① 以较大字号、较粗笔画的手写体作为广告主题文字,配合色彩的使用,给人以充满活力的感觉。
② 结合右侧人物形象的动作和姿态,利用手写文字对广告内容进行阐述,略微倾斜的字体表现出活跃、开朗的一面。
除此之外,利用手写体极富个人色彩的个性化特性,还能表现出更为深刻的情感抒发。例如,在一些纪实照片或卡片中,书写上手写体更能够表现出当事人的真情流露,使其更具收藏和纪念价值。
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0034-7901.jpg?sign=1738839202-82DHLKfG3sGwDtMna1fnkB8VTiaMZyKz-0-af62d9ca482ab46f5f7019a608f4b4db)
① 黑白写真
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0034-7902.jpg?sign=1738839202-kkJjKU26XNSlNhPWV3eB7A8cWl5MQfvs-0-113f3fab948d32f4e135399eb8459290)
② 2白色手写字
图片解析
① 满版的黑白写真照片记录了真实的场景,使人从中感同身受。
② 白色的手写文字在黑白写真中得以凸显,既丰富了画面内容,也记录了当时的事件信息。
法则6 给人跃动感的阿拉伯数字的应用
阿拉伯数字是西方语言或欧洲形式的印度—阿拉伯数字。早期的阿拉伯数字系统是由古代印度的婆罗米人发明的,后经由阿拉伯传入西方。我们所熟知的国际通用的数字0、1、2、3、4、5、6、7、8、9共10个计数符号即为阿拉伯数字。阿拉伯数字造型简单,易于辨识和阅读,同时它们本身也具有指示性和记录性。
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0035-7955.jpg?sign=1738839202-vzgtRpm9z8ZZtkafBlbsCkNCbBWneP5Y-0-d7969311490dae921ca34b7ab4dc1268)
① 错落的数字编排
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0035-7956.jpg?sign=1738839202-OGXAFRpdjlDhGXVKlSL4Hs61zOvFViIN-0-2f7ece3f29c47be911c281d49a252122)
② 同类色配置
图片解析
① 对阿拉伯数字进行简单的造型排放,随意颠倒、紧凑排列的数字使画面密集丰富。
② 数字之间相互组合,大小错落有致,同类色的搭配使数字既便于识别又美观。
对于设计而言,由于阿拉伯数字结构简单、合理,形态也各具特色,同时还作为我们日常生活中每天都能接触到的符号,把它应用到设计中去,成为独特的设计元素,也是非常必要的。
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0035-7957.jpg?sign=1738839202-KyZTx9nWROgxKSenlghK0RY30BcRIPfo-0-58c2439e17bfb74c74bcacbd2668d6bf)
① 数字造型
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0035-7958.jpg?sign=1738839202-GO2qhgb5rF1mVqMWctbiva6f1b0BFhwz-0-61da355c0634d21c07b4bd2e1598abd8)
② 数字的组合
图片解析
① 在设计版面中,对简易的阿拉伯数字进行设计,既直观又具有美感。
② 版面结构合理,整个画面由经过设计的阿拉伯数字组成,极具跳跃感。
阿拉伯数字本身所带有的秩序感,可以为人们的日常阅读提供十分便捷的帮助,能帮助人们很快地定位到所需了解的信息位置上,因此被广泛用于书籍、杂志和画册等每一页的页码上,便于读者进行检索,使阅读变得更加轻松与便捷。
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0036-8025.jpg?sign=1738839202-SUG85kaMGKwUISZ15Tfzgx7cAgeyfx0r-0-b5bd1858cfc22783bc49fd61985f2423)
① 图片摆放
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0036-8026.jpg?sign=1738839202-Sl5qNRJOMSf0n8rinknjg201Ypu9vxng-0-0ab482e7e4f87ea4c894f3f18be6f4e9)
② 醒目的页码
图片解析
① 该幅杂志内页选用白色做底,人物模特分别置于页面左右两侧,版面平稳和谐。
② 将特意放大的页码置于两幅图片中上侧,很好地起到了醒目、明视的作用。
实际上,阿拉伯数字在日常生活中最为人们所知的用途莫过于书籍目录上的页码标注。由于阿拉伯数字具有指示性和记录性,因此在目录上明确地使用阿拉伯数字对书中的内容进行页数划分,可以方便读者很自然地按照数字指示找到相应的文章内容所在页。
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0036-8027.jpg?sign=1738839202-lESvUkBg2avLkTCV5AuFczMFPTezCJVu-0-f7e3a072618618b104e2140034fa0b63)
① 明细的章节内容
![](https://epubservercos.yuewen.com/50EFD3/3590337503513701/epubprivate/OEBPS/Images/Figure-0036-8028.jpg?sign=1738839202-vstus5dH09i9rC3VbHk1Tl6cIRxm1D9r-0-f0ae99992fd1a8af692769b186316206)
② 左对齐编排
图片解析
① 在目录上,利用数字明细出书中的章节所在页面,便于读者查找文章内容。
② 将数字与章节内容进行左对齐排列,更有利于视线的浏览。