版式设计从入门到精通-人人能看懂的设计书

目录

入门必学

拿来即用的版式设计法则 009

法则1 统一，拒绝散乱的页面 009

法则2 节奏，增加版面活力感 011

法则3 对齐，让版面整洁清晰 013

法则4 平衡，营造版面稳定感 015

法则5 留白，增加版面格调和透气感 017

法则6 聚拢，让琐碎信息井然有序 019

法则7 层次，让阅读更高效 021

法则8 重复，使版面简洁统一 023

法则9 对比，让信息更加强烈直观 025

法则10 网格，处理易显杂乱的图片 027



Chapter 01 设计小白快速入门 029

Section 1 初识版式设计 030

·什么是版式设计 030

·如何完成一次完整的版式设计 031



Section 2 人人必知的版面构图元素 032

·『点』的编排构成 032

·『线』与空间的关系 033

·『面』的版面构成 035



Section 3 如何选择开本大小 036

·根据媒体选择版面开本 036

·根据纸张选择开本类型 037

·根据页边空白选择开本大小 037



Section 4 如何调整版面率 038

·增加或减少版面空白 038

·通过改变图像面积大小调整图版率 039

·改变色底颜色使版面充实 040



Chapter 02 版式设计构成法则 041

Section 1 根据主题选择适合的构图方式 042

·加强画面感染力的垂直构图 042

·表现稳重安定的平衡构图 043

·表现时尚主题的倾斜式构图 044

·表现趣味性的曲线构图 045

·突出主题的三角形构图 046

·明确表达信息的焦点式构图 047

·视觉冲击强烈的聚集式构图 048

·轻松均衡的分散式构图 049

·活泼独特的坐标式构图 050



Section 2 5种视觉流程，教你轻松引导视线 051

·单向视觉流程 051

·重心视觉流程 052

·反复视觉流程 053

·导向性视觉流程 054

·散点视觉流程 055



Section 3 运用比例形式进一步优化版面效果 056

·对比与平衡 056

·四边和中心 057

·统一稳定的对称形式 058

·充满视觉美感的黄金分割 059

·打破平衡与约束的自由型 060



Section 4 不可忽视的细节调整 061

·统一边线，增强秩序感 061

·调整构图元素间的间距 062

·调整图片的视觉重心 064





Chapter 03 营造氛围的关键——文字 065

Section 1 选择合适的字体很重要 066

·字体样式影响版面风格 066

·中英文字体应该如何编排 067



Section 2 恰当的字号和间距为版面增光添彩 069

·印刷文字的字号规定 069

·结合字体设置字号和间距 070

·根据信息内容设置行距 071

·根据段落调整段间距 072



Section 3 通过不同文字的组合编排丰富版面 073

·小对齐，大不同 073

·增强版面吸睛力的文字编排 074

·文字的图形化编排 076



Section 4 文字与图片的编排规则 077

·统一文字和图片的边线 077

·安排图片和文字的位置 078

·图片与文字的色彩搭配很关键 080





Chapter 04 直白的解说家——图片 081

Section 1 调整图片尺寸使版面张弛有度 082

·放大含有重要信息的图片 082

·缩小图片，让留白增加透气感 084

·运用图片出血增强感染力 086



Section 2 多种图片组合打造更具吸引力的版面 088

·井然有序地展示大量图片 088

·增大图片的视觉张力 090

·打破规则增添趣味感 092



Section 3 结合图片内容排出灵活的版式 094

·学会利用图片本身的动感 094

·使用满版图片增强氛围 096

·图片退底使版面通透活跃 098



Section 4 图片的适当裁剪让表达更清晰 100

·图片的分辨率与裁剪 100

·通过裁剪突出图片主体 101

·通过裁剪删除多余的图像 101

·根据版面的编排方式对图片进行裁剪 102





Chapter 05 版式的『骨架』—网格 103

Section 1 初识网格系统 104

·什么是网格？ 104

·网格系统的重要性 105



Section 2 丰富的网格类型 106

·稳定平衡的对称式网格 106

·生动灵活的非对称式网格 108

·基础编排的基线网格 110

·打破常规的成角网格 111



Section 3 网格的应用 112

·分栏与分块 112

·如何在有限网格中灵活编排 114

·探究网格系统的变化规律 116





Chapter 06 版式的颜值革命——色彩搭配 117

Section 1 色彩知识大扫盲 118

·色彩的基础知识 118

·色彩的视觉识别性 120



Section 2 利用色彩表现空间感 123

·烘托主题的冷暖色 123

·和谐统一的同类色 125

·增大张力的对比色 126



Section 3 色彩在不同版面中的应用技巧 127

·色调统一让版面更舒适 127

·强调色在版面中的导向性 129

·黑白和双色印刷让版面更具表现力 131





Chapter 07 UI版式设计 133

Section 1 UI版式设计必知必会 134

·UI设计的特点 134

·UI设计的版式编排特点 135



Section 2 实战案例解析 136

·服饰网购App界面设计 136

·旅游App界面设计 138

·社交App界面设计 140



Section 3 优秀UI版式设计欣赏 143



Chapter 08 网页版式设计 145

Section 1 网页版式设计必知必会 146

·网页设计的特点 146

·网页的版式编排特点 147



Section 2 实战案例解析 148

·WHEREBUY购物网站网页设计 148

·音乐网站网页设计 150

·图库网站网页设计 152



Section 3 优秀网页版式设计欣赏 155



Chapter 09 海报版式设计 157

Section 1 海报版式设计必知必会 157

·海报设计的特点 158

·海报的版式编排特点 159



Section 2 实战案例解析 160

·幼儿园招生海报设计 160

·电子乐演出宣传海报设计 162

·个人艺术展宣传海报设计 164

Section 3 优秀海报版式设计欣赏 167



Chapter 10 DM版式设计 169

Section 1 DM单版式设计必知必会 170

·DM设计的特点 170

·DM的版式编排特点 171



Section 2 实战案例解析 172

·城市之泪环境宣传DM设计 172

·宠物之家DM设计 174



Section 3 优秀DM单版式设计欣赏 177



Chapter 11 图书杂志版式设计 179

Section 1 图书杂志版式设计必知必会 180

·图书杂志设计的特点 180

·图书杂志的版式编排特点 181



Section 2 实战案例解析 182

·美妆杂志内页版式设计 182

·旅游杂志内页设计 184

·男性时尚杂志内页设计 186



Section 3 优秀图书杂志版式设计欣赏 189



Chapter 12 包装版式设计 191

Section 1 包装版式设计必知必会 192

·包装设计的特点 192

·包装的版式编排特点 193



Section 2 实战案例解析 194

·咖啡袋版式设计 194

·果醋包装版式设计 196

·早餐谷物牛奶包装版式设计 198