LAYOUT DESIGN
FROM BEGINNER TO MASTER
模仿-->创造-->进化
掌握基础技巧与高表现力
舍弃多余的设计,从新手变好手
○解10大设计法则 ○悟4大版面要素 ○跨7大设计平台
100个版式设计原理知识点>>设计新手快速扫盲
800+个随翻即用的吸睛版式>>提升设计即战力
版式设计是一门结合理性分析与感性审美的综合学科,如果盲目地进行设计,没有遵循版式规律,就无法达到好的效果。本书集版式、色彩理论与实战案例演练于一册,详实的技巧解答帮助解决设计中遇到的困惑,丰富的成功案例有助于提升审美和设计能力。
营造氛围的关键——文字
直白的解说家——图片
版式的“骨架”——网格
版式的颜值革命——色彩搭配
抓住关键点=掌握版面设计基本原理,做出让客户满意的设计就是这么简单!
【入门版式设计10大法则】
统一>>拒绝散乱的页面
节奏>>增加版面活力感
对齐>>让版面整洁清晰
平衡>>营造版面稳定感
留白>>增加版面格调和透气感
聚拢>>让琐碎讯息井然有序
层次>>让阅读更高效
重复>>使版面简洁统一
对比>>让讯息更加强烈直观
网格>>处理易显杂乱的图片
入门必学 拿来即用的版式设计法则 009
法则SECTION 1统一,拒绝散乱的页面 010
法则SECTION 2节奏,增加版面活力感 012
法则SECTION 3对齐,让版面整洁清晰 014
法则SECTION 4平衡,营造版面稳定感 016
法则SECTION 5留白,增加版面格调和透气感 018
法则SECTION 6聚拢,让琐碎讯息井然有序 020
法则SECTION 7层次,让阅读更高效 022
法则SECTION 8重复,使版面简洁统一 024
法则SECTION 9对比,让讯息更加强烈直观 026
法则SECTION 10网格,处理易显杂乱的图片 028
CHAPTER01设计新手快速入门 031
SECTION 1初识版式设计 032
‧什么是版式设计 032
‧如何完成一次完整的版式设计 033
SECTION 2人人必知的版面构图元素 034
‧“点”的编排构成 034
‧“线”与空间的关系 035
‧“面”的版面构成 037
SECTION 3如何选择开本大小 038
‧根据媒体选择版面开本 038
‧根据纸张选择开本类型 039
‧根据页边空白选择开本大小 039
SECTION 4如何调整版面率 040
‧增加或减少版面空白 040
‧透过改变图像面积大小调整图版率 041
‧改变色底颜色使版面充实 042
CHAPTER02版式设计构成法则 043
SECTION 1根据主题选择适合的构图方式 044
‧加强画面感染力的垂直构图 044
‧表现稳重安定的平衡构图 045
‧表现时尚主题的倾斜式构图 046
‧表现趣味性的曲线构图 047
‧突出主题的三角形构图 048
‧明确表达讯息的焦点式构图 049
‧视觉冲击强烈的聚集式构图 050
‧轻松均衡的分散式构图 051
‧活泼独特的座标式构图 052
SECTION 2 5种视觉流程,轻松引导读者视线 053
‧单向视觉流程 053
‧重心视觉流程 054
‧反复视觉流程 055
‧导向性视觉流程 056
‧散点视觉流程 057
SECTION 3运用合适比例优化版面效果 058
‧对比与平衡 058
‧四边和中心 059
‧统一稳定的对称形式 060
‧充满视觉美感的黄金比例 061
‧打破平衡与约束的自由型 062
SECTION 4不可忽视的细节调整 063
‧统一边线,增强秩序感 063
‧调整构图元素间的间距 064
‧调整图片的视觉重心 066
CHAPTER03营造氛围的关键——文字 067
SECTION 1选择合适的字体很重要 068
‧字体样式影响版面风格 068
‧中英文字体应如何编排 069
SECTION 2恰当的字级大小和间距为版面增光添彩 071
‧印刷文字的字级规定 071
‧结合字体设置字级和间距 072
‧根据讯息内容设置行距 073
‧根据段落调整段间距 074
SECTION 3不同文字的组合编排丰富版面 075
‧文字的对齐方式 075
‧增强版面吸睛力的文字编排 076
‧文字的图形化编排 078
SECTION 4文字与图片的编排规则 079
‧统一文字和图片的边线 079
‧安排图片和文字的位置 080
‧图片与文字的色彩搭配很关键 082
CHAPTER04直白的解说家——图片 083
SECTION 1调整图片尺寸使版面松紧有度 084
‧放大含有重要讯息的图片 084
‧缩小图片,让留白增加透气感 086
‧运用图片出血增强感染力 088
SECTION 2多种图片组合打造更具吸引力的版面 090
‧井然有序地展示大量图片 090
‧增大图片的视觉张力 092
‧打破规则增添趣味感 094
SECTION 3结合图片内容排出灵活的版式 096
‧学会利用图片本身的动感 096
‧使用满版图片增强氛围 098
‧图片去背使版面通透活跃 100
SECTION 4图片的适当裁剪让表达更清晰 102
‧图片的分辨率与裁剪 102
‧透过裁剪突出图片主体 103
‧透过裁剪删除多余的图像 103
‧根据版面的编排方式对图片进行裁剪 104
CHAPTER05版式的“骨架”——网格 105
SECTION 1初识网格系统 106
‧什么是网格 106
‧网格系统的重要性 107
SECTION 2丰富的网格类型 108
‧稳定平衡的对称式网格 108
‧生动灵活的非对称式网格 110
‧基础编排的基线网格 112
‧打破常规的成角式网格 113
SECTION 3网格的应用 114
‧分栏与分块 114
‧如何在有限网格中灵活编排 116
‧探究网格系统的变化规律 118
CHAPTER06版式的颜值革命——色彩搭配 119
SECTION 1色彩知识大扫盲 120
‧色彩的基础知识 120
‧色彩的视觉识别性 122
SECTION 2利用色彩表现空间感 125
‧烘托主题的冷暖色 125
‧和谐统一的同类色 127
‧增大张力的对比色 128
SECTION 3色彩在不同版面中的应用技巧 129
‧色调统一让版面更舒适 129
‧强调色在版面中的导向性 131
‧黑白和双色印刷让版面更具表现力 133
CHAPTER07 UI版式设计 135
SECTION 1 UI版式设计必知必会 136
‧UI设计的特点 136
‧UI设计的版式编原则 137
SECTION 2实战案例解析 138
‧服饰网购APP界面设计 138
‧旅游APP界面设计 140
‧社交APP界面设计 142
SECTION 3UI版式设计欣赏 145
CHAPTER08 网页版式设计 147
SECTION 1网页版式设计必知必会 148
‧网页设计的特点 148
‧网页的版式编排特点 149
SECTION 2实战案例解析 150
‧WHEREBUY购物网站网页设计 150
‧音乐网站网页设计 152
‧图库网站网页设计 154
SECTION 3网页版式设计欣赏 157
CHAPTER09 海报版式设计 159
SECTION 1海报版式设计必知必会 159
‧海报设计的特点 160
‧海报的版式编排特点 161
SECTION 2实战案例解析 162
‧幼儿园招生海报设计 162
‧电子乐演出宣传海报设计 164
‧个人艺术展宣传海报设计 166
SECTION 3海报版式设计欣赏 169
CHAPTER10 DM版式设计 171
SECTION 1 DM版式设计必知必会 172
‧DM 设计的特点 172
‧DM 的版式编排特点 173
SECTION 2实战案例解析 174
‧城市之泪环境宣传DM 设计 174
‧宠物之家DM 设计 176
SECTION 3DM 版式设计欣赏 179
CHAPTER11图书杂志版式设计 181
SECTION 1图书杂志版式设计必知必会 182
‧图书杂志设计的特点 182
‧图书杂志的版式编排特点 183
SECTION 2实战案例解析 184
‧美妆杂志内页版式设计 184
‧旅游杂志内页设计 186
‧男性时尚杂志内页设计 188
SECTION 3图书杂志版式设计欣赏 191
CHAPTER12 包装版式设计 193
SECTION 1包装版式设计必知必会 194
‧包装设计的特点 194
‧包装的版式编排特点 195
SECTION 2实战案例解析 196
‧咖啡袋版式设计 196
‧果汁包装版式设计 198
‧早餐谷片牛奶包装版式设计 200