如今，人们对各种类型的UI界面的要求越来越高，为满足广大UI设计者的需求，本书向读者们介绍如何设计美观又符合要求的UI界面。
本书由浅入深地讲解了初学者需要掌握的UI界面设计基础知识和操作技巧，并结合实际案例操作，详细地介绍了其制作的步骤和软件的应用技巧，使读者能轻松地学习并掌握。
本书的结构清晰，内容有针对性，实例精美实用，适合大部分UI设计爱好者与设计专业的大中专学生阅读。随书附赠的资源包中包含了本书所有实例的教学视频、素材和源文件，用于补充书中遗漏的细节内容，方便读者学习和参考。
适读人群 ：ui设计从业人员，学生。 本书采用通俗易懂的语言全面地向读者介绍各类UI设计所需的基础知识和操作技巧，确保读者能够理解并掌握相应的功能与操作。采用基础知识和实战案例相结合的讲解模式，书中所使用的案例都具有很强的商业性和专业性，不仅能够帮助读者强化知识点，还能帮助读者拓展思路和激发创造性。本书在基础知识和实战案例的讲解过程中列出了大量的提示和技巧，这些信息都是结合作者长期的UI设计经验与教学经验归纳出来的，可以帮助读者更准确地理解和掌握相关的知识点和操作技巧。
为了增加读者的学习渠道，增强读者的学习兴趣，本书配有多媒体教学资源包。资源包中提供了本书中所有实例的相关素材和源文件。
随着信息社会的不断发展，人们的生活越来越离不开软件，提到软件就不得不说用户图形界面。用户图形界面是用户与各种机器和设备进行交互的平台，好的用户界面设计应该同时具备美观性与可操作性。
本书主要通过理论知识与案例操作相结合的方法，向读者介绍了使用Photoshop CC 2019进行各类UI 设计所需的功能和操作技巧。
内容安排
本书共分为7章，下面介绍各章的主要内容。
第1章 UI界面设计基础。本章主要介绍了UI设计相关的理论知识，包括UI界面设计的发展历史及分类、UI界面设计中的图像、UI界面设计中的文字、UI界面设计的黄金法则、UI界面设计的色彩搭配、UI 界面设计中的布局、UI界面设计的工作流程以及常见的UI界面设计软件等内容。这些知识可以帮助读者初步了解UI设计。
第2章 UI界面设计元素。本章主要介绍了UI界面设计元素的基础知识和相应的制作技巧，包括UI界面设计元素的分类、UI界面中的启动界面、UI界面中的装饰线条、UI界面中的按钮和图标、UI界面中的开关和进度条及UI界面中的菜单和工具栏设计等内容。通过本章的学习，读者能够掌握UI界面元素的设计技巧。
第3章 软件UI界面设计。本章主要向读者介绍了软件UI界面设计的基础知识，包括软件界面设计基础、PC端应用软件设计规范、软件安装与启动界面设计、软件面板设计、软件皮肤设计和播放器软件界面设计。通过本章的学习，读者应该熟悉软件界面的设计规范。
第4章 游戏UI界面设计。本章主要向读者介绍了游戏UI界面设计相关的基础知识和操作技巧，包括游戏UI界面设计基础、游戏UI界面设计中的视听元素、游戏UI界面设计的要求和游戏UI界面的类型等内容。
第5章 网页UI界面设计。本章主要向读者介绍了网页UI界面设计的特点和需要注意的问题，以及一些常用的操作技巧，包括网页的类型、网页设计原则、网页界面构成元素、网页版式与布局、网页切图规范和网页UI界面适配等内容。本章要重点掌握网页界面构成元素及网页切图规范。
第6章 Android系统UI界面设计。本章主要介绍了Android系统界面设计需要注意的问题和所需的知识，包括认识Android系统、Android系统UI界面设计规范、Android系统UI界面设计原则，以及Android系统界面输出等内容。本章要重点掌握Android系统的UI界面设计规范，以及切图标注的方法。
第7章 iOS系统UI界面设计。本章主要介绍了如何设计iOS系统UI界面，包括iOS系统概况、iOS系统界面设计规范、iOS系统界面设计原则和iOS系统界面输出等内容。通过本章的学习，读者能够掌握iOS系统的界面设计规范，并能够应用到工作中。
李晓斌，有丰富的教学经验，曾参与制作教学微课、幕课上百小时。熟悉微课策划、设计、拍摄、制作全过程。为中国石油、中国铁路等大型企业做专业企业培训，参与培训北京骨干教师活动，曾在中国传媒大学、北京大学、北京师范大学、北京交通大学等重点院校以及Adobe创意大学和新东方等培训机构教授设计课程。出版过相关设计类书籍数十种，参与清华大学中职教材的编写、国家开放大学网页设计课程规划及教材策划等工作。
1.1 了解UI界面设计1
1.1.1 什么是UI 界面设计 1
1.1.2 UI 界面设计的发展历史 1
1.1.3 UI 界面设计的分类 4
1.2 UI界面设计中的图像 6
1.2.1 常见的图像格式 6
1.2.2 常见的图像类型 7
1.3 UI界面设计中的文字 8
1.3.1 简化文字内容 8
1.3.2 字体设计合理 8
1.3.3 安排文字层次 9
1.3.4 信息表达准确 9
1.3.5 文字画面美感设计 9
1.4 UI界面设计中的黄金法则 10
1.4.1 保持界面的一致性 10
1.4.2 在界面中设置快捷方式 10
1.4.3 为用户提供信息反馈 11
1.4.4 提供简单的错误处理 11
1.5 UI界面设计的色彩搭配 11
1.5.1 色彩基础 11
1.5.2 色彩搭配原则 15
1.5.3 色彩搭配方案 18
1.6 UI界面设计中的布局 20
1.6.1 构图的基本概念 20
1.6.2 构图的法则 20
1.7 UI界面设计的工作流程 21
1.7.1 市场调研/ 需求分析 21
1.7.2 设计分析/ 线框图绘制 22
1.7.3 界面制作/ 调研验证 22
1.7.4 测试产品/ 改进方案 23
1.7.5 投入市场/ 用户反馈 23
1.8 常见的UI界面设计软件 23
1.8.1 Axure RP 23
1.8.2 Sketch 24
1.8.3 Photoshop 26
1.8.4 Illustrator 27
1.9 本章小结28
2.1 UI界面设计元素的分类 29
2.2 UI界面中的启动界面 33
2.2.1 启动界面的概念 33
2.2.2 启动界面的作用 33
2.2.3 启动界面的设计技巧 34
2.3 UI界面中的装饰线条 34
2.3.1 点与线的关系 35
2.3.2 线条风格的变化 35
2.3.3 装饰线条的作用 38
2.4 UI界面中的按钮和图标 38
2.4.1 按钮设计的概况 38
实战练习01——制作扁平化按钮 39
2.4.2 UI 界面中的图标 44
2.4.3 图标的设计原则 45
2.4.4 图标的常用格式 47
2.4.5 拟物化风格图标 48
实战练习02——设计制作逼真的话筒图标 49
2.4.6 扁平化风格图标 56
实战练习03——设计制作扁平化图标 58
2.5 UI界面中的开关和进度条 64
2.5.1 软件开关 65
2.5.2 进度条设计 65
实战练习04——设计制作进度条 65
2.6 UI界面中的菜单和工具栏设计 71
2.6.1 菜单的重要性 71
2.6.2 菜单的设计重点 71
实战练习05——制作UI 界面导航和索引菜单 72
2.6.3 工具栏的作用 76
2.7 本章小结76
第3章 软件UI界面设计
3.1 软件界面设计基础 77
3.1.1 软件界面的概念 77
3.1.2 软件界面的分类 77
3.1.3 与移动端的差异性 79
3.1.4 软件包装及市场化 81
3.2 PC端应用软件设计规范 81
3.2.1 颜色规范 81
3.2.2 文字规范 82
3.2.3 控件规范 83
3.2.4 尺寸规范 86
3.3 软件安装与启动界面设计 87
3.3.1 软件启动界面设计 87
3.3.2 软件安装界面流程 88
3.3.3 安装界面的细节设计 89
3.4 软件面板设计91
3.4.1 软件面板布局 91
实战练习01——制作在线聊天软件
的界面框架 92
3.4.2 软件面板布局的合理性 96
实战练习02——制作软件界面的标题栏、头像
与图标 97
3.4.3 软件面板的设计原则 104
实战练习03——制作聊天软件界面
的联系人列表 106
3.5 软件皮肤设计 110
3.6 播放器软件界面设计 112
3.6.1 播放器界面设计原则 113
实战练习04——制作图片播放器的背景和名称 115
3.6.2 界面的人性化设计119
实战练习05——制作图片播放器的主体 120
3.7 本章小结 126
4.1 游戏UI界面设计基础 127
4.1.1 关于游戏UI 界面设计 127
4.1.2 游戏UI 界面中的设计理念 128
4.1.3 与其他UI 界面设计的区别 129
4.1.4 认知心理学的作用 130
4.2 游戏UI界面设计中的视听元素 130
4.2.1 图形元素设计 131
实战练习01——制作游戏界面的背景
和图形元素 133
4.2.2 动态元素设计 137
实战练习02——制作游戏界面的标签栏 140
4.2.3 视听元素设计 146
实战练习03——制作游戏界面的导航栏和装饰
元素 147
4.3 游戏UI界面设计的要求 154
4.3.1 游戏UI 界面设计的准备工作 154
实战练习04——制作游戏的帮助界面 156
4.3.2 游戏UI 界面的设计原则 164
4.3.3 游戏UI 界面的设计要点 165
4.4 游戏UI界面的类型 168
4.4.1 PC 端游戏UI 界面设计 168
4.4.2 移动端游戏UI 界面设计 169
4.5 本章小结 176
第5章 网页UI界面设计
5.1 网页的类型 177
5.1.1 环境型界面 177
5.1.2 情感型界面 177
5.1.3 功能型界面 178
5.2 网页设计原则 180
5.2.1 界面美观 180
实战练习01——制作时尚简洁的网站背景 181
5.2.2 优秀的用户体验 185
5.2.3 中心明确 186
5.2.4 整体性与一致性 186
实战练习02——制作时尚简洁的网站主体与
版底 186
5.2.5 及时更新与定期维护 192
5.3 网页界面构成元素 192
5.3.1 文本 193
5.3.2 图像 193
实战练习03——制作宽屏网页的顶部与底部 193
5.3.3 多媒体 197
5.3.4 配色 198
5.4 网页版式与布局 198
5.4.1 布局方式 198
5.4.2 网页选图 201
实战练习04——制作宽屏网页的主体 203
5.4.3 网页构图 204
5.5 网页切图规范 205
实战练习05——制作时尚简洁地电子商务
网站切图 206
5.6 网页UI界面适配 209
5.6.1 适配的方式方法 209
5.6.2 适配需要注意的点 210
5.7 本章小结 210
第6章 Android系统UI界面设计
6.1 认识 Android 系统 211
6.1.1 Android 系统概述211
6.1.2 Android 系统的优势 211
6.1.3 Android 系统的局限性 212
6.1.4 定制 Android 系统 212
6.2 Android 系统UI界面设计规范 214
6.2.1 Android 系统的基本单位 214
6.2.2 Android 系统界面的设计尺寸 215
实战练习01——制作购物App 的顶部
和Banner 217
6.2.3 Android 系统的图标与按钮 221
6.2.4 Android 系统的元素间距 223
6.2.5 App 中的文字规范 223
实战练习02——制作App 的分类图标
和Banner 225
6.3 Android 系统UI界面设计原则 229
6.3.1 界面美观整洁 229
6.3.2 操作简便 230
6.3.3 优化用户体验 233
6.3.4 App 界面的整体性 234
实战练习03——制作App 的版本更新弹出框 235
6.4 Android 系统界面输出 239
6.4.1 设计稿标注 239
6.4.2 设计稿切图 240
实战练习04——制作App 的优惠专区
和底部导航 242
6.4.3 适配输出 245
6.5 本章小结 246
第7章 iOS系统UI界面设计
7.1 iOS系统概况 247
7.1.1 了解iOS 系统 247
7.1.2 了解Watch OS 系统 248
7.2 iOS系统界面设计规范 248
7.2.1 界面尺寸规范 248
7.2.2 栏高尺寸规范 250
7.2.3 边距和间距尺寸规范 250
实战练习01——制作iOS 系统天气界面 254
7.2.4 图标尺寸规范 259
7.2.5 字体规范 260
7.2.6 图片设计规范 262
实战练习02——制作iOS 系统监测界面
上半部分 262
7.3 iOS系统界面设计原则 265
7.3.1 审美完整性 265
7.3.2 一致性 267
7.3.3 直接操作 268
7.3.4 反馈 269
7.3.5 隐喻 269
7.3.6 用户控制 269
实战练习03——制作iOS 系统监测界面
下半部分 270
7.4 iOS系统界面输出 273
7.4.1 项目立项 273
7.4.2 项目制作 274
7.4.3 切图标注 275
7.4.4 切图输出 277
实战练习04——制作完美的iOS 系统
天气界面切图 279
7.4.5 适配输出 283
7.5 本章小结 284
新书资讯
