Chapter 01 打造不一样的美 10
不一样的美 10
方法综述 12
关于掌握主题 13
关于形式化直觉 14
创建“不一样的美”的设计方法 15
Chapter 02 创建视觉“整劲儿” 26
“整劲儿”之美 26
方法综述 26
让设计元素服务于主题 27
保持视觉语言的统一与明确 28
保持画面主色调的明确 30
疏密对比 31
去繁从简 31
Chapter 03 让丰富的色彩统一协调 32
色彩丰富之美 32
方法综述 33
使用同类色与邻近色对比 34
以弱化一方的力量来协调补色对比 35
使用无彩色进行调和 37
进行统一消色处理 38
Chapter 04 善用单色风格 42
单色风格的简约之美 42
方法综述 42
单色风格与色彩对比的关系 43
单色风格在整套UI中的应用策略 44
Chapter 05 善用醉人的明暗 48
醉人的明暗 48
方法综述 48
创建明暗布局的主要方法 49
组织其他设计元素的方法 55
作为配角的明暗 59
Chapter 06 善用无彩色 62
无彩色的妙用 62
方法综述 62
创建无彩色环境的方法 63
无彩色画面的设计方式 64
Chapter 07 善用余白 72
余白之美 72
方法综述 72
极端的余白手法 73
在页面各局部中安插的余白 74
以照片为背景的余白 76
Chapter 08 创建视觉秩序 78
秩序感之美 78
方法综述 78
视觉秩序设计的基本原则 78
创建视觉秩序的具体方法 79
Chapter 09 用好照片做设计元素 88
影像之美 88
方法综述 88
什么是好照片 89
照片在界面中扮演的3种角色及其用法 94
Chapter 10 去繁从简 104
简约之美 104
方法综述 104
去繁的方法 105
建立品位感的方法 109
Chapter 11 把文字作为主题元素 110
文字的表现力 110
方法综述 111
简约出场派 111
盛装出场派 114
Chapter 12 量身定制素材 118
量身定制素材之效用 118
方法综述 118
特意加工的文字 119
特意拍摄的照片 121
与众不同的导航条 121
特意设计的主题元素 123
独特的背景纹理 123
Chapter 13 创建提神的点 128
提神之点的效用 128
方法综述 128
创建提神之点的方法 129
应该把哪些元素变为提神之点 134
Chapter 14 让画面动起来 136
运动之美 136
方法综述 136
运用图像元素创建动感作品 137
运用线条与图形创建动感作品 137
运用疏密对比创建动感作品 138
运用倾斜式构图创建动感作品通过前景水平元素与背景倾斜 140
元素的对比创建动感作品 141
运用综合性方法创建动感作品 141
Chapter 15 让主题突出 142
界面设计的主题及主题突出的必要 142
方法综述 145
色彩对比法 145
色块框定法 146
疏密对比法 146
去繁从简法 147
面积法 147
Chapter 16 善用疏密对比 148
疏密对比之美 148
方法综述 148
疏密布局设计的总体策略 148
组织密集元素的具体设计方法 149
关于密集区域的形状 153
附录 设计规范概览 154