Chapter01了解版式设计的概念 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
Chapter02不可缺少的构成元素 11
2.1点的构成 12
2.1.1点的形态 12
2.1.2点在构成中的特性 14
1.点的视觉张力 14
2.点的线化 15
3.点的面化 6
点的构成应用——活泼的海报文字设计 17
2.2线的构成 18
2.2.1线的韵律、动态 9
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
Chapter03色彩与网格的基本运用 40
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
Chapter04版式设计的基本原则 70
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
Chapter05版式设计的视觉流程 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
Chapter06版式设计中的文字设计 115
6.1文字编排的基础 116
6.1.1字体、字号、字距、行距 116
1.字体 116
2.字号 117
3.字距 119
4.行距 119
文字的编排应用——名片中的文字编排设计 121
6.1.2文字的排列方式 22
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
Chapter07图片与图形的版式设计原理 146
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
3.图形的具象性 161
2.图形的夸张性 161
4.图形的抽象性 162
5.图形的符号性 162
6.图形的文字性 163
图形编排 应用——生动突出的传海报 164
7.2.2图形的样式编排 165
1.图形的编排布局 165
2.图形形状的应用 166
图形编排应用——图形在名片中的用 167
经典案例解析 ——对称的报纸版面设计 168
Chapter08不同形式的版式设计 169
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对称型 80
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