平面设计师之路：版式设计原理与实例指导

　　这是一本系统讲解版式设计的教程。全书共7章，第1章讲解版式设计的基本要素，第2章讲解版式设计的构图原则，第3~7章分别讲解网格、文字、图片、色彩和信息视觉化设计在版式设计中的应用。书中列举了大量案例，并采用案例效果对比的方式进行讲解，读者可以轻松理解版式设计的难点，做出好看的设计。希望读者通过对本书的学习，能够更好地掌握版式设计技巧，提升版式设计技能。本书适合平面设计领域的从业者和爱好者阅读。

　　张建生（海空设计），“海空设计”联合创办人、设计总监，首都企业形象研究会会员，国际平面设计协会联合会会员。 拥有 20 余年设计经验，先后任职广告公司及国际酒店管理公司，从事文案策划、视觉设计、品牌管理等工作。专注平面版式设计，客户涵盖多家跨国企业。

第 1章 版式设计的基本要素/009
1.1　实用要素/010
1.1.1　版式设计的构成元素/010
1.1.2　版式设计的目的/017
1.1.3　版式设计的特性/019
1.2　视觉要素/022
1.2.1　文字形态/022
1.2.2　图形样式/024
1.2.3　色调统一/025
1.3　空间要素/025
1.3.1　引导阅读的方向/025
1.3.2　营造版面空间/027
1.4　理念要素/028
1.4.1　版式设计的情感表达理念/028
1.4.2　版式设计的极简理念/030

第　2章 版式设计的构图原则/031
2.1　如何突出视觉焦点/032
2.1.1　放大图片或文字/033
2.1.2　制作能吸引注意力的形状/034
2.1.3　选择鲜亮明快的色彩/035
2.1.4　添加底纹或纹理/036
2.1.5　确定视觉焦点的位置/037
2.2　如何把握视觉平衡/039
2.2.1　运用图片/040
2.2.2　运用网格/042
2.3　如何进行视线引导/043
2.3.1　采用对角线构图/043
2.3.2　采用Z形或S形构图/044
2.4　如何把控阅读节奏/045
2.5　如何理解三分法/046
2.6　如何强调主体/048
2.6.1　强调线条/048
2.6.2　强调图形/049
2.7　如何留白/050
2.7.1　在构图中预设留白/051
2.7.2　在比例中构造留白/051
2.7.3　在内容中发现留白/052
2.8　如何正确使用主体元素/052
2.8.1　主体元素比例的对比/054
2.8.2　主体元素色彩的对比/054
2.8.3　主体元素层次的对比/055
2.8.4　主体元素插画的应用/056

第3章　网格的应用/057
3.1　为什么要运用网格/058
3.1.1　使内容规范整洁/058
3.1.2　提高工作效率/059
3.1.3　使阅读更顺畅/061
3.2　网格在版式设计中的作用/063
3.2.1　视觉元素关系形成/063
3.2.2　视觉审美的建立/064
3.2.3　信息的有效组织/066
3.3　如何创建网格/068
3.3.1　利用比例关系创建网格/069
3.3.2　利用单元格创建网格/070
3.4　网格的分类/072
3.4.1　分栏网格/072
3.4.2　模块网格/073
3.4.3　自由型网格/074
3.5　如何绘制网格/075
3.5.1　版心的设置/075
3.5.2　分栏的设置/076
3.5.3　网格的绘制/077

第4章　文字的应用/079
4.1　如何选择标题字体/080
4.1.1　现代字体/080
4.1.2　复古字体/081
4.1.3　再造字体/081
案例分析:《烘焙新品》海报设计/082
4.2　如何选择正文字体/084
4.2.1　按设计风格和内容选择/085
4.2.2　按传播媒介选择/085
案例分析:《假日》画册内页设计/086
4.3　如何设计字体/089
4.3.1　笔画代替/090
4.3.2　细节添加/091
4.3.3　笔画删减/091
4.3.4　效果添加/091
案例分析:《春游记》海报设计/092
4.4　如何使文字编排方便阅读/095
4.4.1　字体与字号的选择/095
4.4.2　字间距与行间距的设置/096
案例分析:《江南丝绸》画册内页设计/098
4.5　中文字体的编排方式/101
4.5.1　横向排版/101
4.5.2　竖向排版/102
4.5.3　混合排版/103
案例分析:《拥抱梦想》海报设计/104
4.6　西文字体的编排方式/106
4.6.1　单栏网格设计/106
4.6.2　多栏网格设计/107
4.6.3　自由模块设计/107
案例分析:《商业》杂志内页设计/108
4.7　中文标题与正文的编排方式/111
4.7.1　字体相同、粗细不同/111
4.7.2　字体与字号都不同/112
4.7.3　添加装饰元素/113
案例分析:《湿地公园》画册内页设计/114
4.8　英文标题与正文的编排方式/117
4.8.1　平行结构布局/117
4.8.2　倾斜结构布局/118
4.8.3　自由结构布局/119
案例分析:《图书馆指南》内页设计/120
4.9　中英文结合的编排方式/123
4.9.1　中文与英文字体匹配/123
4.9.2　中文与英文横排/124
4.9.3　中文与英文竖排/125
案例分析:《城市公寓》宣传册内页设计/126
4.10　如何设计纯文字版式/129
4.10.1　依据版心的设置编排/129
4.10.2　纯文字自由编排/130
案例分析:　杂志目录页设计/132
4.11　如何编排出与众不同的文字/135
4.11.1　调整文字布局/135
4.11.2　剪切文字笔画/136
4.11.3　负形空间的图像化/137
案例分析:《营养膳食》海报设计/138
4.12　如何使文字具有图形化功能/141
4.12.1　汉字图形化/141
案例分析:《茶文化》海报设计/142
4.12.2　英文字母图形化/145
案例分析:《狂欢节》海报设计/146

