Chapter 01 了解UI设计 2
1.1 UI设计基础 2
1.1.1 什么是UI设计 2
1.1.2 UI设计的常见类别 2
1.1.3 UI设计的规范 4
1.1.4 UI设计的常用工具 10
1.2 良好的UI用户体验 17
1.2.1 UI设计和用户体验 17
1.2.2 影响用户体验的因素 17
1.3 UI设计风格 18
1.3.1 拟物化 18
1.3.2 扁平化 20
1.3.3 扁平化设计所带来的改变 23
1.3.4 扁平化设计的突出特点 25
1.4 UI设计的构成法则 27
1.4.1 什么是构成 28
1.4.2 形式美法则 28
1.4.3 构成的思维方式 30
1.5 UI设计中的色彩搭配技巧 32
1.5.1 色彩的基本理论 33
1.5.2 色彩搭配原则 36
1.6 UI设计的原则 38
1.6.1 视觉美观 38
1.6.2 突出主题 38
1.6.3 整体性 39
1.6.4 为用户考虑 39
1.6.5 快速加载 40
1.7 UI设计的一般流程 41
1.8 本章小结 42
Chapter 02 UI常见组件设计 44
2.1 UI设计中的基本视觉元素 44
2.1.1 图标 44
2.1.2 按钮 44
2.1.3 菜单 45
2.1.4 标签 45
2.1.5 滚动条和状态栏 45
2.2 图标设计知识 46
2.2.1 图标的概念 47
2.2.2 图标的设计原则 47
2.3 图标设计的风格 49
2.3.1 简约的像素图标 49
2.3.2 拟物化图标 50
2.3.3 扁平化图标 66
2.4 按钮设计 71
2.4.1 按钮与图标的异同 71
2.4.2 单选按钮 71
2.4.3 滑块按钮 72
2.5 菜单与工具栏设计 78
2.5.1 菜单的作用 78
2.5.2 菜单设计的要点 78
2.5.3 工具栏的作用 79
2.6 本章小结 84
Chapter 03 应用软件界面设计 86
3.1 了解应用软件界面设计 86
3.1.1 什么是应用软件界面设计 86
3.1.2 应用软件界面设计要点 86
3.2 软件启动界面 87
3.2.1 什么是软件启动页面 87
3.2.2 软件启动界面的作用 88
3.2.3 软件启动界面的设计原则 88
3.3 应用软件界面面板设计 92
3.3.1 合理安排面板功能区域 92
3.3.2 软件面板的设计原则 93
3.4 应用软件界面设计规范 99
3.4.1 软件界面的屏幕显示 99
3.4.2 软件界面的设计原则 100
3.5 应用软件界面设计风格 109
3.5.1 传统软件界面设计 110
3.5.2 扁平化软件界面设计 117
3.5.3 极简风格软件界面 124
3.6 本章小结 130
Chapter 04 移动APP界面设计 132
4.1 了解APP界面设计 132
4.1.1 什么是APP 132
4.1.2 移动UI的设计趋势 134
4.1.3 手机APP UI与平面UI的区别 136
4.2 iOS系统界面设计 138
4.2.1 iOS系统概述 138
4.2.2 iOS系统的发展历程 139
4.2.3 iOS系统用户界面元素 142
4.2.4 iOS系统界面设计规范 152
4.2.5 iOS系统设计原则 159
4.3 Android系统界面设计 167
4.3.1 Android系统概述 167
4.3.2 Android系统的界面设计规范 168
4.3.3 Android系统UI设计特色 172
4.3.4 Android系统用户界面元素 174
4.3.5 操作栏 176
4.4 移动APP软件界面设计要求 183
4.4.1 移动APP设计流程 183
4.4.2 APP软件界面配色原则 184
4.5 本章小结 186
Chapter 05 播放器界面设计 188
5.1 播放器界面设计概述 188
5.1.1 为什么进行播放器界面设计 188
5.1.2 播放器界面中的情感化因素 188
5.2 播放器界面设计特点 195
5.2.1 统一性 196
5.2.2 创意性 196
5.2.3 视觉冲击力 196
5.3 如何设计个性化的播放器界面 203
5.3.1 界面结构的统一性 203
5.3.2 界面操作的可靠性 204
5.3.3 视觉效果的舒适性 204
5.3.4 整体效果的个性化 205
5.4 播放器界面的设计原则 213
5.4.1 对比原则 213
5.4.2 协调原则 214
5.4.3 趣味原则 215
5.5 本章小结 225
Chapter 06 网页界面设计 228
6.1 了解网页界面设计 228
6.1.1 什么是网页界面 228
6.1.2 网页界面的设计特点 228
6.1.3 网页界面的构成元素 231
6.2 网页界面设计的设计要点 240
6.2.1 设计与技术相结合 240
6 2.2 立体空间节奏感 243
6.2.3 视觉导向性 244
6.2.4 视觉服务 245
6.3 网页界面设计的原则 252
6.3.1 以用户为中心 252
6.3.2 视觉美观 253
6.3.3 主题明确 253
6.3.4 内容与形式统一 255
6.3.5 有机的整体 256
6.4 网页界面创意设计方法 264
6.4.1 综合型 264
6.4.2 趣味型 265
6.4.3 联想型 265
6.4.4 比喻型 265
6.4.5 变异型 266
6.4.6 古朴型 266
6.4.7 流行型 267
6.5 网页界面的设计风格 275
6.5.1 大众化设计风格 275
6.5.2 个性化设计风格 276
6.6 本章小结 284
Chapter 07 游戏界面设计 286
7.1 了解游戏界面设计 286
7.1.1 游戏界面设计概述 286
7.1.2 游戏UI与其他UI设计的区别 286
7.1.3 游戏UI设计的重要性 288
7.2 游戏UI设计的准备工作 288
7.2.1 了解游戏的世界观 288
7.2.2 确定游戏UI设计风格 289
7.2.3 游戏UI设计的流程 290
7.3 网页游戏界面 301
7.3.1 网页游戏的优势与不足 301
7.3.2 网页游戏界面的设计目标 302
7.3.3 网页游戏界面的设计流程 303
7.4 手机游戏界面设计 311
7.4.1 手机游戏的优势和不足 311
7.4.2 手机游戏与传统游戏UI设计的异同 312
7.4.3 手机游戏UI设计常见问题 319
7.5 大型网络游戏界面 321
7.5.1 游戏类别与UI设计的关系 321
7.5.2 网络游戏界面设计要求 324
7.6 本章小结 325