︱目 录︱
第1章 UI设计概述
/
1
1.1 概念与定义
/
1
1.2 UI
设计的构成要素
/
2
1.2.1
视觉传达作为基础：图形、图像与文字 /
2
1.2.2
交互作为实现：流程、手势、动画与声音 /
4
1.2.3
用户体验作为目标：UCD 的设计准则 /
6
1.3 UI
的设计类型
/
7
1.3.1
软件UI /
7
1.3.2
网页UI /
9
1.3.3
移动端产品UI / 10
1.3.4
游戏产品UI / 11
第2章 UI设计流程
/
13
2.1 定位产品属性和用户人群
/
13
2.1.1
用户分析 / 13
2.1.2
客户分析 / 13
2.1.3
竞品分析 / 14
2.2 低保真原型
/
14
2.2.1
界面线路图 / 15
2.2.2
线框图 / 16
2.2.3
纸质原型 / 17
2.3 高保真原型
/
19
2.3.1
界面视觉 / 19
2.3.2
交互流程 / 20
2.3.3
动态效果 / 20
2.4 产品可用性测试
/
21
2.5 常用软件分类
/
21
Uyjzw.indd 7
2024/5/21 16:55:44
VIII
2.5.1
图像设计软件 / 21
2.5.2
标注和切图软件 / 25
2.5.3
交互原型设计软件 / 25
2.5.4
视频动效设计软件 / 28
第3章 UI构成元素管理
/
29
3.1 色彩基础
/
29
3.1.1
色彩的概念 / 30
3.1.2
色彩与视知觉 / 31
3.1.3
色彩的冷暖感 / 32
3.1.4
色彩的空间感 / 34
3.1.5
色彩的情感 / 34
3.1.6
屏幕上的颜色 / 36
3.2 图形与文字
/
37
3.2.1
图形的功能 / 37
3.2.2
文字的功能 / 42
3.2.3
图文配合 / 43
3.3 交互实用原则
/
45
3.3.1
交互流程的合理性 / 45
3.3.2
交互流程的体验性 / 45
3.3.3
案例分析 / 46
第
4
章 主流移动端UI
交互系统
/
50
4.1 移动端屏幕尺寸和相关概念
/
50
4.2 移动端UI
设计中用到的单位
/
50
4.3 iOS系统
/
51
4.3.1 iOS 系统概述 / 51
4.3.2 iOS 系统设计主旨和设计原则 / 52
4.3.3 iOS 系统设计规范 / 53
4.4 Android
系统
/
58
4.4.1 Android 系统概述 / 58
4.4.2 Android 系统设计主旨 / 59
4.4.3 Android 系统设计规范 / 60
4.5 Windows
Phone
系统
/
60
4.5.1
Windows Phone 系统概述 / 60
Uyjzw.indd 8
2024/5/21 16:55:44
IX
4.5.2
Windows Phone 系统设计主旨 / 61
4.5.3
Windows Phone 系统设计规范 / 61
第
5
章 Material
Design
和设计思维
/
67
5.1 Material
Design
的设计理念
/
67
5.2 Material
Design
中可用到的设计资源和工具
/
70
5.3 Material
Design
设计说明
/
70
5.3.1
页面环境 / 70
5.3.2
页面布局 / 72
5.3.3
导航 / 72
5.3.4
颜色 / 73
5.3.5
文字 / 74
5.3.6
声音 / 76
5.3.7
图标 / 77
5.3.8
图形 / 79
5.3.9
动效 / 79
5.3.10
交互 / 80
5.4 Material
Design
案例分析
/
81
第6章 移动端App界面设计
/
84
6.1 图标设计
/
85
6.1.1
扁平化图标设计 / 90
6.1.2
拟物化图标设计 / 92
6.2 页面设计
/
99
6.2.1
引导页设计 / 99
6.2.2
启动页设计 / 101
6.2.3
登录页设计 / 103
6.2.4
首页设计 / 106
6.3 使用Adobe
XD
设计App
案例实践
/
108
参考文献
/
124
Uyjzw.indd 9
2024/5/21 16:55:44
Uyjzw.indd 10