第5章　图片的应用/149
5.1　如何让图片更好地诠释文字/150
案例分析:《春的问候》卡片设计/152
5.2　如何利用图片增强文字阅读感/155
5.2.1　图片要与内容产生关联/155
5.2.2　图片质量要高/155
案例分析:《购物中心手册》内页设计/156
5.3　如何运用不同风格的图片/158
5.3.1　描述性图片的运用/158
5.3.2　表现性图片的运用/159
5.3.3　意境性图片的运用/159
案例分析:《新茶》海报设计/160
5.4　如何利用图片让文字更具空间感/163
5.4.1　图片为文字营造空间/163
5.4.2　图片为文字平衡空间/163
案例分析:　《旅游》画册内页设计/164
5.5　如何利用图片减弱阅读枯燥感/167
案例分析:《艺术展览》DM单设计/168
5.6　整版图片和文字如何调配/171
案例分析:《时尚生活》画册内页设计/172
5.7　如何让多图片版面具有秩序感/175
5.7.1　有规律的多图片编排/175
5.7.2　灵活多变的多图片编排/175
案例分析:《新茶》宣传册内页设计/176
5.8　如何让图片与文字互为依托/179
案例分析:《洁具》画册内页设计/180
5.9　如何妙用裁剪后的图片/182
5.9.1　几何形状裁剪/182
5.9.2　图片轮廓裁剪/183
案例分析:《农场》画册内页设计/184
5.10　如何利用图片增强版面趣味性/187
案例分析:《环保袋》海报设计/188

第6章　色彩的应用/191
6.1　如何制订配色方案/192
案例分析:《化妆品》海报设计/194
6.2　如何使用色轮/197
6.2.1　色轮的形成/197
6.2.2　色彩基础/197
6.2.3　色彩组合/199
案例分析:《城市高尔夫球场》海报设计/200
6.3　如何从相关领域提取色彩/202
6.3.1　从摄影艺术中提取色彩/202
6.3.2　从绘画艺术中提取色彩/203
案例分析:《湖景别墅》海报设计/204
6.4　如何从大自然中获取色彩/206
6.4.1　从光线变化中获取色彩/206
6.4.2　从自然景物中获取色彩/207
案例分析:《儿童自然知识》网站首页设计/208
6.5　如何制造色彩情感/210
6.5.1　热情温暖感/210
6.5.2　尊贵典雅感/211
6.5.3　浪漫温柔感/212
6.5.4　清新爽快感/213
案例分析:《夏日之旅》海报设计/214
6.6　如何理解干净整洁的色彩/217
6.6.1　色彩种类尽量少/217
6.6.2　色彩明度对比明显/217
案例分析:《国际摄影节》海报设计/218
6.7　如何利用单色调进行版式设计/221
案例分析:《保护森林·爱护环境》海报设计/222
6.8　如何利用双色调进行版式设计/224
案例分析:《盛夏欢乐颂》海报设计/226
6.9　如何使色彩产生高级感/229
6.9.1　调整色彩的纯度和明度/229
6.9.2　尝试运用不同的灰色调/231
案例分析:《SPA产品》海报设计/232

第7章　信息视觉化设计的应用/235
7.1　什么是信息视觉化/236
7.2　信息视觉图的应用范围/239
7.2.1　数据信息/239
7.2.2　说明信息/239
7.2.3　指示信息/240
7.3　如何做好信息视觉化设计/241
7.3.1　信息的逻辑分析/241
7.3.2　信息的组织规范/243
7.4　数据信息图/244
7.4.1　数据的整理/245
7.4.2　数据信息图的表现形式/245
7.5　在信息视觉图中如何使用色彩/249
7.5.1　色调与明度/250
7.5.2　自然的色彩搭配/251
7.6　信息视觉图的应用/254
7.6.1　信息视觉图应符合版式设计风格/255
7.6.2　信息视觉图作为版式设计主体/255