第4-5章排版设计与文字编排2015

1、 第五章第五章 版式设计版式设计第一节第一节 版式设计的构成要素版式设计的构成要素一一 基本概况基本概况1、概念2、应用范围3、设计原则与形式4、平面设计的历史发展5、发展趋势二二 版式设计的基本要素版式设计的基本要素第二节 文字与图形排版样式一一 字体字体 字号字号 字距与行距字距与行距二二 文字编排形式文字编排形式三三 版面构成形式版面构成形式 （一）点 线面构成 （二）骨骼（分割）设计四四 图形编排样式图形编排样式 （一）图形具有的特征 （二）图形编排 图形的位置；形式五五 视线流动原则视线流动原则第五章第五章 版式设计版式设计第一节第一节 版式设计的构成要素版式设计的构成要素一一 基本

2、概况基本概况1.1.什么是版式设计什么是版式设计u 有限的版面空间;u 版面构成要素-文字字体、图片图形、线条线框和颜色色块诸因素; u 根据特定内容的需要进行组合排列，并运用造型要素及形式原理;u 把构思与计划以视觉形式表达出来。 2、应用范围：报纸广告、招贴、书刊、包装装潢、直邮广告（DM）、企业形象和网页等所有平面、影像的领域。3、设计原则设计原则 主题鲜明突出主题鲜明突出 形式内容统一形式内容统一 强化整体布局强化整体布局（水平结构、垂直结构、斜线结构等）。 主题鲜明突出主题鲜明突出 要获得版面鲜明的视觉导读效果，可以通过版面的空间层次、主从关系、视觉秩序、逻辑性。主体形象视觉位置突出

3、众多文字整体组织编排，突出主体。主体形象周围大量留白3、设计原则设计原则 主题鲜明突出主题鲜明突出 形式内容统一形式内容统一 强化整体布局强化整体布局（水平结构、垂直结构、斜线结构等）。 形式内容统一形式内容统一版面个性化、艺术化设计本质是加强沟通和传播。形式应该符合设计主体思想的表达。3、设计原则设计原则 主题鲜明突出主题鲜明突出 形式内容统一形式内容统一 强化整体布局强化整体布局（水平结构、垂直结构、斜线结构等）。 强化整体布局强化整体布局将版面中各种排版要素在编排结构及色彩上作整体设，求取整体的视觉效应。3、设计原则设计原则 形式法则：形式法则：单纯与秩序；变化与统一；对称与均衡；节奏与

4、韵律；比例与适度；虚实与留白。虚实与留白变化与统一单纯与秩序对称与均衡节奏与韵律比例与适度4.4.平面设计的历史发展平面设计的历史发展 20世纪的艺术主要经历了4个时期（1）、第一个时期第一个时期主要以立主要以立体主义，未来主义，达达主义、体主义，未来主义，达达主义、超现实主义，装饰主义为代表。超现实主义，装饰主义为代表。其其特点特点是对版面构成的形是对版面构成的形式要素进行了分析组合及对式要素进行了分析组合及对理性规律的探索。理性规律的探索。立体主义追求碎裂、解析、重新组合的形式，二维空间特点 毕加索代表未来主义反对严谨正规的排版方式，提倡自由组合，即编排无重心无主次，杂乱无章，散乱。 波丘

5、尼代表 达达主义海报达达主义在于用照片和各种印刷品进行拼贴组合再设计，以及版面编排上的无规律化，自由化，相互矛盾化。革命性的大胆尝试与突破。 恩斯特代表装饰主义主张机械化美 克里姆特代表4.4.平面设计的历史发展平面设计的历史发展 20世纪的艺术主要经历了4个时期 第二个时期第二个时期以以“一战一战”后兴起的俄国构成主义、荷兰风格后兴起的俄国构成主义、荷兰风格派、德国包豪斯三个重要的设计运动为代表。派、德国包豪斯三个重要的设计运动为代表。 其其特点特点是强调平面设计中的科学化，理性化，功能化、减是强调平面设计中的科学化，理性化，功能化、减少主义和几何化，对艺术设计的观念和思想奠定了坚实的基础。

6、少主义和几何化，对艺术设计的观念和思想奠定了坚实的基础。4.4.平面设计的历史发展平面设计的历史发展 20世纪的艺术主要经历了4个时期 第三个时期第三个时期为为“二战二战”后后5050年代至年代至7070年代的国际主义主导设计风格。年代的国际主义主导设计风格。 其其特点特点是高度的功能化，标准化，系统化，其反装饰的排版风格，是高度的功能化，标准化，系统化，其反装饰的排版风格，简明扼要的视觉形式，网格框架排版，有利于国际化的视觉传达功能。简明扼要的视觉形式，网格框架排版，有利于国际化的视觉传达功能。瑞士埃米尔鲁德4.4.平面设计的历史发展平面设计的历史发展 20世纪的艺术主要经历了4个时期第四个

