电子工业出版社-网上书店

本书是一本使用Photoshop 进行软件UI 设计制作的案例教程，语言浅显易懂，配合大量精美的软件UI 设计案例，讲解了有关软件UI 设计的相关知识和使用Photoshop 进行软件UI 设计制作的方法与技巧。读者在掌握软件UI 设计各方面知识的同时，能够在软件UI 设计制作的基础上做到活学活用。全书共分为7 章，全面介绍了软件UI 设计中的理论设计知识，以及具体案例的制作方法；第1 章为关于软件UI 设计的基础知识，第2 章介绍了软件界面设计要素，第3 章介绍了软件安装与启动界面设计，第4 章介绍了移动APP 软件界面设计，第5 章介绍了家庭智能设备界面设计，第6 章介绍了应用软件界面设计，第7 章介绍了播放器界面设计。

CHAPTER 1
关于软件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.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
软件界面设计要素
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
软件安装与启动界面设计
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软件界面设计
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
家庭智能设备界面设计
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
应用软件界面设计
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
播放器界面设计
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

硬件技术发展到今天的水平，用户关心的主要问题集中于能否比较容易和舒适地使用软件。人们的着眼点在于软件的易用性和美观性，而易用性与美观性主要取决于软件UI的优劣。一个软件没有很好的UI设计就不能算是成功的。
作为目前流行的UI设计软件——Photoshop，凭借其强大的功能和易学易用的特性深受广大设计师的喜爱。本书以软件UI设计的理念为出发点，配以专业的图形处理软件Photoshop做讲解，重点向读者介绍了Photoshop在软件UI设计方面的理论知识和相关应用。通过大量软件UI设计案例的制作和分析，让读者掌握实实在在的设计思想。
本书章节安排
本书内容浅显易懂，从软件UI的设计思想出发，向读者传达一种新的设计理念，将专业的理论知识讲解与精美案例制作完美地结合，循序渐进地讲解软件UI设计中的有关知识；在讲解的同时配合软件UI设计案例的制作，可让读者在学习欣赏的过程中，丰富自己的设计创意并提高动手制作的能力。本书内容章节安排如下：
第1章：关于软件UI设计。介绍了关于软件UI设计的相关基础知识，包括什么是软件UI、软件界面设计的常见分类、软件界面的设计流程、软件界面计的黄金法则，以及软件UI设计中的拟物化和扁平化设计，使读者对软件UI设计有更加深入的认识和理解。
第2章：软件界面设计要素。主要介绍了软件界面中各种设计要素的相关知识和设计表现方法，包括图标、按钮、菜单、标签、滚动条与状态栏，以及软件框架等；并通过对软件界面中各种不同类型的设计要素的制作讲解，使读者快速掌握各种软件界面设计要素的设计和表现方法。
第3章：软件安装与启动界面设计。主要讲解了软件安装与启动界面的设计特点，包括设计注意事项与设计原则等，也普及了现今几款常见软件的界面信息；最后通过对不同软件界面制作过程的讲解，提高读者对软件UI设计的认识。
第4章：移动APP软件界面设计。主要讲解了移动APP软件界面的设计流程与特点，也普及了有关移动APP软件界面的常识性信息；通过对常见APP软件界面的设计制作进行讲解，可使读者掌握移动APP软件界面设计的常规思路及过程。
第5章：家庭智能设备界面设计。主要介绍了家庭智能设备界面的构成元素，以及界面的设计要求，也向读者介绍了智能设备界面设计的风格；通过对多种不同智能设备界面的设计讲解，让读者明了智能设备在软件界面设计中所遵循的设计原则和要求。
第6章：应用软件界面设计。主要介绍了软件界面设计的要点和设计趋势，并且还介绍了什么是Web软件界面，以及Web软件界面的设计原则；通过对多种典型的软件界面的设计制作进行讲解，使读者掌握软件界面的设计方法，并认识到软件界面的多种设计特点和风格。
第7章：播放器界面设计。主要介绍了播放器界面的设计特点，以及播放器界面设计的要素和技巧，也向读者重点介绍了播放器界面设计中的人性化及其重要性；通过各种播放器的设计与制作，让读者充分明白播放器界面设计的灵活性及具体的表现形式。
本书特点
全书内容丰富、条理清晰，通过7章的内容，为读者全面、系统地介绍了各种软件界面的设计知识，以及使用Photoshop进行软件界面设计的方法和技巧；采用理论知识和案例制作相结合的方法，使知识融会贯通。
语言通俗易懂，精美案例图文同步，大量软件界面设计的丰富知识讲解，帮助读者深入了解软件界面设计。
案例涉及面广，几乎涵盖了软件UI设计所在的各个领域，每个领域下通过大量的设计讲解和案例制作帮助读者掌握领域中的专业知识点。
注重设计知识点和案例制作技巧的归纳总结，知识点和案例的讲解过程中穿插了大量的软件操作技巧提示等，使读者更好地对知识点进行归纳吸收。
每一个案例的制作过程，都配有相关视频教程和素材，步骤详细，使读者轻松掌握。
本书读者对象
本书适合有一定Photoshop软件操作基础的设计初学者及设计爱好者阅读，也可以为一些设计制作人员以及相关专业的学习者提供参考。本书配套的光盘中提供了本书所有案例的源文件及素材，方便读者借鉴和使用。
本书由盛意文化编著，参与编写的人员有高金山、张艳飞、鲁莎莎、吴潆超、田晓玉、佘秀芳、王俊萍、陈利欢、冯彤、刘明秀、解晓丽、孙慧、陈燕、胡丹丹、王明佳等。由于书中难免存在不足和疏漏之处，希望广大读者朋友批评、指正。
编   者

本书配套资源下载

对不起，暂无音视频资源！

软件UI设计之道（第二版）（全彩）（含DVD光盘1张）