软件UI设计之道

本书是一本使用Photoshop进行软件UI设计制作的案例教程，语言浅显易懂，配合大量精美的软件UI设计案例，讲解了有关软件UI设计的相关知识和使用Photoshop进行软件UI设计制作的方法和技巧。使读者在掌握软件UI设计各方面知识的同时，能够在软件UI设计制作基础上做到活学活用。本书共分为7章，全面介绍了软件UI设计中的理论设计知识以及具体案例的制作方法。本书配套的光盘中提供了本书所有案例的源文件及素材，方便读者借鉴和使用。

盛意文化工作室，高金山，资历UI设计师，有丰富的UI设计经验,先后从事软件界面、网站界面和游戏界面的设计工作。参与了大量的手机界面设计工作。熟知UI设计领域的相关知识。有丰富的教学经验，曾在中国传媒大学、北京大学、北京师范大学等重点院校教授设计课程。对UI设计风格有独特见解。并参与清华大学中职教材的编写工作。

CHAPTER1
关于软件UI设计
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.1Windows应用软件界面5
1.3.2网站界面5
1.3.3Web应用软件界面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

CHAPTER2
软件界面设计要素
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

CHAPTER3
软件安装与启动界面设计
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

CHAPTER4
移动APP软件界面设计
4.1关于移动APP软件138
4.1.1什么是APP软件138
4.1.2智能手机与平板电脑系统138
4.2手机屏幕尺寸140
4.2.1Android系统手机屏幕尺寸140
4.2.2iOS系统手机屏幕尺寸141
4.2.3Windows系统手机屏幕尺寸142
4.2.4APP软件启动界面143
【自测1】设计APP软件启动界面143
4.2.5APP软件引导界面的设计分类150
【自测2】设计APP软件引导界面152
4.3APP软件界面布局156
4.3.1Android系统APP软件
???布局说明156
4.3.2天气APP软件界面156
【自测3】设计天气APP软件界面157
4.3.3iOS系统APP软件布局说明163
4.3.4音乐APP软件界面164
【自测4】设计音乐APP软件界面164
4.4APP软件界面的设计要求173
4.4.1APP软件界面的特点173
4.4.2APP软件界面设计流程173
4.4.3APP软件界面的色彩搭配174
4.4.4平板电脑软件界面的特点175
【自测5】设计iPad软件界面175
4.5APP软件界面的设计原则185
【自测6】设计照片分享APP
????软件界面186
4.6专家支招193
4.7本章小结193


CHAPTER5
家庭智能设备界面设计
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

CHAPTER6
应用软件界面设计
6.1了解应用软件界面设计242
6.1.1什么是应用软件界面设计242
6.1.2应用软件界面设计要点242
6.2Web软件界面设计243
6.2.1什么是Web软件243
6.2.2Web应用软件界面设计原则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

CHAPTER7
播放器界面设计
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