7、时期第四个时期为为2020世纪世纪6060年年代开始的后现代主义平面代开始的后现代主义平面设计表现形式以及电脑网设计表现形式以及电脑网络多元化媒体传达。络多元化媒体传达。其其特点特点后现代主义是对现代主义、国际主义设计的一种装饰发展。 版式设计肩负着双重使命：一是作为信息发布信息发布的重要媒体，同时它又要让读者通过版面的阅读产生美产生美的遐想与共鸣，让设计师的观点与涵养能进入读者的心灵。 设计师不仅要把美的感觉和设计观点传播给观众，更重要的是广泛调动观众的激情与感受。读者在接受版面信息的同时，并获得娱乐、消遣和艺术性感染。（1）创意为先导）创意为先导（2）形式独特性）形式独特性 5 发展趋势发

8、展趋势（3）情趣性的攻势）情趣性的攻势（4）电脑新特技）电脑新特技二二 影响版式的因素影响版式的因素1、样式、样式2、版面、版面1、视觉要素：文字；图形；色彩；肌理等二二 影响版式的因素影响版式的因素1、样式、样式是指文字、图片等的外观。视觉要素：文字；图形；色彩；肌理等什么是样式？文字、照片跳跃率视觉度图版率空白率文字排列形式字体印象二二 影响版式的因素影响版式的因素2、版面、版面版面分割鲜明主题整理视觉流向造型技巧空间组织打造层次利用框线什么是版面？什么是版面？是指样式的组织编排。构成要素：结构；空间；层次。二二 影响版式的因素影响版式的因素1、样式、样式文字、照片跳跃率视觉度图版率空白率

9、文字排列形式字体印象视觉度：视觉度：视觉元素（文字、图片、色彩、肌理等）的视觉注意力度。 结论：图片比文字视觉度高；抽象的图片比具象图片的视觉度高；具象图形中人物的视觉度最高。二二 影响版式的因素影响版式的因素1、样式、样式文字、照片跳跃率视觉度图版率空白率文字排列形式字体印象图版率：图版率：版面中的图片与文字所占的面积比为图版率。 结论：提高图版率可以活跃版面；完全没有文字的版面显空洞；50%；90%。二二 影响版式的因素影响版式的因素1、样式、样式文字、照片跳跃率视觉度图版率空白率文字排列形式字体印象空白率：空白率：版面中图文面积与空白面积的比率。 结论：大面积空白可表现高品质；高空白率可

10、传递古朴、恬静；低空白率体现丰富信息。二二 影响版式的因素影响版式的因素1、样式、样式文字、照片跳跃率视觉度图版率空白率文字排列形式字体印象跳跃率跳跃率文字大小的比率为文字跳跃率；图片大小的比率为图片跳跃率； 结论：比例越大跳跃率越高。二二 影响版式的因素影响版式的因素1、版面、版面鲜明主题版面分割鲜明主题整理视觉流向群化利用版心线感受空白二二 影响版式的因素影响版式的因素1、版面、版面整理视觉流向版面分割鲜明主题整理视觉流向群化利用版心线感受空白二二 影响版式的因素影响版式的因素1、版面、版面版面分割鲜明主题整理视觉流向群化利用版心线感受空白群化：能理清事物间的关系。二二 影响版式的因素影响

11、版式的因素1、版面、版面版面分割鲜明主题整理视觉流向群化利用版心线感受空白利用版心线（2 2） 字号字号通常采用号数制、点数制和级数的计算。点数制是世界通常采用号数制、点数制和级数的计算。点数制是世界流行计算字体的标准制度。流行计算字体的标准制度。“点”：也称磅(P)。1点=0.35毫米， “级（J或K）”。1级=0.25mm，1mm=4级。 号数与级数的换算关系是：号数与级数的换算关系是： 1J = 1K =0.25mm = 0.714点（P） 1点（P）=0.35mm=1.4级（J或K） （2 2） 字号字号通常采用号数制、点数制和级数的计算。点数制是世界通常采用号数制、点数制和级数的计算

12、。点数制是世界流行计算字体的标准制度。流行计算字体的标准制度。“点”：也称磅(P)。1点=0.35毫米， “级（J或K）”。1级=0.25mm，1mm=4级。 字号、磅数与实际尺寸对照表(3) (3) 字距与行距字距与行距一般的行距在常规的比例应为：用字用字8 8点则行距为点则行距为1010点，即点，即8 8：1010。 一般的行距在常规的比例应为：用字8点行距则为10点，即8：10。但对于一些特殊版面来说，字距和行距的加宽或缩紧，更能体现主题的内涵。二二. 文字编排形式文字编排形式文字的编排形式多种多样，我们大致可以理解为以下几种： 左右齐整左右齐整横排横排竖排竖排左齐左齐右齐右齐聚中编排聚

