潘建羽
深耕视觉设计领域十余年，曾先后担任国内外多家上市公司的设计总监，黑马 UI 线上设计课堂讲师，秉承“尊重教育，讲良心课”的教学理念，现已收获 200 多万学员的好评与认可。凭借十余年的企业设计实践和丰富的教学经验，对设计各个岗位有较强的项目实战指导能力和项目管理能力，对视觉设计的发展趋势有敏锐的嗅觉。目前正推广和探索设计基础教学的新方法，为新手设计师搭建科学合理的学习路径，帮助其快速增强设计能力。
座右铭：让设计有理念，让作品有灵魂！

本书共9章，集合了100多个版式原理讲解、200多个案例分析和7个商业项目分析。第1章主要介绍点、线、面的基本概念和“三率一例”，以及它们在版式设计中的实际运用；第2章主要介绍元素之间的视觉关系对排版布局的影响；第3章从构图和情感方面介绍版式的基本类型；第4章主要介绍如何选择和运用字体，以及文字对版面的影响和排版技巧；第5章主要介绍图片素材的选择方法和排版技巧；第6章主要介绍版面的几种常见网格系统及其作用；第7章主要介绍色彩在版式设计中的搭配方法，并从色彩的基本原理和色彩的心理效应两个方面进行分析；第8章和第9章主要分析平面设计和网页/App设计的商业项目，同时通过修改前和修改后对比分析的方法帮助读者了解商业设计的工作流程和注意事项。
本书适合作为艺术设计专业的教材，也适合作为平面设计方向的入门及进阶教程。

第 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