第45章排版设计与文字编排

1、第五章 版式设计 第一节 版式设计的构成要素 一 基本概况 1、概念 2、应用范围 3、设计原则与形式 4、平面设计的历史发展 5、发展趋势 二 版式设计的基本要素,第二节 文字与图形排版样式 一 字体 字号 字距与行距 二 文字编排形式 三 版面构成形式 （一）点 线面构成 （二）骨骼（分割）设计 四 图形编排样式 （一）图形具有的特征 （二）图形编排 图形的位置；形式 五 视线流动原则,第五章 版式设计 第一节 版式设计的构成要素 一 基本概况 1.什么是版式设计 有限的版面空间; 版面构成要素-文字字体、图片图形、线条线框和颜色色块诸因素; 根据特定内容的需要进行组合排列，并运用造型要素

2、及形式原理; 把构思与计划以视觉形式表达出来。,2、应用范围：报纸广告、招贴、书刊、包装装潢、直邮广告（DM）、企业形象和网页等所有平面、影像的领域。,3、设计原则,主题鲜明突出 形式内容统一 强化整体布局 （水平结构、 垂直结构、 斜线结构等）。,3、设计原则,主题鲜明突出 形式内容统一 强化整体布局 （水平结构、 垂直结构、 斜线结构等）。,3、设计原则,主题鲜明突出 形式内容统一 强化整体布局 （水平结构、 垂直结构、 斜线结构等）。,3、设计原则 形式法则：单纯与秩序；变化与统一；对称与均衡；节奏与韵律；比例与适度；虚实与留白。,虚实与留白,变化与统一,单纯与秩序,对称与均衡,节奏与韵

3、律,比例与适度,4.平面设计的历史发展 20世纪的艺术主要经历了4个时期,（1）、第一个时期主要以立体主义，未来主义，达达主义、超现实主义，装饰主义为代表。,其特点是对版面构成的形式要素进行了分析组合及对理性规律的探索。,未来主义反对严谨正规的排版方式，提倡自由组合，即编排无重心无主次，杂乱无章，散乱。 波丘尼代表,装饰主义主张机械化美 克里姆特代表,4.平面设计的历史发展 20世纪的艺术主要经历了4个时期,第二个时期以“一战”后兴起的俄国构成主义、荷兰风格派、德国包豪斯三个重要的设计运动为代表。,其特点是强调平面设计中的科学化，理性化，功能化、减少主义和几何化，对艺术设计的观念和思想奠定了坚

4、实的基础。,4.平面设计的历史发展 20世纪的艺术主要经历了4个时期,第三个时期为“二战”后50年代至70年代的国际主义主导设计风格。,其特点是高度的功能化，标准化，系统化，其反装饰的排版风格，简明扼要的视觉形式，网格框架排版，有利于国际化的视觉传达功能。,瑞士埃米尔鲁德,4.平面设计的历史发展 20世纪的艺术主要经历了4个时期,第四个时期为20世纪60年代开始的后现代主义平面设计表现形式以及电脑网络多元化媒体传达。,其特点后现代主义是对现代主义、国际主义设计的一种装饰发展。,版式设计肩负着双重使命：一是作为信息发布的重要媒体，同时它又要让读者通过版面的阅读产生美的遐想与共鸣，让设计师的观点与

5、涵养能进入读者的心灵。 设计师不仅要把美的感觉和设计观点传播给观众，更重要的是广泛调动观众的激情与感受。读者在接受版面信息的同时，并获得娱乐、消遣和艺术性感染。,（1）创意为先导,（2）形式独特性,5 发展趋势,（3）情趣性的攻势,（4）电脑新特技,二 影响版式的因素,1、样式 2、版面,1、视觉要素：文字；图形；色彩；肌理等,二 影响版式的因素,1、样式,是指文字、图片等的外观。,视觉要素：文字；图形；色彩；肌理等,什么是样式？,二 影响版式的因素,2、版面,什么是版面？,是指样式的组织编排。,构成要素：结构；空间；层次。,二 影响版式的因素,1、样式,视觉度：视觉元素（文字、图片、色彩、肌

6、理等）的视觉注意力度。,结论： 图片比文字视觉度高； 抽象的图片比具象图片的视觉度高； 具象图形中人物的视觉度最高。,二 影响版式的因素,1、样式,图版率：版面中的图片与文字所占的面积比为图版率。,结论： 提高图版率可以活跃版面； 完全没有文字的版面显空洞； 50%；90%。,二 影响版式的因素,1、样式,空白率：版面中图文面积与空白面积的比率。,结论： 大面积空白可表现高品质； 高空白率可传递古朴、恬静； 低空白率体现丰富信息。,二 影响版式的因素,1、样式,跳跃率 文字大小的比率为文字跳跃率； 图片大小的比率为图片跳跃率；,结论： 比例越大跳跃率越高。,二 影响版式的因素,1、版面,鲜明主

7、题,二 影响版式的因素,1、版面,整理视觉流向,二 影响版式的因素,1、版面,群化：能理清事物间的关系。,二 影响版式的因素,1、版面,利用版心线,三 第二节 文字与图形排版样式,一字体、字号、字距与行距 （1）字体 中文常用的字体主要有宋体、仿宋体、黑体、楷书四种； 适应标题字体：黑体、粗黑体、综艺体、粗圆体、以及手绘创意美术字等； 在版面构成中，选择两到三种字体为最佳视觉效果； 可考虑加粗、变细、拉长、压扁或调整行距来变化字体大小。,（2） 字号,通常采用号数制、点数制和级数的计算。点数制是世界流行计算字体的标准制度。 “点”：也称磅(P)。1点=0.35毫米， “级（J或K）”。1级=0

