第 1章 版式设计的基本知识 009
1.1 版式设计的概念 010
1.2 版式设计的应用范围 010
1.3 设计三元素:点、线、面 011
1.3.1 点 012
1.3.2 线 017
1.3.3 面 022
1.4 版式设计中的“三率一例” 026
1.4.1 版面率 027
1.4.2 图版率 028
1.4.3 跳跃率 030
1.4.4 黄金比例 033
第 2章 元素之间的视觉关系 035
2.1 设计元素之间的视觉规律 036
2.1.1 视界 036
2.1.2 视线引导 037
2.2 设计元素之间的层级关系 043
2.2.1 通过大小调节层级关系 043
2.2.2 通过间距调节层级关系 044
2.2.3 通过颜色调节层级关系 044
2.2.4 设计元素间的层级关系综合运用 044
2.3 设计元素之间的对齐与统一 046
2.3.1 在平面设计中的对齐与统一 046
2.3.2 在网页设计中的对齐与统一 047
2.3.3 在标志设计中的对齐与统一 048
第3章 版式设计的基本类型 049
3.1 从构图上划分 050
3.1.1 骨骼型 050
3.1.2 分割型 051
3.1.3 倾斜型 052
3.1.4 对称型 052
3.1.5 重心型 053
3.1.6 边角型 053
3.1.7 三角型 054
3.1.8 并置型 054
3.1.9 曲线型 055
3.1.10 满版型 055
3.1.11 自由型 056
3.2 从情感上划分 057
3.2.1 实用理性型 057
3.2.2 温馨活泼型 059
3.2.3 浪漫感性型 060
第4章 文字的选择和运用 061
4.1 字体的基本样式分类 062
4.1.1 衬线字体 062
4.1.2 无衬线字体 064
4.2 字体的风格分类 066
4.2.1 柔美秀气型 066
4.2.2 阳刚硬朗型 067
4.2.3 苍劲古朴型 067
4.2.4 活泼有趣型 068
4.3 文字在排版中的法则 068
4.3.1 避头尾法则 068
4.3.2 单字不成行法则 069
4.3.3 标题不落底法则 069
4.4 文字大小的运用 070
4.4.1 印刷出版物常见字号 071
4.4.2 网页设计常见字号 071
4.4.3 移动端界面设计常用字号 072
4.5 文字在版面中的编排 073
4.5.1 字间距的设置 074
4.5.2 行间距的设置 074
4.5.3 段间距的设置 075
4.5.4 左对齐 076
4.5.5 右对齐 076
4.5.6 居中对齐 077
4.5.7 两端对齐 077
4.5.8 图文绕排 078
4.6 文字在版面中的特殊表现 078
4.6.1 文字的大小对比 079
4.6.2 文字的位置变化 079
4.6.3 文字的倾斜处理 080
4.6.4 为文字添加装饰元素 080
4.6.5 首字下沉 081
4.6.6 为文字进行垫色处理 081
4.6.7 将文字进行创意变体 082
第5章 图片的选择和运用 083
5.1 图片的形态表现 084
5.1.1 拍摄图像 084
5.1.2 创意图形 084
5.2 图片的特性 085
5.2.1 直观性 085
5.2.2 时效性 086
5.2.3 创意性 086
5.3 图片的种类 087
5.3.1 角版图 087
5.3.2 去底图 087
5.3.3 满底图 088
5.4 图片的风格体现 088
5.4.1 具象 088
5.4.2 抽象 089
5.4.3 夸张 089
5.4.4 简洁 089
5.5 图片在排版中的注意事项 090
5.5.1 图片质量应满足设计需求 090
5.5.2 图片应完整 091
5.5.3 图片的色调应准确无误 091
5.6 图片的灵活运用 092
5.6.1 图片的位置 092
5.6.2 图片的大小 093
5.6.3 图片的数量 094
5.6.4 图片的裁切 096
5.6.5 图片的方向 097
第6章 网格系统的运用 099
6.1 网格的种类 100
6.1.1 比例式网格 100
6.1.2 方格式网格 101
6.1.3 对称式网格 102
6.1.4 非对称式网格 105
6.1.5 基线网格 107
6.1.6 成角网格 108
6.2 网格的作用 108
6.2.1 主动建立版面的结构 108
6.2.2 使版面更加规范 109
6.2.3 加强版面信息的关联性 110
第7章 色彩的原理和运用 111
7.1 色彩的三要素 112
7.1.1 色相 112
7.1.2 明度 113
7.1.3 纯度 114
7.2 三原色 115
7.2.1 色光三原色 115
7.2.2 色料三原色 115
7.3 色彩搭配的常用法则 116
7.3.1 同类色搭配法 116
7.3.2 邻近色搭配法 117
7.3.3 对比色搭配法 117
7.3.4 互补色搭配法 118
7.4 色彩在版式设计中的实际运用 119
7.4.1 色彩的象征意义 119
7.4.2 色彩传递的品牌特色 122
7.4.3 色彩所赋予的时代感 123
7.5 色彩在版式设计中的心理效应 124
7.5.1 冷暖的感觉 124
7.5.2 大小的感觉 125
7.5.3 远近的感觉 125
7.5.4 软硬的感觉 126
7.5.5 轻重的感觉 126
7.6 版式设计中的色彩搭配原则 127
7.6.1 依据产品属性进行色彩搭配 127
7.6.2 依据消费群体进行色彩搭配 128
7.6.3 依据设计主题进行色彩搭配 129
第8章 平面设计商业项目解析 131
8.1 海报设计 132
8.1.1 海报的特性 133
8.1.2 海报的常见尺寸 133
8.1.3 商业项目分析 134
8.2 DM单设计 138
8.2.1 DM单的特性 138
8.2.2 DM单的常见尺寸 139
8.2.3 商业项目分析 139
8.3 画册设计 144
8.3.1 画册的特性 144
8.3.2 画册的常见尺寸 145
8.3.3 商业项目分析 146
8.4 杂志设计 150
8.4.1 杂志的特性 150
8.4.2 杂志的常见尺寸 151
8.4.3 商业项目分析 151
8.5 包装设计 154
8.5.1 包装的特性 154
8.5.2 包装的常见尺寸 155
8.5.3 商业项目分析 155
第9章 网页/App设计商业项目解析 157
9.1 网页界面设计 158
9.1.1 网页界面设计的特性 158
9.1.2 网页界面的构成要素 159
9.1.3 网页界面的常见尺寸 160
9.1.4 网页界面的常见结构 160
9.1.5 商业项目分析 162
9.2 移动App界面设计 165
9.2.1 移动App界面设计的特性 165
9.2.2 移动App界面的构成要素 166
9.2.3 移动App界面的常见尺寸 166
9.2.4 移动App界面的常见结构 167
9.2.5 商业项目分析 169