CHAPTER 1 关于软件UI设计 2
1.1软件UI设计基础 2
1.1.1什么是UI设计 2
1.1.2软件UI设计 2
1.1.3网站UI设计和软件UI设计的区别 3
1.2了解UI设计师 4
1.2.1研究界面——图形设计师 4
1.2.2研究人与界面的关系——交互设计师 4
1.2.3研究人——用户测试／研究工程师 4
1.3软件界面设计常见类别 4
1.3.1 Windows应用软件界面 5
1.3.2网站界面 5
1.3.3 Web应用软件界面 6
1.3.4移动APP软件界面 6
1.3.5游戏软件界面 7
1.4软件界面的设计流程 7
1.5软件界面设计的黄金法则 8
1.5.1在实现功能的框下设计 8
1.5.2层次结构清晰 9
1.5.3一致性和标准化 12
1.5.4给予足够的视觉反馈 13
1.6软件UI的拟物化和扁平化设计 14
1.7扁平化UI设计的特点 17
1.7.1快速高效 17
1.7.2内容与功能更加突出 18
1.7.3界面简洁清晰 18
1.7.4修改方便 18
1.8软件界面中的色彩搭配 19
1.9本章小结 21
CHAPTER 2 软件界面设计要素 24
2.1软件界面的视觉识别元素 24
2.2软件按钮和图标设计 26
2.2.1什么是软件图标 26
2.2.2软件图标设计原则 27
2.2.3图标的常用格式 29
2.2.4简约软件图标 30
【自测1】绘制简约纯色图标 31
2.2.5拟物化软件图标 34
【自测2】绘制拟物化相机图标 35
2.2.6扁平化软件图标 45
【自测3】绘制扁平化天气图标 47
2.2.7软件按钮 54
【自测4】绘制精美软件按钮 54
2.3软件开关和进度条设计 60
2.3.1软件开关 60
【自测5】绘制软件开关按钮 60
2.3.2进度条 64
【自测6】绘制圆形加载进度条 65
2.4软件菜单和工具栏设计 70
2.4.1菜单的重要性 70
2.4.2软件菜单的设计要点 70
【自测7】绘制清爽简洁的软件菜单 71
2.4.3软件工具栏的作用 74
【自测8】绘制软件快捷工具栏 75
2.5专家支招 80
2.6本章小结 81
CHAPTER 3 软件安装与启动界面设计 84
3.1关于软件安装界面设计 84
【自测1】软件安装界面 87
3.2了解软件启动界面设计 94
3.2.1什么是软件启动界面 94
3.2.2软件启动界面的作用是什么 94
3.2.3软件启动界面的设计原则 95
3.3软件启动界面设计需要注意的问题 96
【自测2】软件启动界面 97
3.4软件面板设计 106
3.4.1合理安排面板的功能区 106
【自测3】设计事件备忘面板 107
3.4.2软件面板的设计原则 112
【自测4】设计文件下载管理面板 114
3.5软件皮肤设计 120
3.5.1天气应用皮肤设计原则 120
【自测5】设计天气应用皮肤 122
3.5.2输入法皮肤 129
【自测6】设计酷黑输入法皮肤 129
3.6专家支招 135
3.7本章小结 135
CHAPTER 4 移动APP软件界面设计 138
4.1关于移动APP软件 138
4.1.1什么是APP软件 138
4.1.2智能手机与平板电脑系统 138
4.2手机屏幕尺寸 140
4.2.1 Android系统手机屏幕尺寸 140
4.2.2 iOS系统手机屏幕尺寸 141
4.2.3 Windows系统手机屏幕尺寸 142
4.2.4 APP软件启动界面 143
【自测1】设计APP软件启动界面 143
4.2.5 APP软件引导界面的设计分类 150
【自测2】设计APP软件引导界面 152
4.3 APP软件界面布局 156
4.3.1 Android系统APP软件布局说明 156
4.3.2天气APP软件界面 156
【自测3】设计天气APP软件界面 157
4.3.3 iOS系统APP软件布局说明 163
4.3.4音乐APP软件界面 164
【自测4】设计音乐APP软件界面 164
4.4 APP软件界面的设计要求 173
4.4.1 APP软件界面的特点 173
4.4.2 APP软件界面设计流程 173
4.4.3 APP软件界面的色彩搭配 174
4.4.4平板电脑软件界面的特点 175
【自测5】设计iPad软件界面 175
4.5 APP软件界面的设计原则 185
【自测6】设计照片分享APP软件界面 186
4.6专家支招 193
4.7本章小结 193
CHAPTER 5 家庭智能设备界面设计 196
5.1关于智能手表 196
5.2智能手表界面设计要点 197
【自测1】设计智能手表界面 199
5.3车载系统界面设计 207
【自测2】设计汽车多媒体系统界面 209
5.4智能电视界面设计 217
5.4.1什么是智能电视 217
5.4.2智能电视界面设计的特点 218
【自测3】设计视频点播系统界面 220
【自测4】设计智能电视界面 227
5.5专家支招 238
5.6本章小结 239
CHAPTER 6 应用软件界面设计 242
6.1了解应用软件界面设计 242
6.1.1什么是应用软件界面设计 242
6.1.2应用软件界面设计要点 242
6.2 Web软件界面设计 243
6.2.1什么是Web软件 243
6.2.2 Web应用软件界面设计原则 244
【自测1】设计上网测速软件界面 244
【自测2】设计云空间软件界面 255
6.3软件界面设计的趋势 262
6.3.1传统软件界面设计 262
【自测3】设计录音软件界面 262
6.3.2扁平化的软件界面设计 274
【自测4】设计聊天软件界面 275
6.4软件界面设计规范 284
6.4.1软件界面的屏幕显示 284
【自测5】设计透明软件界面 284
6.4.2软件界面的设计原则 295
【自测6】设计视频转换软件界面 295
6.5专家支招 307
6.6本章小结 308
CHAPTER 7 播放器界面设计 310
7.1关于播放器界面 310
【自测1】设计简约网络视频播放器 310
7.2人性化的播放器界面设计 319
【自测2】设计音乐播放器界面 320
【自测3】设计简约半透明播放器 326
7.3播放器界面设计原则 335
7.3.1对比原则 335
7.3.2协调原则 336
7.3.3趣味原则 336
【自测4】设计质感音乐播放器 337
【自测5】设计媒体音乐盒界面 347
【自测6】设计质感视频播放器 360
7.4专家支招 370
7.5本章小结 370