平面设计基础5-字体与版面设计课件.ppt

1、1字体与版面设计字体与版面设计2一、一、 字体与平面设计字体与平面设计1、字体设计的概念：、字体设计的概念： 对文字的象形、意形、字母按视觉传达规律加以整体考虑的对文字的象形、意形、字母按视觉传达规律加以整体考虑的设计，是通过对字形、字意、字音的联想，以意念思维所创造的设计，是通过对字形、字意、字音的联想，以意念思维所创造的新的文字造型形象，有着很高的审美价值，具有可读性、趣味性、新的文字造型形象，有着很高的审美价值，具有可读性、趣味性、识别性，是现代视觉传达的重要语言之一。识别性，是现代视觉传达的重要语言之一。32、字体编排设计：、字体编排设计： 将句子或文章有序地、有层次地、有疏密对比地编

2、排。将句子或文章有序地、有层次地、有疏密对比地编排。42.1 字距、词距、行距的编排字距、词距、行距的编排 （1） 汉字编排汉字编排 一般较规则的说明文字：一般较规则的说明文字： 行距行距 = 字高、字高、 比字间距略宽比字间距略宽 （2）拉丁字母大写）拉丁字母大写 行距行距 = 字高字高 拉丁字母小写拉丁字母小写 行距则以上下伸出部分不碰到为原则。行距则以上下伸出部分不碰到为原则。 （3）特殊要求是，可根据需要调整。）特殊要求是，可根据需要调整。5678910112.2 文字编排形式文字编排形式 （1） 文字的格式编排形式文字的格式编排形式竖排式竖排式横排式横排式斜排式斜排式曲线式曲线式渐变

3、式渐变式重叠式重叠式分离式分离式 角度依据需要而定角度依据需要而定产生自由滚动的效果，使方正的版面有活跃的气氛产生自由滚动的效果，使方正的版面有活跃的气氛通过字体大小、色彩产生渐变通过字体大小、色彩产生渐变可形成点状效果可形成点状效果12 （2） 文字的头尾编排形式文字的头尾编排形式 其头散尾式其头散尾式散头齐尾式散头齐尾式齐头齐尾式齐头齐尾式中轴分离式中轴分离式分插式分插式自由式自由式适合于外文字体的编排适合于外文字体的编排适合于外文字体的编排适合于外文字体的编排中间向两边分散中间向两边分散行与行之间的关系：行与行之间的关系： 上下、左右、曲直交叉、长短错落上下、左右、曲直交叉、长短错落行与

4、行之间，不规则的编排，形成具有繁杂视觉效果的行与行之间，不规则的编排，形成具有繁杂视觉效果的图形，其阅读功能减弱，图形形式增强。图形，其阅读功能减弱，图形形式增强。13 （3） 图形化的文字编排图形化的文字编排 运用大量的文字组成平面的，或立体的图形，其图形化的文字运用大量的文字组成平面的，或立体的图形，其图形化的文字编排能够形象地传达出文字的内容，从而增强视觉的趣味性。编排能够形象地传达出文字的内容，从而增强视觉的趣味性。 增加读者对文体的记忆。增加读者对文体的记忆。 A 图形化的文字编排手段图形化的文字编排手段 a 设计出一个特定的图形设计出一个特定的图形 b 将所要编排的文字全部编排到图

5、形里。将所要编排的文字全部编排到图形里。 注意：注意： 轮廓、文字大小、偏重图形的可视性轮廓、文字大小、偏重图形的可视性 B 图形化的文字编排的应用范围图形化的文字编排的应用范围 报纸、杂志、招贴、书籍、宣传册等。报纸、杂志、招贴、书籍、宣传册等。1415161718二、二、 字体与版式设计字体与版式设计1、字体设计与版式设计的关系、字体设计与版式设计的关系 （1）什么是版式设计）什么是版式设计 版式设计：版式设计： 是平面设计的一种，是平面设计的一种， 在规定的版面上将需要的所有视觉元素，在规定的版面上将需要的所有视觉元素， 在遵循视觉规律与视觉美感的基础上进行在遵循视觉规律与视觉美感的基础