8、.25mm，1mm=4级。,号数与级数的换算关系是： 1J = 1K =0.25mm = 0.714点（P） 1点（P）=0.35mm=1.4级（J或K）,（2） 字号,通常采用号数制、点数制和级数的计算。点数制是世界流行计算字体的标准制度。 “点”：也称磅(P)。1点=0.35毫米， “级（J或K）”。1级=0.25mm，1mm=4级。,字号、磅数与实际尺寸对照表,(3) 字距与行距 一般的行距在常规的比例应为： 用字8点则行距为10点，即8：10。,一般的行距在常规的比例应为：用字8点行距则为10点，即8：10。但对于一些特殊版面来说，字距和行距的加宽或缩紧，更能体现主题的内涵。,二. 文

9、字编排形式 文字的编排形式多种多样，我们大致可以理解为以下几种：,左右齐整 横排 竖排 左齐 右齐 聚中编排,1、左齐或右齐 给人优美自然、愉悦的节奏感。左齐适合人们的阅读习惯，容易产生亲切感。右齐与人们的视觉习惯相违背，但借此可以标新立异，新颖、有格调，具有现代超前意识。,2、聚中编排 使视线集中，具有优雅、庄重的感觉。但有时阅读起来不太方便。如在正版正文内容较多的情况下，不宜采用此种编排方式。,3、文图穿插 给人亲切、生动、平和的感觉。,5、突出字首,4、自由编排,6、 文字编排的特殊表现,形象字体，根据文字的意思或内容进行艺术创造的字体。,意象字体，将特定的文字个性化，直接地展示文字的内

10、容。,图文叠印，将文字印在图片或图形的背景上。,群组编排，将文字编排在一个具体的形状中，使其图片化。,三、 版面构成形式 点、线、面在版面上的构成(版面骨骼）； 网格系统； 自由构成；,(一）点、线、面在版面上的构成(版面骨骼P140） 1.点在版面上的构成,2 、线在版面上的构成,3、面在版面上的构成,（二） 网格系统（P144） 用水平线或垂直线分割版面，文字、图片依照格子或线进行排列严谨、理性的设计方法法。常见,横向通栏:双栏、三栏、四栏,竖向通栏:双栏、三栏、四栏,横、竖同时进行分割的四栏、六栏、八栏、十二栏等:,期刊杂志、画册编排：双栏、三栏。 报刊编排：（信息量多而大）四栏、五栏、

11、六栏,双栏骨骼,杂志页面 标题为通栏； 文字为四栏骨骼； 图片和图片上端的文字跨越两栏； 版面严谨、理性。,杂志页面设计，两幅图片整体的插入双栏骨骼中。,杂志页面设计。此设计在四栏骨骼的基础上进行变化。其中包含了四栏、图文跨越双栏的文字居中排列，版面左右以对称方式编排。,整个版面为四栏骨骼的组合，图片按照四栏骨骼的规则配置。 内页设计。分别为十栏和十二栏骨骼。,大面积的图片与五栏骨骼的组织构成。因为图片与文字的对比悬殊，图片的张弛使版面不显刻板。,（2）.变形骨骼 变形骨骼在骨骼设计的基础上发展变化，是在骨骼的基本形上，通过合并、取舍部分骨骼寻求新的造型变化。,出版物设计是一幅以五栏骨骼为主的

12、报版，图片跨越两栏和四栏。,骨骼规范性越来越小，而自由设计的因素非常明显、突出，所以版面的图版率，视觉度、活力增强。,三栏骨骼版面，有意空出版面右上方和左下方的空间，在左下方做标题的个性编排。,内页设计：跳跃的字母使平淡的骨骼版面变得活泼。放大的首字母在设计中起到了视觉图形的作用。,利用九宫格骨骼分割展开的设计,效果图,（三）、自由构成 平面设计风格的人性化，个性化和娱乐性； 视觉元素构成关系都充满着随机无序，无主次，无中心，相互矛盾，相互排斥，以及极端的耗散的编排； 层次丰富，轻松、自由、活力、人性化。,四、图形编排样式 （一） 图形主要具有以下特征： 简洁性 符号性 具象性 抽象性 文字性

13、 夸张性,（二）图片的版面构成,1图片的位置,2图片的形式 （1）方形图片 使版面稳重、安静、严谨、大方，较易与读者沟通。,（2）出血图式 使版面动感效果非常强劲，与读者的距离感接近。,(3)退底图片 显得灵活而不零乱，给人轻松自由、平易近人的亲切感。是设计师们常常采用的手法之一。,(3)退底图片 显得灵活而不零乱，给人轻松自由、平易近人的亲切感。是设计师们常常采用的手法之一。,五视线流动的原则（P146）,视觉流程：越往下注意力越下降。这根弧线上的任何点都比其以外的明显。,最佳视点,作品欣赏-文字排版 1.文字前后关系的处理，具有醒目的视觉流程。,2. 中文文字排版设计的一个典型探索，传统与现代的直接对话。,3. 字的大小与颜色的处理，清新自然，图文关系简单清楚。,4、传统与现代、虚与实的表现十分恰当。,5.用版面的刻意留白来表现虚实关系，具有凝聚视线的作用。,6. 文字的编排严谨中有自由，形式多样，使内容变得充实。,7.整个图片充满版面，再配以文字的疏张排列，视觉冲击力十分强烈。,8. 主题文字形式活泼，极具吸引力和视觉冲击力。,9. 自由字体的排版设计，非常有张力。以图为主体，将文字容入其中，文图相衬，意味深长。,一 海报设计 能源或环保、节约、品牌形象宣传创意为主题（同内