第一部分 理解设计 2
第1章 为什么需要设计 2
1.1设计到底是什么 2
1.2设计不是什么 4
1.3设计的“层次” 5
1.3.1目的 5
1.3.2载体和技术 6
1.3.3审美选择 6
1.4小结 7
第2章 设计的目的 8
2.1视觉设计与用户体验设计的关系 9
2.1.1用户体验设计基础要素 9
2.1.2视觉设计对比 10
2.2有时视觉设计够用即好 11
2.3视觉设计有时是产品优势 11
2.4 Twitter用户体验逆向工程 13
2.4.1用户角色 13
2.4.2用例 14
2.4.3线框图 16
2.5小结 16
第二部分 媒介和形式 18
第3章 排版的媒介和样式 18
3.1误用的悲剧：Comic Sans字体缘何惹人厌 18
3.2排版的束缚：不变的文字 23
3.3字母表的组成 24
3.4字母起源 27
3.4.1罗马帝国的“推特” 27
3.4.2罗马排版的巅峰之作 28
3.5经久不衰的字体 35
3.5.1印刷诞生发展简史 36
3.5.2制作字范：不变文字的摇篮 36
3.5.3威尼斯与文艺复兴 37
3.5.4法国和Garamond字体 38
3.6 Garamond字体现状：为什么不在网络上使用Garamond字体 38
3.6.1“网络字体”的诞生 38
3.6.2大跃进 39
3.6.3缩小差距 40
3.6.4包容局限性——即使会很拙劣 42
3.7小结 43
第4章 技术与文化 44
4.1潮流兴起的原因 44
4.1.1印象主义的诞生 44
4.1.2Web 2.0平面设计 48
4.2 SEO也是设计 55
4.2.1理解SEO的重要性 57
4.2.2选择恰当的关键字 58
4.2.3页面内容与代码 59
4.3小结 63
第三部分 排版 66
第5章 骗人的黄金比例：认识比例 66
5.1什么是比例 66
5.2比例与设计 68
5.3揭开黄金比例的传奇面纱 69
5.3.1黄金比例与斐波那契数列：类似却不相同 70
5.3.2人体中的黄金比例 71
5.3.3黄金比例的误区 73
5.4其他一些赏心悦目的比例 75
5.4.1根号2矩形 76
5.4.2 2：3矩形 76
5.4.3 3：4矩形 77
5.5世界中的比例 77
5.5.1音乐和舞蹈 77
5.5.2自然界 78
5.5.3计算机和移动设备 80
5.6设计中的比例 81
5.7小结 85
第6章 吸引眼球：设计构图与设计原则 86
6.1构图关系 86
6.1.1阅读方向 86
6.1.2以构图方式引导用户视线 88
6.1.3前景/背景的关系 91
6.2设计原则 93
6.2.1显性优势 93
6.2.2相似性 94
6.2.3节奏感 95
6.2.4质感 97
6.2.5方向感 98
6.2.6对比关系 101
6.3为什么MailChimp的Logo如此漂亮：设计构成和设计原则的运用 102
6.3.1前景/背景关系 103
6.3.2显性优势 104
6.3.3相似性 104
6.3.4节奏感 105
6.3.5质感 106
6.3.6方向感 107
6.3.7对比关系 107
6.4小结 108
第7章 激活信息：建立视觉层次结构 109
7.1什么是“层次结构” 109
7.1.1层次结构富有表现力 110
7.1.2影响层次结构的诸多视觉因素 111
7.2层次结构因素 111
7.2.1空白区域 112
7.2.2字体粗细和字号 115
7.2.3颜色 119
7.2.4视觉装饰元素 119
7.3设计中的层次结构 122
7.4小结 124
第四部分 色彩 126
第8章 色彩学 126
8.1色彩是什么 127
8.2眼睛的骗局 128
8.2.1同色异谱 128
8.2.2色彩恒常性 128
8.2.3残留影像 129
8.3视觉系统的工作机制 130
8.3.1视锥细胞 130
8.3.2三基色原理和对抗色觉理论 131
8.3.3主波长组合和色轮 132
8.3.4色盲 133
8.4定义颜色 134
8.4.1蒙赛尔色卡 135
8.4.2色相、饱和度和亮度 136
8.4.3 Lab色彩模型 136
8.5颜色模型和数据驱动图形 137
8.5.1颜色和定性数据 137
8.5.2颜色和定量数据 138
8.5.3连续调色板与离散调色板 141
8.6十六进制颜色的思考：理解Web中的颜色 141
8.6.1理解RGB 142
8.6.2 RGB的十六进制表示法 144
8.6.3神游十六进制“立方体” 144
8.6.4未来：HSL 147
8.7色彩模型实践：为什么名片色彩和网站色彩（永远）不相配 148
8.7.1 RGB显示与CMYK彩色印刷的不同 148
8.7.2色域 149
8.7.3跨媒体设计和色彩管理 150
8.8小结 153
第9章 色彩理论 154
9.1对色彩的反应贯穿着整个人类历史 154
9.2色彩反应和人类生物学 155
9.3红色的魔力：为什么你根本赢不了“Target挑战” 155
9.3.1红色对大脑的影响 156
9.3.2前额叶皮层与理性思考 156
9.3.3袭击前额叶皮层 157
9.3.4前额叶皮层与决策 158
9.3.5色彩和情境 158
9.3.6这对你意味着什么 159
9.4其他颜色的研究 159
9.5颜色和文化 160
9.6配色和色轮 161
9.7选色和Web设计约定 162
9.7.1背景 162
9.7.2图像与文本 163
9.7.3强调色 165
9.8颜色的相互作用：为什么莫奈从不使用黑色 166
9.8.1印象派画家：色彩大师 166
9.8.2色彩理论：印象派的发现 167
9.8.3莫奈的用色技法 170
9.8.4像莫奈那样用色 171
9.9配色方案 173
9.9.1单一配色方案 173
9.9.2相似配色方案 174
9.9.3互补配色方案 175
9.9.4分散互补配色方案 177
9.9.5三色系配色方案 178
9.9.6四色系配色方案 180
9.9.7任意配色方案 181
9.10用颜色营造气氛 182
9.10.1神秘或独特 182
9.10.2活泼动感 183
9.10.3柔和安静 184
9.10.4自然清新 185
9.11设计调色板和配色方案的工具 186
9.12小结 188
附录 190
附录A字体的选择和搭配 190
A.1字体分类 191
A.1.1衬线字体 192
A.1.2非衬线字体 193
A.1.3展示字体 193
A.2观察字母结构：骨架的样式 194
A.2.1人文主义字体 194
A.2.2几何字体 194
A.2.3现实主义字体 195
A.3字体配对 195
A.3.1法则 195
A.3.2例外情况 196
A.3.3为什么有些字体搭配效果良好 197
A.3.4终极技巧：相信字体设计师的选择 201
A.4常用字体 201
附录B排版规范 204
B.1不要篡改字体 204
B.1.1仿粗体 205
B.1.2仿斜体 205
B.1.3仿小型大写字母 206
B.1.4拉伸字体 207
B.1.5勾勒字体轮廓 208
B.1.6带图片或者纹理的字体 208
B.2正文设置 209
B.2.1显示段落间的变化 209
B.2.2避免等距调整 211
B.2.3避免寡行和孤行 211
B.3注重排版细节 212
B.3.1并非所有的引号都是相同的 212
B.3.2大胆地使用破折号 212
B.3.3句点后面使用一个空格，不是一对 213
B.3.4使用连笔将字母连在一起 213