6、上进行 有机的排列组合。有机的排列组合。 设计过程：设计过程： 不仅包括对文字、图形、色彩的设计，不仅包括对文字、图形、色彩的设计， 还包括对采用的媒介的选择的综合设计。还包括对采用的媒介的选择的综合设计。19 （2） 版式设计的目标：版式设计的目标：充满视觉美感充满视觉美感具有灵动的生命力与审美韵律具有灵动的生命力与审美韵律使阅读富有动感和流畅性使阅读富有动感和流畅性提高阅读者的视觉愉悦感和审美水平提高阅读者的视觉愉悦感和审美水平 （3） 版式设计的运用版式设计的运用书籍、广告招贴、产品包装、企业形象、书籍、广告招贴、产品包装、企业形象、展示设计、空间环境的局部设计等。展示设计、空间环境的局

7、部设计等。20 （4） 在版式设计中，文字的设计十分重要在版式设计中，文字的设计十分重要 精准细致的字体表述内容的版式，精准细致的字体表述内容的版式，给人以清晰、明朗和高贵的感觉。给人以清晰、明朗和高贵的感觉。A 信息量大，文字量多信息量大，文字量多B 文字占有版面的绝大文字占有版面的绝大部分面积，或只有文字没部分面积，或只有文字没有图形的情况下。有图形的情况下。对文字的巧妙处理对文字的巧妙处理2122 （5） 从构成的角度来看：从构成的角度来看：文字分布的区域文字分布的区域 视觉心理视觉心理 A 字号小字号小 B 成行的文字成行的文字C 成段的文字成段的文字少量的字体疏朗地排列，给人以点的感

8、觉少量的字体疏朗地排列，给人以点的感觉 由于视觉调整、连缀成为版面上的线由于视觉调整、连缀成为版面上的线在版面上形成面在版面上形成面23 （6 ） 现代版式设计，在遵循传统网格版面的大框架基础上，现代版式设计，在遵循传统网格版面的大框架基础上，产生设计样式众多的版面。产生设计样式众多的版面。24三、三、 版式设计的文字内容版式设计的文字内容 （1）构图设计可分解为：）构图设计可分解为： 细小的视觉单位细小的视觉单位单个的字体单个的字体字体之间的组合设计字体之间的组合设计文字与图形的组合关系文字与图形的组合关系文字、图形的色彩使用文字、图形的色彩使用25（2）文字内容的精心布局包括：）文字内容的

9、精心布局包括： A 标题文字的字号、字体类型标题文字的字号、字体类型B 版面内所有文字之间关系的处理版面内所有文字之间关系的处理26 1、版面设计中的文字部分设计、版面设计中的文字部分设计 （1） 主要内容的文字主要内容的文字设计注意：设计注意： 在文字体式、色彩上不需要过多的变化；在文字体式、色彩上不需要过多的变化； 常用字体：常用字体： 黑体、等线体、罗马体黑体、等线体、罗马体 简洁和通俗的排版更有利于阅读。简洁和通俗的排版更有利于阅读。 272829（2） 版面中的文字与留白版面中的文字与留白 留白：留白： 在平面设计中讲究在版面中留有适当的，在平面设计中讲究在版面中留有适当的， 既无图

10、形亦无文字的空白部分。既无图形亦无文字的空白部分。版面中版面中:文字：文字： 解读版面内容解读版面内容留白：留白： 视觉上的舒缓、联想视觉上的舒缓、联想 烘托字体的独特样式和形式语言。烘托字体的独特样式和形式语言。30（3） 文字与文字文字与文字 A 标题文字标题文字 经过专门的设计来表现经过专门的设计来表现 目的：目的： 获得更为有效的视觉刺激，吸引关注、重视。获得更为有效的视觉刺激，吸引关注、重视。 准确传达意图，对正文内容作较形象而概括的提示。准确传达意图，对正文内容作较形象而概括的提示。标题设计注意：标题设计注意： 字体设计字体设计 位置位置 （视觉中心）（视觉中心）31 B 正文文字

11、正文文字 字体一般不要求过多的变化。字体一般不要求过多的变化。 目的：目的： 解释、说明、表述解释、说明、表述 标题设计注意：标题设计注意： 理智、科学、理智、科学、 字号、字体、字距、行距、篇章字数（面积）的控制。字号、字体、字距、行距、篇章字数（面积）的控制。323334 C 标题、正文、说明常是穿插应用的标题、正文、说明常是穿插应用的 标题标题 正文正文 说明文字说明文字35（4） 文字与插图文字与插图 并列关系：并列关系： 文字与插图并列排列文字与插图并列排列 包容关系：包容关系： 文字绕图的形式文字绕图的形式 （5） 文字与色彩文字与色彩 标题标题 ： 较合适作色彩处理较合适作色彩处理 正文：正文： 需要更含蓄委婉需要更含蓄委婉 363738