第6章 字体与排版VIP

第6章字体与排版设计基础（微课版）高等院校艺术设计精品系列教材CONTENTS6.1版式基础6.2字体基础6.3文字排版6.1.1靠近靠近是指将设计元素群组化，让不同的设计元素以群组的形式聚集在一起，形成不同的视觉区域。在使用靠近这一版式设计原则时，应该注意整理和分析各元素的信息，对具有关联性的元素可以尝试靠近原则，以便于用户快速理解和识别这些元素。根据元素之间的关联性，可将其分为不同的群组，图中正方形为一个群组，圆形为另一个群组。▲左边两张大小、形状相同的图片排列在一起，形成一个群组，用户自然会将其当作一个的整体。右侧风格相似的两张图片也形成了一个群组，便于用户快速识别。▲6.1.2重复重复是指在同一个群组中重复使用相同的元素，让各个元素的形式模式化，呈现统一性和规则感。在使用重复这一版式设计原则时，要注意对信息进行归纳，保证信息的高识别度。不同的群组和元素形成统一的模式，让版式呈现出统一感，也让内容更容易被人们理解。▲将1、2、3、4……及其下方的文字看作一个群组，则每一个群组都使用了相同的元素，且这些元素的排列都采用了统一的模式，在视觉上形成了统一、规则之感。▲6.1.3对比对比是指根据信息的重要程度，使其在出现的顺序、大小与粗细、颜色和字体等方面形成明显的反差。这样一方面能快速吸引人们的视线，另一方面也可以让版式更加美观。6.1.3对比版式的对比主要包括两个方面，一是局部元素之间的对比，二是各个元素群组之间的对比，它们都可以通过改变文字的颜色、大小、字体等方式来实现。▲同一个群组内，作为局部元素的文字，在大小、粗细等方面形成了明显的对比。▲多个群组之间，文字的粗细、大小、排列方式都形成了对比。6.1.3对比此外，各元素群组之间的对比也可通过改变其中的某个群组的形态来实现。▲▲单个群组放大▲▲单个群组改变形状▲▲单个群组改变颜色▲▲单个群组增加动感▲▲单个群组改变形状和大小▲单个群组改变形状和颜色6.1.3对比▲在这一组海报设计中，如果将每一行文字看作一个群组，则每个群组的形态、大小都形成了对比，而各个群组组合在一起，又共同构成了瓶子的形状。6.1.4排齐▲▲以一条隐形的基准线为标准进行排列，并保持各元素的间距相似或相等。排齐即版式布局，也就是根据群组的关系和优先顺序，有规律地对元素进行排列。排齐的方式灵活多样，可以等间隔排列；可以基于基准线进行排列；也可以基于网格线进行排列。6.1.4排齐▲以两条或多条隐形的基准线为标准进行排列，并保持各元素的间距相似或相等。组合基准线，并用基准线分隔空间。▲6.1.4排齐▲文字群组和右侧两张图片均左对齐，左侧两张图片则居中对齐。▲左侧封面上的图片及图片下方的文字遵循居中对齐的原则，上方文字群组内部则遵循右对齐的原则。右侧封底各群组遵循居中对齐的原则，中间的群组则以基准线分割出两个空间，分别遵循了右对齐和左对齐的原则。CONTENTS6.1版式基础6.2字体基础6.3文字排版6.2.1字体的分类1.标题字体与正文字体在一件完整的视觉传达设计作品中，文字信息的重要程度往往有着明显的区分。一般精简而核心的文字信息作为标题，全面而详细的文字信息则作为正文。通常来说，正文字体应具有较高的清晰度和舒适度，以便于他人阅读。而标题字体的作用是传递关键信息、传达情绪和态度、吸引他人注意，因此要具有较强的视觉表现力。6.2.1字体的分类2.衬线字体与无衬线字体、手写体与艺术体衬线字体：更加优雅和正式，因而常应用在需要展示大段、大篇幅文字的情况下。无衬线字体：没有笔画的装饰，可辨识度更高，包容性更强，也更利于人们快速阅读和识别，因而大多应用在标题和短篇文字中。▲衬线字体在正文与标题中的应用，整体风格正式、优雅，富有文化感。▲无衬线字体在正文与标题中的应用，整体风格简洁、大方，富有现代感。6.2.1字体的分类2.衬线字体与无衬线字体、手写体与艺术体手写体：模仿软笔或硬笔书写笔迹所创造的字体，例如行楷、Shelley等。艺术体：在传统字体中加入艺术元素的字体，例如方正风波飘逸体、琥珀体等。标题文字进行了艺术性加工创作，视觉表现力强，很容易给人留下深刻的印象。手写体与艺术体的可识别度不高，用于正文中十分影响人们的阅读体验，因此经常用于商品名称、广告标题等关键位置，起到修饰版面的作用。▲海报设计中将手写体作为标题字体，整体视觉效果古典、文雅，富有韵味。▲6.2.2字体的选择1.字体风格的选择正式、经典、端庄、雅致，给人古色古香之感，通用性强。宋体01字形整齐，清秀平和，颇具传统韵味。楷体02严肃、庄重、有力，富有现代感和时尚感。黑体03方正饱满，字形柔和圆润，富有独特的亲和力。圆体04艺术、专业，具有较强的设计韵味和视觉表现力。艺术体05宋体、楷体、黑体、圆体和艺术体是现代设计中的常用字体类型，根据字体的风格，可以从正式、活泼、经典、现代4个区间对其进行归纳。宋体类字体经典且正式，黑体类字体现代且正式，圆体和艺术体既现代又活泼，楷体类字体经典中也带着一丝活泼。基于这样的风格特点，设计师就可以根据设计需求和设计主题来选择字体。6.2.2字体的选择6.2.2字体的选择海报中的宋体让人感觉典雅、文艺，充满了人文和艺术气息。▲海报中的黑体让人感觉现代、正式，同时十分经典，很容易为受众所接受。▲6.2.2字体的选择海报中的艺术体给人艺术、跳跃、灵动之感，视觉表现力十分强。▲海报中的楷体给人传统、经典之感，让人联想到民俗、历史和时间。▲6.2.2字体的选择2.字体粗细的选择▲粗大的字体具有较强的视觉冲击力和力量感，很容易抓住人们的视线。粗大的字体给人力量感，纤细的字体给人优雅、精致感。想要让画面具有强烈、沉稳的效果，且具有较强的视觉冲击力，可以选择较粗的黑体类字体；应用粗大的字体可以让画面更加饱满，而应用纤细的字体则可以让画面更加精致，但要注意画面的留白和布局。想要传递高端、优美、精致的感觉，可以选择较细的黑体或宋体类字体。▲纤细的字体让人感觉文雅、精致，具有独特的韵味。6.2.2字体的选择3.字体大小的选择▲海报的标题字体很大，是整张海报的视觉中心，视觉效果十分强烈。其他文字的字体很小，与标题字体形成了对比，更加凸显标题字体的视觉效果。标题和标语的作用是快速引起人们的注意，需要较强的醒目性，因而字体就会大一些。导语和正文的作用是传递详细的信息，需要人们阅读，因而字体会小一些。在选择标题字体的大小时，促销类设计、体育赛事类设计等需要引导人们情绪，标题字体相对更大，而文学、艺术等类型的设计，标题过于醒目会破坏整体的感觉，因此标题字体相对更小。▲海报标题的字体相对较小，标题不会抢占画面的视觉中心，与画面也融和得更加自然。CONTENTS6.1版式基础6.2字体基础6.3文字排版6.3.1字间距与行间距紧凑的字间距和行间距紧凑的字间距和行间距应用在大篇幅的文字中会显得拥挤，同时也会给阅读者带来紧张感。正常的字间距和行间距正常的字间距和行间距比较适合阅读，版面效果也比较舒适。宽松的字间距和行间距宽松的字间距和行间距十分便于阅读，但如果应用在大篇幅的文字中，会降低文字与文字、行与行之间的关联性和张力，让文字内容显得分散。文字与文字的间距称为字间距，行与行的间距称为行间距。在一件作品中，字间距和行间距的选择会直接影响文字的阅读体验和整体的视觉效果。6.3.1字间距与行间距▲正常的字间距和行间距，版面效果比较轻松舒适，也十分便于阅读。▲宽松的字间距，文字与文字之间好似没有关联性，具有独特的艺术感。▲海报下方的文字字间距比较紧凑，部分笔画重叠在一起，彼此牵连。6.3.2文字的对齐文字与文字对齐两张海报的主要文字都是基于一条隐形的基准线进行左对齐，人们在观看时很容易将文字当作一个有联系的整体，整个版面给人规整、有序、和谐、清晰、干净之感。▲文字与文字对齐的基准线较好选择，一般可以先确定一条或几条基准线，然后采用左对齐、右对齐或居中对齐等方式进行对齐，图片与图片的对齐方式与此类似。6.3.2文字的对齐文字与图片、形状等元素对齐该海报中，图片有一条明显的参考线，即人物鼻尖左侧的垂直线。文字以该垂直线的平行线为基准线，左对齐排列。▲如果需要将文字与图片、形状等元素进行对齐，则需要观察图片或形状，寻找其中的参考点、重心等，然后基于参考线、重心等确定基准线，再以该基准线对齐文字。该海报有两条基准线，一条是以图片的中轴（也是整个版面的中轴）形成的竖向基准线，另一条是以图片中的线条方向形成的斜向基准线，文字沿着这两条基准线排齐。该海报以头、肘、脚3处所在的垂直线为基准线，对文字进行了左对齐和右对齐的排版。▲▲6.3.3文字排版技巧1.文字的粗细与大小对比文字的对比方式包括颜色对比、粗细与大小对比等，其中粗细与大小对比可以制造较为明显的层级差异和视觉差异，使版面更有节奏感，因此更为常用。粗细对比可以采用2∶1、3∶1等比例，也可以直接在同一个字体类别中选择粗细不同的字体。大小对比也可以用倍数对比的形式，如4pt、8pt、16pt、32pt等。该形式简单高效，也会让版面具有较强的冲击力。6.3.3文字排版技巧1.文字的粗细与大小对比中间白色字母的层级为第一，字体较粗；中下字母的层级为第二，粗度次之；最下字母的层级为第三，粗度最低。▲海报上方的黑色字母与白色字母都是粗体字，但字体大小呈倍数对比，整体效果平和，不突兀，却也主次分明。▲6.3.3文字排版技巧2.间距对比这里的间距对比以文字的疏密对比为主，可以让版面更加丰富。在文字排版中，设计师可以让紧凑的大字和疏松的小字形成对比，营造张弛有度的视觉效果，让版面更具变化。当然，设计并没有固定规则，在一些设计中也会有大字疏松、小字紧密的情况，同样具有强烈的设计感。6.3.3文字排版技巧2.间距对比大字密，小字疏▲大字疏，小字密。▲任务实践任务1设计名片任务2设计杂志版式任务1设计名片1．任务背景在现代商务活动和社交活动中，人们若想结识他人，往往会向其递交名片。名片是商务活动和社交活动中的一种礼仪用品，也代表着商务人士和公司的形象。“轻和”是一家文化传播公司，设计师需要为其总经理“李轻和”设计一款简约、现代的名片，以传递公司的宗旨，展示公司的形象。2．任务目标（1）能够根据字体的形态特征和特点，确定名片的字体方案。（2）能够运用文字排版的基础知识，对文字内容进行排版。（3）能够举一反三，培养和提升版式设计能力。（4）能够充分考虑设计需求，提升设计素养。任务1设计名片3．任务实施（1）根据公司的定位，选择名片正面与背面的颜色。▲名片颜色选择简约、大气、现代、经典的蓝色和灰色，并适当在蓝色中添加纹理，提升其设计感和变化感。任务1设计名片3．任务实施（2）根据公司的定位，选择名片的字体方案，可以选择无衬线字体的组合。▲此处主要选用了不同粗细的黑体类字体，黑体类字体属于现代字体，常用于各种正式场合，具有简约、美观、易于识别等特点，字体风格也符合公司简约、现代的定位。任务1设计名片3．任务实施（3）调整文字的字体大小和排列方式，并添加公司Logo等，完成设计。▲根据文字的层级次序，分别设置字体大小为28、20、14，使其形成对比，增强视觉表现力。基于不同的基准线对文字进行左对齐、居中对齐的排版，保证文字有序、整洁。任务实践任务1设计名片任务2设计杂志版式1．任务背景人生是一段充满了酸甜苦辣的旅程，孩子的旅程是快乐与成长，青年的旅程是热爱与奋斗，生命的不同阶段有不同的意义，但对于所有人来说，热爱生命就是热爱当下的生活。“生活”杂志社为了唤起人们对生活的热爱，传递生活的意义，计划设计出版一本专刊—《致敬生活》，展示人们对生活的热爱。2．任务目标（1）能够根据文字与文字对齐的知识，对文字进行