入门必学 9
拿来即用的版式设计法则 9
法则1统一，拒绝散乱的页面 9
法则2节奏，增加版面活力感 11
法则3对齐，让版面整洁清晰 13
法则4平衡，营造版面稳定感 15
法则5留白，增加版面格调和透气感 17
法则6聚拢，让琐碎信息井然有序 19
法则7层次，让阅读更高效 21
法则8重复，使版面简洁统一 23
法则9对比，让信息更加强烈直观 25
法则10网格，处理易显杂乱的图片 27
CHAPTER01 设计小白快速入门 29
SECTION1 初识版式设计 30
什么是版式设计 30
如何完成一次完整的版式设计 31
SECTION2 人人必知的版面构图元素 32
『点』的编排构成 32
『线』与空间的关系 33
『面』的版面构成 35
SECTION3 如何选择开本大小 36
根据媒体选择版面开本 36
根据纸张选择开本类型 37
根据页边空白选择开本大小 37
SECTION4 如何调整版面率 38
增加或减少版面空白 38
通过改变图像面积大小调整图版率 39
改变色底颜色使版面充实 40
CHAPTER02 版式设计构成法则 41
SECTION1 根据主题选择适合的构图方式 42
加强画面感染力的垂直构图 42
表现稳重安定的平衡构图 43
表现时尚主题的倾斜式构图 44
表现趣味性的曲线构图 45
突出主题的三角形构图 46
明确表达信息的焦点式构图 47
视觉冲击强烈的聚集式构图 48
轻松均衡的分散式构图 49
活泼独特的坐标式构图 50
SECTION2 5种视觉流程，教你轻松引导视线 51
单向视觉流程 51
重心视觉流程 52
反复视觉流程 53
导向性视觉流程 54
散点视觉流程 55
SECTION3 运用合适比例优化版面效果 56
对比与平衡 56
四边和中心 57
统一稳定的对称形式 58
充满视觉美感的黄金分割 59
打破平衡与约束的自由型 60
SECTION4 不可忽视的细节调整 61
统一边线增强秩序感 61
调整构图元素间的间距 62
调整图片的视觉重心 64
CHAPTER03 营造氛围的关键——文字 65
SECTION1 选择合适的字体很重要 66
字体样式影响版面风格 66
中英文字体应该如何编排 67
SECTION2 恰当的字号和间距为版面增光添彩 69
印刷文字的字号规定 69
结合字体设置字号和间距 70
根据信息内容设置行距 71
根据段落调整段间距 72
SECTION3 通过不同文字的组合编排丰富版面 73
小对齐大不同 73
增强版面吸睛力的文字编排 74
文字的图形化编排 76
SECTION4 文字与图片的编排规则 77
统一文字和图片的边线 77
安排图片和文字的位置 78
图片与文字的色彩搭配很关键 80
CHAPTER04 直白的解说家——图片 81
SECTION1 调整图片尺寸使版面张弛有度 82
放大含有重要信息的图片 82
缩小图片，让留白增加透气感 84
运用图片出血增强感染力 86
SECTION2 多种图片组合打造更具吸引力的版面 88
并然有序地展示大量图片 88
增大图片的视觉张力 90
打破规则增添趣味感 92
SECTION3 结合图片内容排出灵活的版式 94
学会利用图片本身的动感 94
使用满版图片增强氛围 96
图片退底使版面通透活跃 98
SECTION4 图片的适当裁剪让表达更清晰 100
图片的分辨率与裁剪 100
通过裁剪突出图片主体 101
通过裁剪删除多余的图像 101
根据版面的编排方式对图片进行裁剪 102
CHAPTER05 版式的『骨架』——网格 103
SECTION1 初识网格系统 104
什么是网格？ 104
网格系统的重要性 105
SECTION2 丰富的网格类型 106
稳定平衡的对称式网格 106
生动灵活的非对称式网格 108
基础编排的基线网格 110
打破常规的成角网格 111
SECTION3 网格的应用 112
分栏与分块 112
如何在有限网格中灵活编排 114
探究网格系统的变化规律 116
CHAPTER06 版式的颜值革命——色彩搭配 118
SECTION1 色彩知识大扫盲 118
色彩的基础知识 118
色彩的视觉识别性 120
SECTION2 利用色彩表现空间感 123
烘托主题的冷暖色 123
和谐统一的同类色 125
增大张力的对比色 126
SECTION3 色彩在不同版面中的应用技巧 127
色调统一让版面更舒适 127
强调色在版面中的导向性 129
黑白和双色印刷让版面更具表现力 131
CHAPTER07 UI版式设计 133
SECTION1 UI版式设计必知必会 134
UI设计的特点 134
UI设计的版式编排特点 135
SECTION2 实战案例解析 136
服饰网购App界面设计 136
旅游App界面设计 138
社交App界面设计 140
SECTION3 优秀UI版式设计欣赏 143
CHAPTER08 网页版式设计 145
SECTION1 网页版式设计必知必会 146
网页设计的特点 146
网页的版式编排特点 147
SECTION2 实战案例解析 148
WHEREBUY购物网站网页设计 148
音乐网站网页设计 150
图库网站网页设计 152
SECTION3 优秀网页版式设计欣赏 155
CHAPTER09 海报版式设计 157
SECTION1 海报版式设计必知必会 157
海报设计的特点 158
海报的版式编排特点 159
SECTION2 实战案例解析 160
幼儿园招生海报设计 160
电子乐演出宣传海报设计 162
个人艺术展宣传海报设计 164
SECTION3 优秀海报版式设计欣赏 167
CHAPTER10 DM版式设计 169
SECTION1 DM单版式设计必知必会 170
DM设计的特点 170
DM的版式编排特点 171
SECTION2 实战案例解析 172
城市之泪环境宣传DM设计 172
宠物之家DM设计 174
SECTION3 优秀DM单版式设计欣赏 177
CHAPTER11 图书杂志版式设计 179
SECTION1 图书杂志版式设计必知必会 180
图书杂志设计的特点 180
图书杂志的版式编排特点 181
SECTION2 实战案例解析 182
美妆杂志内页版式设计 182
旅游杂志内页设计 184
男性时尚杂志内页设计 186
SECTION3 优秀图书杂志版式设计欣赏 189
CHAPTER12 包装版式设计 192
SECTION1 包装版式设计必知必会 192
包装设计的特点 192
包装的版式编排特点 193
SECTION2 实战案例解析 194
咖啡袋版式设计 194
果醋包装版式设计 196
早餐谷物牛奶包装版式设计 198