1.UI设计概述
1.1.概念与定义................................................. 001
1.2.UI构成原则 ................................................ 003
1.2.1 交互设计......................................... 003
1.2.2 界面操作......................................... 004
1.2.3 用户体验......................................... 005
1.3.UI视觉要素 ................................................ 006
1.4.UI设计类型 ................................................ 010
1.4.1 网站................................................. 010
1.4.2 软件................................................. 012
1.4.3 游戏................................................. 015
1.5.常见UI界面设计......................................... 015
1.5.1 计算机网站界面 ............................. 015
1.5.2 手机应用界面 ................................. 021
1.6. UI设计行业发展状况 ................................. 023
课后练习 .............................................................. 025

2.UI设计基础知识
2.1.定位服务对象............................................. 026
2.2.常用软件..................................................... 028
2.2.1 图像处理类 ..................................... 029
2.2.2 管理设计类 ..................................... 031
2.2.3 视频剪辑类 ..................................... 034
2.3.版式设计..................................................... 035
2.4.交互设计..................................................... 037
课后练习 .............................................................. 038

3.UI构成元素管理
3.1.基础配色..................................................... 039
3.1.1 颜色分类......................................... 040
3.1.2 色彩概念......................................... 042
3.1.3 色彩视觉......................................... 044
3.2.图形与文字................................................. 046
3.2.1 图形................................................. 046
3.2.2 文字................................................. 048
3.3.声音和画面................................................. 049
3.3.1 声音................................................. 049
3.3.2 画面................................................. 050
3.4.交互实用原则............................................. 053
3.4.1 全息投影交互 ................................. 053
3.4.2 交互新趋势 ..................................... 055
课后练习 .............................................................. 060


4.硬件界面设计
4.1.硬件交互..................................................... 061
4.1.1 传输原理......................................... 061
4.1.2 交互发展......................................... 062
4.2.交互方式..................................................... 063
4.2.1 遥控识别......................................... 063
4.2.2 坐标定位......................................... 064
4.2.3 其他运用......................................... 065
4.3.UI硬件界面设计案例 ................................. 065
4.3.1 时钟................................................. 065
4.3.2 按键................................................. 069
4.3.3 设置................................................. 072
4.3.4 邮件................................................. 076
课后练习 .............................................................. 078

5.软件界面设计
5.1.导航栏设计................................................. 079
5.1.1 网站类............................................. 080
5.1.2 应用类............................................. 084
5.2.按钮设计..................................................... 086
5.2.1 链接类按钮 ..................................... 087
5.2.2 控制类按钮 ..................................... 088
5.3.提示窗口设计............................................. 089
5.3.1 界面美观......................................... 090
5.3.2 信息时效......................................... 090
5.4.进度条设计................................................. 091
5.4.1 游戏加载进度条 ............................. 092
5.4.2 文件下载进度条 ............................. 092
5.4.3 缓冲类进度条 ................................. 093
5.5.菜单栏设计................................................. 093
5.5.1 收纳性............................................. 093
5.5.2 便捷性............................................. 095
5.5.3 可塑性............................................. 095
5.6.图标与界面设计 ......................................... 096
5.6.1 图标元素设计 ................................. 096
5.6.2 界面场景设计 ................................. 097
5.7.UI软件界面设计案例 ................................. 097
5.7.1 开关按钮......................................... 097
5.7.2 进度装置......................................... 100
5.7.3 玻璃质感摄像头 ............................. 102
课后练习 .............................................................. 106

6.UI设计案例作品解析
6.1.UI设计作品步骤解析 ................................. 107
6.1.1 组合图标......................................... 108
6.1.2 装置开关......................................... 109
6.1.3 手机界面......................................... 112
6.1.4 平板电脑软件界面.......................... 115
6.2.操作系统UI案例解析 ................................. 117
6.2.1 安卓系统......................................... 117
6.2.2 iOS系统........................................... 120
6.2.3 Windows系统.................................. 122
课后练习 .............................................................. 125

参考文献 ....................................................... 126