版式设计对于现代设计艺术来说是一门相对独立的设计要素，同样也是信息传达的重要手段。版式设计实现了技术与艺术的高度统一，其设计和运用中所蕴含的范围和内涵，也在潜移默化之中深深地影响着人们的情绪，对人们的视觉和心理都产生着积极地推动作用，也正是如此，版式设计也越来越受到各个区域的高度重视。
本书的目的就是传授专业的版式编排技巧，教给大家如何最大限度地活用版式元素本身拥有的意义和信息获得最完善的版式编排设计。全书共分8章，采用由浅入深的方式介绍有关版式设计的基本概念、版式的构成要素、视觉流程以及版式的不同设计形式等等，并配合大量经典图例的展示和分析，对每个知识点进行细致地讲解和扩展分析，充分将理论性、知识性和实用性融合在一起，使版式效果清晰明确，具有很强的说服力。在应用案例分析中，除了根据每一种版式理论精选多幅有代表意义的精美图例外，还提供与图例相对应的版式参考、缩略图解析、设计鉴赏分析等方面，将绝对不可背离的版式理论全方面地传授给读者，帮助读者更加快速有效的将版式编排技巧与实际应用紧密联系起来，从而掌握版式设计在实际操作中的应用技巧。
书中观点明确，图文并茂，通过列举大量的案例展示，以及结合版式设计案例的特点，对案例进行专业的版式分析，可大大提高读者的审美眼光及掌握版式设计的实际应用法则，有助于所有想要涉入版式编排领域但经验略显不足的人群，同时本书也可作为艺术设计类相关专业的教材和各类艺术设计人员的参考教材和自学参考书，在设计领域为广大读者提供积极的参考。
随着社会经济的持续发展，版式设计早已延伸至人们的精神领域和物质领域中，人们几乎每天都接触并感受着版式设计，一切社会活动都会与版式设计有千丝万缕的联系。作为二维平面设计的基础，版式所表现出的美感与魅力不仅对人类生活产生着直接而深远的影响，也对现代商业的发展起着重要的推动作用。
随着时代的变迁，人们对版式的认识、运用也从感性升华到理性。作为设计的一个重要分支，版式设计以其独特的艺术性、专业性在设计领域享有一定的地位。借助版式的构成理论，可以将纷繁芜杂的设计元素有规律、有秩序地摆放，从而形成具有美学造诣的设计效果。为了给设计创作提供借鉴，本书力求以版式设计的原理和设计法则为基础，运用通俗易懂的文字叙述，将有关版式的各种应用领域的编排方案以及与其相配合的商用范例融会贯通，帮助读者在认识版式的同时，掌握版式编排规律，从而提高对版式设计的分析与审美能力。
本书以版式的基本原理、运用法则、编排技巧及实际运用作为切入点，全书共8章。第1章介绍版式设计的概念，帮助读者认识版式设计的基础知识，为以后的学习奠定基础。第2章、第3章主要介绍版式设计中不可缺少的构成元素，包括点、线、面的构成和特性，色彩的编排构成以及网格在版式中的编排构成等，帮助读者了解版面构成元素的相关知识，进一步理解与把握版式设计。第4章、第5章主要讲解版式设计的基本原则和视觉流程，从版式设计的思路出发，帮助读者了解版式设计的形式法则、整体布局的强调法则、如何利用视觉流程的特点使版面更好地传达信息等方法。第6章、第7章通过对文字和图片相关设计原理的讲解，帮助读者熟练地掌握字体和图片常用的编排方式和个性化应用，使读者懂得如何利用文字和图片丰富版面视觉效果。第8章则对版式设计中的不同形式进行了剖析和讲解，从不同版面的构成形式和设计中的形式美学入手，对版式的构成做重点介绍，让读者轻松地掌握版式的设计精髓，制作出更具美感的作品。
本书内容丰富、图例经典、写作主旨明确，每个知识点后都附加大量精美图例，对相关知识点进行阐述和分析，使读者掌握版式知识后，再在实际运用中得到质的飞跃。本书不仅是学习版式知识的专业图书，也是一本能够帮助读者更加深入地掌握版式设计的实战技能图书，还能作为艺术院校师生及版式设计爱好者的必备工具书。
本书由河南工业大学设计艺术学院陈高雅老师编著。由于编者水平有限，在编写本书的过程中难免有不足之处，恳请广大读者指正批评，除了扫描二维码添加订阅号获取资讯以外，也可加入QQ群134392156与我们交流。
编著者
2016年5月
艺术/设计/平面设计
版式设计是相对独立的设计要素，同时也是信息传达的重要手段，它实现了技术与艺术的高度统一，对人们的视觉和心理都产生积极的推动作用，在各个领域越来越受到高度重视。
本书图文并茂，通过列举大量的案例展示，并结合版式设计案例的特点，对案例进行专业的版式分析，帮助读者掌握版式设计的实际应用法则。适用于想要进入版式编排领域但经验略显不足的人群，本书同时也可作为艺术设计类相关专业的教材及各类艺术设计人员的参考教材和自学参考书。
陈高雅 编著：暂无简介
前言
本书导读
第1章 了解版式设计的概念 1
1.1 版式设计的概念 ...........................................................2
1.2 版式设计的主要功能 ...................................................3
1.3 版式设计的流程 ...........................................................4
1.3.1 明确版式信息的定位 .....................................................4
1. 读者群体定位 ............................................................4
2. 版面主题内容定位 .......................................................6
1.3.2 明确信息传达的准确性 .................................................7
1. 明确设计的主旨 ..........................................................7
2. 对信息内容进行分析 ..................................................7
1.3.3 确认设计方案与版面风格 .............................................8
基本理论应用—企业识别系统设计 ....................................9
经典案例解析—企业宣传册折页设计 .............................10
第2章 不可缺少的构成元素
2.1 点的构成 ............................................................12
2.1.1 点的形态 ............................................................12
2.1.2 点在构成中的特性 .......................................................14
1. 点的视觉张力 .............................................................14
2. 点的线化 ...........................................................15
3. 点的面化 ..........................................................16
点的构成应用—活泼的海报文字设计 .............................17
2.2 线的构成 ..........................................................18
2.2.1 线的韵律、动态 ................................................19
1. 线的视觉张力 ...................................................19
2. 线的情感 ............................................................20
3. 线的节奏 ...........................................................22
线的构成应用—极具视觉冲击力的海报设计 ................24
2.2.2 线的分割与组织 ................................................25
1. 线的等量分割 ............................................................25
2. 图文的直线分割 .........................................................28
3. 线的引导作用 .......................................................29
线的构成应用—典型的报纸版式设计 .............................30
2.2.3 线框的构成作用 ...............................................31
1. 限定版式中的编排元素 .............................................31
2. 线框的强调作用 .........................................................32
3. 粗、细线框的不同视觉感受 ................................................33
线的构成应用—运用线框组织版面 .................................34
2.3 面的构成 ..........................................................35
2.3.1 规则形体的面 ....................................................36
1. 几何面 ...............................................................36
2. 有机形体面 .......................................................36
2.3.2 无规律形状的面 ..............................................37
1. 偶然形态的面 .............................................................37
2. 自由形态的面 .............................................................37
面的构成应用—卡通插图设计运用 .................................38
经典案例解析—高科技产品的宣传册内页 ....................39
第3章 色彩与网格的基本运用
3.1 色彩的编排与构成 .....................................................41
3.1.1 色彩的作用 ......................................................42
1. 唤起不同的情感 ...........................................................42
2. 产生不同象征 .............................................................44
3. 强调不同的重点 .......................................................45
色彩的构成应用—色彩层次丰富的海报设计 ................46
3.1.2 色彩的搭配与色调的构成 ..........................................47
1. 配色方式 ..................................................................47
2. 色调的构成方法 .........................................................49
色彩的构成应用—打造温馨的家居配色设计 ................51
3.1.3 色彩的视觉设计 ...............................................52
1. 可识别性 ........................................................52
2. 形象性 ...............................................................52
3. 时代特征 .............................................................53
色彩构成应用—简洁明了的企业标志配色 ....................54
3.2 网格的编排与构成 .....................................................55
3.2.1 网格的分类 ......................................................55
1. 对称式网格 ................................................................55
2. 非对称式网格 ............................................................57
3. 基线网格 ...........................................................59
网格的构成应用—书籍的版面设计 .................................60
3.2.2 网格的作用 ........................................................61
1. 调节版面气氛 .............................................................61
2. 组织版面信息 ......................................................61
3. 提升阅读的关联性 ....................................................62
网格的构成应用—充满吸引力的菜单设计 ....................63
3.2.3 网格的应用 ........................................................64
1. 建立网格 ............................................................64
2. 网格的编排形式 ........................................................66
3. 打破网格 .........................................................67
网格的构成应用—网页版面设计 .....................................68
经典案例解析—倾斜视觉流程的海报设计 ....................69
第4章 版式设计的基本原则
4.1 突出主题 ........................................................71
4.1.1 主从关系的确立 .................................................71
4.1.2 整合信息 ..............................................................72
1. 同类合并原则 ..............................................................72
2. 确定中心内容 ......................................................73
3. 邻近原则 ..........................................................75
基本原则应用—白色的主题网页设计 .............................76
4.1.3 版面空白的合理设计 ........................................77
1. 版面空白的联想性 .......................................................77
2. 版面空白的调节性 .....................................................78
基本原则应用—直奔主题的运动鞋广告设计 ................79
4.2 形式与内容相统一 .....................................................80
4.2.1 利用版面形式更好地诠释内容 ..................................80
4.2.2 紧扣内容的形式更具生动性 ......................................82
基本原则应用—突出产品性能的广告设计 ....................83
4.3 整体布局的强调 .........................................................84
4.3.1 版面结构的整体设计 ..................................................84
1. 以明确的主次关系传递设计主题 ........................................84
2. 把握版面的黑、白、灰关系 ................................................85
3. 直观简洁的图形构成版面的整体感 ...................................86
基本原则应用—汽车杂志内页设计 .................................87
4.3.2 展开页的视觉延伸 .......................................................88
1. 展开页编排元素的协调 ............................................88
2. 展开页的同一视觉元素识别 ................................................89
基本原则应用—畅快的杂志跨页设计 .............................90
经典案例解析—直观的建筑平面海报设计 ....................91
第5章 版式设计的视觉流程 92
5.1 视觉流程的分类 ............................................93
5.1.1 方向关系的流程 ..............................................93
5.1.2 散构关系的流程 ...............................................94
视觉流程应用—简洁明朗的海报设计 .............................95
5.2 具体的流程分析 .........................................................96
5.2.1 单向视觉流程 ...................................................96
1. 横向视觉流程 ............................................................96
2. 竖向视觉流程 ..........................................................97
3. 斜线视觉流程 ...........................................................98
视觉流程应用—多元的舞会招贴设计 .............................99
5.2.2 重心的视觉流程 ............................................100
1. 向心型 ............................................................101
2. 离心型 ...................................................................101
视觉流程应用—展现无限创意的啤酒广告 ..................102
5.2.3 导向的视觉流程 ..............................................103
1. 指示性视觉流程 ....................................................103
2. 十字形视觉流程 .....................................................104
3. 发散式视觉流程 ....................................................104
视觉流程应用—充满吸引力的海报排版设计 ..............105
5.2.4 曲线视觉流程 .............................................106
1. 弧线形C流程 ..........................................................107
2. 回旋形S流程 .........................................................107
视觉流程应用—打破常规的杂志排版设计 ..................108
5.2.5 散点的视觉流程 .............................................109
1. 发散型 .................................................................110
2. 打散型 ...................................................................110
视觉流程应用—内容丰富的杂志内页排版 ..................111
5.2.6 最佳视域 ........................................................112
视觉流程应用—彰显品质的酒瓶包装设计 ..................113
经典案例解析—图文结合的杂志内页设计 ..................114
第6章 版式设计中的文字设计 115
6.1 文字编排的基础 ......................................................116
6.1.1 字体、字号、字距、行距 ........................................116
1. 字体 ....................................................116
2. 字号 ............................................................117
3. 字距 ....................................................................119
4. 行距 .........................................................119
文字的编排应用—名片中的文字编排设计 ..................121
6.1.2 文字的排列方式 ...........................................122
1. 左右均齐 ................................................................122
2. 齐左与齐右 ..............................................................123
3. 居中对齐 .................................................................124
4. 首字突出 ................................................................125
5. 文字绕图编排 ..........................................................126
文字的编排应用—瓶贴的文字编排 ...............................127
6.2 文字编排设计的原则 ..............................................128
6.2.1 提高文字的可读性 .....................................................128
1. 按视觉习惯进行间隔 ...........................................128
2. 把握文字间的逻辑关系 .....................................................130
文字的编排应用—书籍索引文字编排 ...........................131
6.2.2 文字与版面风格的协调 ............................................132
1. 文字的位置应符合整体要求 .............................................132
2. 文字风格与整体版面风格的协调 .....................................133
文字的编排应用—电影海报的文字编排设计 ..............134
6.3 个性化文字编排 ......................................................135
6.3.1 文字编排的特殊表现 ...........................................135
1. 文字的表象装饰设计 ...........................................135
2. 文字的意象构成编排 ..............................................137
3. 文字的图形表述 .....................................................138
文字的编排应用—公共建筑导向字体设计 ..................140
6.3.2 文字的组合设计 ...............................................141
1. 多语言文字的混合编排 .....................................................141
2. 文字的组块 .............................................................143
文字的编排应用—音乐会海报设计 ...............................144
经典案例解析—富含空间感的杂志内页设计 ..............145
第7章 图片与图形的版式设计原理
7.1 图片的编排 .....................................................147
7.1.1 图片的基本编排方式 ................................................147
1. 图片放置 .................................................................147
2. 图片面积与张力 ......................................................149
3. 图片形式 .................................................................150
4. 图片组合 ............................................................151
5. 图片的方向 ...............................................................152
图片基本应用—打造时尚杂志醒目图片编排 ..............154
7.1.2 图片的去底与特写 .....................................................155
图片基本应用—设置特殊底纹的版面效果 ..................156
7.1.3 图片与文字混编 ...............................................157
1. 图片与文字的位置关系 .....................................................157
2. 图片与文字的协调统一 .....................................................158
图片的编排应用—巧用图片设计杂志内页 ..................159
7.2 图形的编排 ....................................................160
7.2.1 图形的主要特征 ................................................160
1. 图形的简洁性 .............................................................160
2. 图形的夸张性 ...........................................................161
3. 图形的具象性 ..........................................................161
4. 图形的抽象性 ..........................................................162
5. 图形的符号性 ..........................................................162
6. 图形的文字性 ..........................................................163
图形编排应用—生动突出的宣传海报 ...........................164
7.2.2 图形的样式编排 ...............................................165
1. 图形的编排布局 ..........................................................165
2. 图形形状的应用 ..........................................................166
图形编排应用—图形在名片中的运用 ...........................167
经典案例解析—对称的报纸版面设计 ...........................168
第8章 不同形式的版式设计
8.1 版面的分割类型 ......................................................170
8.1.1 上下分割型 ..................................................170
1. 上图下文 .............................................................170
2. 上文下图 ........................................................171
8.1.2 左右分割型 ........................................................171
1. 左图右文 ............................................................171
2. 左文右图 .................................................................172
8.1.3 水平排列型 ......................................................172
构成类型应用—美食广告版面设计 ...............................173
8.1.4 垂直排列型 ..........................................................174
8.1.5 黄金分割型 ..........................................................175
构成类型应用—精美化妆品广告版面编排 ..................177
8.2 对称轴型版面 ...........................................................178
8.2.1 中轴型 ..............................................................178
1. 水平对称型 ..............................................................178
2. 垂直对称型 ...............................................................179
8.2.2 对称型 ..............................................................180
1. 上下对称 ....................................................180
2. 水平镜像对称 ..........................................................180
3. 放射对称 .......................................................181
4. 对角线对称 ..............................................................181
构成类型应用—宣传册内页版式设计 ...........................182
8.3 其他版面类型 ...........................................................183
8.3.1 三角形 ................................................................183
1. 正三角形版式 ............................................................183
2. 倒三角形版式 ............................................................184
8.3.2 四角形 ...............................................................185
构成类型应用—高跟鞋广告设计 ...................................186
8.3.3 满版型 ...........................................................187
8.3.4 重复型 .............................................................188
构成类型应用—体现神秘的海报版面 ...........................189
8.3.5 自由型 ............................................................190
8.3.6 重叠型 ..............................................................191
构成类型应用—书籍内页版式设计 ...............................192
8.4 版式设计的经典形式 ..............................................193
8.4.1 对称与均衡 ......................................................193
1. 对称均衡 ........................................................193
2. 非对称均衡 ........................................................194
经典形式应用—热卖食品DM单设计 ............................195
8.4.2 对比与调和 ....................................................196
1. 黑白的对比与调和 ...............................................196
2. 色彩的对比与调和 ................................................196
3. 冷暖色调的对比与调和 .....................................................197
4. 大小关系的对比与调和 .....................................................197
5. 主与从的对比 .....................................................198
6. 正与反的对比与调和 ...............................................198
经典形式应用—发人深省的公益海报设计 ..................199
8.4.3 节奏与韵律 ......................................................200
1. 重复图形产生的节奏与韵律 .............................................200
2. 通过图片的递增或递减来表现韵律 ................................201
3. 通过远近方向表现节奏感 .................................................201
经典形式应用—极富创意的招贴设计 ...........................202
8.4.4 变化与统一 ....................................................203
1. 变化带来的视觉跳跃 ..............................................203
2. 保持版面的统一性 ...................................................203
3. 图形的特异变化 ......................................................204
经典形式应用—设计独特的人才招聘广告 ..................205
8.4.5 虚实与留白 ....................................................206
1. 利用留白突出重心 ................................................206
2. 虚实相生强调主体 ...................................................206
3. 营造意境的留白 .......................................................207
4. 用图形的强弱表现虚实 .....................................................207
经典形式应用—强空间感的封面设计 ...........................208
经典案例解析—层次清晰的网站主页设计 ..................209
