移动端UI设计

本书围绕UI 设计师岗位能力要求，在认真分析职业岗位需求和学生认知规律的基础上全面规划和组织内容，合理安排教学单元的顺序。全书共分为6 章，主要内容包括：移动端UI 设计概述；移动产品设计流程与用户体验；UI 界面设计原则与规范；UI 设计艺术表现；UI 元素设计；UI 设计实战。本书包含了大量精美的界面元素、APP 应用界面视觉设计的案例，利用较详细的布局规划、创意思维、配色方案、组件分析等来对案例的创作思路进行阐述，向读者介绍移动UI 视觉设计的创作技巧。本书主要适用于高等学校移动互联应用技术专业和艺术设计相关专业的学生，也可作为移动终端UI设计人员的入门用书。为方便教学，本书提供电子课件等教学资源，请登录华信教育资源网（www.hxedu.com.cn）免费下载。

朱颖博，女，北京邮电大学世纪学院艺术与传媒学院讲师。研究方向：设计艺术学、数字媒体艺术教育经历：2006年7月毕业于北京印刷学院艺术设计专业，获学士学位；2009年4月毕业于北京印刷学院设计艺术学专业，获硕士学位。所获奖励：2011年11月，获得第五届全国数字艺术设计大赛优秀指导教师； 2013年12月，教育部教育管理信息中心授予第八届全国信息技术应用水平大赛*指导教师奖。

第1章　移动端UI设计概述
1.1 移动媒体 2
1.2 UI设计 2
1.2.1　UI的范畴 2
1.2.2　移动端UI设计 5
1.3 UI设计的历史与现状 5
1.3.1　图形界面发展历史 5
1.3.2　UI设计的方向 16
第2章　移动产品设计流程与用户体验

2.1 移动产品开发设计的五个
　 层次 20
2.1.1　战略层设计 20
2.1.2　范围层设计 21
2.1.3　结构层设计 22
2.1.4　框架层设计 22
2.1.5　表现层设计 23
2.2 设计流程中的用户体验
设计 23
2.2.1　用户体验概念 23
2.2.2　用户体验价值 24
2.2.3　用户体验模型 24
2.2.4　用户体验引入工作
　　　流程 25
2.3 移动设计操作流程 34
2.3.1　流程图 34
2.3.2　移动设计阶段与分工 36
第3章　UI界面设计原则与规范

3.1 UI界面设计原则 42
3.1.1　一致性原则 42
3.1.2　简洁性原则 43
3.1.3　人性化原则 44
3.2 UI界面设计规范 44
3.2.1　界面尺寸及适配规范 44
3.2.2　iOS界面设计规范 47
第4章　UI设计艺术表现

4.1 UI视觉设计流程 50
4.2 移动端UI视觉风格要素 51
4.2.1　文字 51
4.2.2　图形图像 55
4.2.3　色彩 56
4.2.4　版式 57
4.3 UI设计风格与手法 61
4.3.1　拟物化 61
4.3.2　扁平化 64
4.3.3　Material Design 65
4.3.4　绘画风格 67
4.3.5　摄影风格 69
4.4 UI色彩设计 74
4.4.1　色彩基础知识 74
4.4.2　UI色彩设计技巧 76
4.4.3　UI色彩搭配方式 77
第5章　UI元素设计
5.1 图标设计 86
5.1.1　图标概述 86
5.1.2　图标尺寸与类型 86
5.1.3　图标隐喻设计 87
5.1.4　图标设计过程 89
5.2 UI控件设计 92
5.2.1　UI控件概述 92
5.2.2　UI常见控件 92
5.2.3　UI控件质感设计 109
第6章　UI设计实战

6.1 原型设计 114
6.1.1　原型设计类型 114
6.1.2　常用原型设计软件 115
6.1.3　 Axure RP实战操作 118
6.2 界面实战制作 133
6.2.1　常用界面制作软件 133
6.2.2　实操案例 134
6.3 设计资源 146
6.3.1　字库资源 146
6.3.2　图库资源 146
6.3.3　交流论坛 147
参考文献 149

现如今，互联网与人们的生活高度融合，可以说人们的衣食住行都可以从互联网上获得，随着信息化进程的进一步加速，人们如今已然离不开方便快捷的移动互联网，与此同时，能满足用户各种需求的移动数字产品快速兴起。这些移动互联网产品都有这样一个共同特点：吸引用户眼球的界面、良好的用户体验设计、用于网络推广的活动页设计等，与之密切相关的UI设计师岗位应运而生，并日趋火热。

目前，我国很多院校的计算机相关专业和设计类专业，都逐步将UI设计作为一门重要的专业课程。笔者讲授UI设计相关课程已有多年经验，在出版本教材之前，也曾选用过多种教材。既选用过国外行业设计师的原著翻译版图书，也选用过一些其他相关教材。通过教学过程发现，大部分书籍并不完全适合于教学，原因之一是原著翻译存在理解上的问题。之前选用的其他UI设计的教材内容不够适用，主要是由于其在书中使用过多篇幅讲述图标图形制作过程，在内容上成为软件学习的教材。但UI设计教材不应该是介绍相关软件操作的教材，学生应该在掌握一定软件的基础上进行UI设计课程的学习。

作为UI设计师，不仅仅需要关注产品界面视觉设计，还应该了解UI发展的历史，从而能更好地把握设计的走向和趋势，同时，还需要了解行业中移动产品设计流程，以便工作时能更好地融入团队，快速进入角色。因此，笔者围绕行业内对UI设计师的岗位要求，并结合学生的学习认知规律，在多年教学实践的基础上经过研究、总结，编写了此书。

全书共分为6章，第1章
移动端UI设计概述，介绍移动媒体的基本概念、UI的范畴以及UI设计的历史与现状；第2章
移动产品设计流程与用户体验，介绍当前行业中移动产品开发设计的流程，UI设计阶段和分工，着重介绍用户体验以及在设计流程中的引入；第3章 UI界面设计原则与规范，通过对设计原则和规范的介绍让学生能更好地把握设计的前提；第4章 UI设计艺术表现，主要包含UI视觉设计流程、视觉风格要素、UI设计风格手法以及UI色彩设计知识；第5章 UI元素设计，详细阐述图标设计和控件设计，让学生对UI局部设计有深入的学习；第6章 UI设计实战，介绍一些实用的UI设计软件及常见操作，让自学读者能轻松快速上手，此外本章还为读者提供了一些设计资源。

本书的读者对象为泛艺术设计类专业、计算机专业的学生以及想从事移动终端UI设计的人员。根据读者的特点，以实际应用为出发点，围绕实例说明，书中选用大量精美的图例，使读者便于消化和理解。本书由北京邮电大学世纪学院朱颖博老师编著。为方便教学，本书提供电子课件等教学资源，请登录华信教育资源网（www.hxedu.com.cn）免费下载。

UI设计作为一个新兴行业，发展变化日新月异。书中如有不足，请批评指正。如果本书能让广大初学者能够有所启发，这将令笔者备感欣慰。

 

朱颖博