第1章 关于网站视觉风格 1
1.1 风格溯源 2
1.2 何谓网站的视觉风格 2
第2章 网站视觉风格的建立 7
2.1 依据 8
2.1.1 网站目标分析 8
2.1.2 用户需求分析 9
2.1.3 网站类型和规模 9
2.2 视觉风格的要素 16
2.2.1 文字 16
2.2.2 图形 20
2.2.3 色彩 23
2.2.4 布局 29
2.2.5 动态效果 36
2.3 视觉设计的原则 39
2.3.1 功能性原则 39
2.3.2 可视性原则 41
2.3.3 统一性原则 87
2.3.4 艺术性原则 91
第3章 用户体验与风格 93
3.1 人本主义设计 94
3.1.1 人性化设计理念的兴起 94
3.1.2 需求层次 94
3.1.3 以用户为中心的设计 97
3.2 用户体验 99
3.2.1 用户体验的要素模型 101
3.2.2 蜂巢模型 103
3.2.3 用户体验的四要素量化模型 103
3.3 网站的体验类型与视觉风格 105
3.3.1 浏览体验型 105
3.3.2 信任体验型 107
3.3.3 交互体验型 113
3.3.4 感官体验型 114
第4章 网站类型与风格 119
4.1 门户网站 120
4.2 机构网站 122
4.3 新闻网站 125
4.4 购物网站 128
4.5 运动网站 131
4.6 旅游网站 135
4.7 影视网站 139
4.8 音乐网站 142
4.9 游戏网站 145
4.10 美食餐饮网站 148
4.11 科技网站 151
4.12 设计类网站 154
4.13 社交网站 157
4.14 个人网站 160
第5章 视觉风格与趋势 163
5.1 扁平化 164
5.2 拟物化 168
5.3 极简主义 170
5.4 绘画风格 173
5.5 杂志风格 177
5.6 玩转文字 180
5.7 超大背景 182
5.8 模糊背景 185
5.9 视频背景 188
5.10 3D图形 190
5.11 像素风格 193
5.12 单页网站 196
5.13 视差滚动 199
5.14 滚动侦测 202
5.15 超彩色 205
第6章 移动化风潮 207
6.1 跨屏设计的差异化要素 208
6.1.1 使用场景的差异化 208
6.1.2 交互方式的差异化 208
6.1.3 屏幕容量的差异化 209
6.1.4 信息组织的差异化 209
6.1.5 导航系统的差异化 210
6.2 多屏一致的Web体验策略 212
6.3 移动APP视觉风格 219
6.3.1 拟物化风格 219
6.3.2 扁平化风格 220
6.3.3 绘画风格 221
6.3.4 其他风格 222
参考文献 225