13、中编排 5、突出字首4、自由编排6、 文字编排的特殊表现形象字体形象字体，根据文字的意思或内容进行艺术创造的字体。 意象字体意象字体，将特定的文字个性化，直接地展示文字的内容。图文叠印图文叠印，将文字印在图片或图形的背景上。群组编排群组编排，将文字编排在一个具体的形状中，使其图片化。三、三、 版面构成形式版面构成形式点、线、面在版面上的构成点、线、面在版面上的构成( (版面骨骼）；版面骨骼）；网格系统；网格系统；自由构成；自由构成；(一）点、线、面在版面上的构成( (版面骨骼版面骨骼P140P140）1.点在版面上的构成2 、线在版面上的构成3、面在版面上的构成（二）（二） 网格系统（网格系统

14、（P144P144） 用水平线或垂直线分割版面，文字、图片依照格子或线进行排列严谨、理性的设计方法法。常见横向通栏:双栏、三栏、四栏竖向通栏:双栏、三栏、四栏横、竖同时进横、竖同时进行分割的四栏、行分割的四栏、六栏、八栏、六栏、八栏、十二栏等十二栏等: :期刊杂志、画册编排：双栏、三栏。报刊编排：（信息量多而大）四栏、五栏、六栏双栏骨骼双栏骨骼杂志页面标题为通栏；文字为四栏骨骼；图片和图片上端的文字跨越两栏；版面严谨、理性。杂志页面设计，两幅图片整体的插杂志页面设计，两幅图片整体的插入双栏骨骼中。入双栏骨骼中。杂志页面设计。此设计在四栏骨骼杂志页面设计。此设计在四栏骨骼的基础上进行变化。其中包

15、含了四的基础上进行变化。其中包含了四栏、图文跨越双栏的文字居中排列，栏、图文跨越双栏的文字居中排列，版面左右以对称方式编排。版面左右以对称方式编排。整个版面为四栏骨骼的组合，图片按照四栏骨骼的规则配置。整个版面为四栏骨骼的组合，图片按照四栏骨骼的规则配置。内页设计。分别为十栏和十二栏骨骼。内页设计。分别为十栏和十二栏骨骼。大面积的图片与五栏骨骼的组大面积的图片与五栏骨骼的组织构成织构成。因为图片与文字的对。因为图片与文字的对比悬殊，图片的张弛使版面不比悬殊，图片的张弛使版面不显刻板。显刻板。出版物设计是一幅以五栏骨骼出版物设计是一幅以五栏骨骼为主的报版为主的报版，图片跨越两栏和四栏图片跨越两栏

16、和四栏。骨骼规范性越来越小，而自由设计的骨骼规范性越来越小，而自由设计的因素非常明显、突出，所以版面的图版因素非常明显、突出，所以版面的图版率，视觉度、活力增强。率，视觉度、活力增强。 三栏骨骼版面，三栏骨骼版面，有意空出有意空出版面右上方和左下方的空版面右上方和左下方的空间，在左下方做标题的个间，在左下方做标题的个性编排。性编排。 内页设计：跳跃的字母使平淡的骨骼版面变得活泼。放大的首字内页设计：跳跃的字母使平淡的骨骼版面变得活泼。放大的首字母在设计中起到了视觉图形的作用。母在设计中起到了视觉图形的作用。利用九宫格利用九宫格骨骼分割展骨骼分割展开的设计开的设计 效果图（三）、自由构成（三）、

17、自由构成 平面设计风格的人性化，个性化和娱乐性；视觉元素构成关系都充满着随机无序，无主次，无中心，相互矛盾，相互排斥，以及极端的耗散的编排；层次丰富，轻松、自由、活力、人性化。四、图形编排样式 （一） 图形主要具有以下特征：简洁性符号性具象性抽象性文字性夸张性 最佳视点 作品欣赏作品欣赏-文字排版文字排版1.文字前后关系的处理，具有醒目的视觉流程。2. 中文文字排版设计的一个典型探索，传统与现代的直接对话。3. 字的大小与颜色的处理，清新自然，图文关系简单清楚。4、传统与现代、虚与实的表现十分恰当。5.用版面的刻意留白来表现虚实关系，具有凝聚视线的作用。6. 文字的编排严谨中有自由，形式多样，使内容变得充实。7.整个图片充满版面，再配以文字的疏张排列，视觉冲击力十分强烈。8. 主题文字形式活泼，极具吸引力和视觉冲击力。9. 自由字体的排版设计，非常有张力。以图为主体，将文字容入其中，文图相衬，意味深长。 一 海报设计能源或环