前言

随着科技的发展，手机与人们生活的联系日益密切。手机中的软件系统是用户直接操作的对象，它以精美的视觉效果和便捷的操作为用户所青睐，进而促进了移动UI设计行业的兴盛。

本书主要讲解在iOS和Android两种操作系统中设计与制作App的UI设计相关知识，采用全流程设计的方式，由浅入深地讲解初学者需要掌握的基础知识和操作技巧，全面解析各种元素的具体绘制方法，并在知识点后衔接相关案例，使读者能够轻松理解知识点。

内容安排

全书共8章，每章包含的主要内容如下。

第1章 关于移动UI设计，内容包括了解移动UI设计、移动UI的系统分类、移动UI设计流程、移动UI设计原则和移动UI设计流程的职位划分等。

第2章 移动UI策划与原型设计，内容包括确定移动UI目标用户、完成移动UI策划书、了解思维导图、绘制思维导图的常用软件、绘制移动UI思维导图、绘制移动UI草图、了解原型设计、绘制原型的常用软件和绘制移动UI原型图等。

第3章 优秀的移动UI色彩搭配，内容包括认识色彩、了解色彩搭配方法与配色方法、构建移动UI颜色系统和移动UI色彩搭配的注意事项等。通过对本章内容的学习，读者可以了解并掌握为移动UI进行配色设计的方法与技巧。

第4章 出色的移动图标设计，内容包括初识App图标、图标设计常用软件、熟悉图标栅格系统、图标设计形式、App图标的分类、图标尺寸和图标组设计规范等。

第5章 移动App的UI设计，内容包括移动UI的基本元素、常见的UI设计软件、移动UI的设计基础、移动UI的字体规范、移动UI图片尺寸规范和移动App内容布局等。通过对本章内容的学习，读者可以了解并掌握移动UI设计的方法与技巧。

第6章 移动App交互设计，内容包括了解UI交互设计、常见的交互设计软件、交互设计的基本流程、移动UI交互的类型、动效在UI中的作用和交互设计需要遵循的习惯等。通过对本章内容的学习，读者可以认识并了解移动App中的交互设计。

第7章 适配与输出移动UI设计，内容包括标注的重要性、常见的标注软件、标注移动UI、移动UI标注规范、输出与适配iOS UI设计和输出与适配Android系统UI设计等。通过对本章内容的学习，读者可以了解并掌握标注和输出不同操作系统的移动UI的方法与技巧。

第8章 设计与制作移动App项目，本章通过全流程的方式完成美妆电商App项目和美食外卖App项目的制作，使读者充分体验全流程方式设计与制作移动UI的乐趣和成就感。

本书根据读者对知识理解的不同深度，以实际工作流程为讲解过程，按照策划、配色、设计、制作、标注、切图和适配的步骤进行讲解，真正做到为读者考虑，让不同层次的读者都能有针对性地学习相关内容，并有效帮助UI设计爱好者提高操作速度与工作效率。

本书知识结构清晰，内容有针对性，案例精美实用，适合大部分UI设计爱好者与各院校设计相关专业的学生阅读。本书随书附赠书中所有案例的教学视频、素材和源文件，用于补充书中部分细节内容，方便读者学习和参考。

本书特点

本书采用“知识点+案例”的教学方式，向读者全面地介绍不同类型移动UI设计的相关知识和所需的操作技巧。本书的主要特点如下。

● 语言通俗易懂

本书采用通俗易懂的语言向读者全面介绍各种类型移动App UI设计所需的基础知识和操作技巧，让读者能够理解并掌握相应的功能与操作。

● 基础知识与操作案例结合

本书摒弃了传统教科书式的纯理论式教学，采用“理论知识+操作步骤”的讲解模式。

● 使用当前新技术与软件

本书案例使用的软件与目前该行业使用的软件一致，如使用制作软件Adobe XD和Axure RP 10来完成移动UI的原型展示、使用Illustrator CC和Photoshop CC完成移动UI的图标制作、使用Photoshop CC和Adobe XD完成多个案例的UI设计和交互设计的制作，并使用PxCook完成标注和切图操作。

● 利用多媒体辅助学习

为了拓展读者的学习方式和增强读者的学习兴趣，本书提供所有案例的相关素材、源文件和教学视频，请读者前往人邮教育社区下载（www.ryjiaoyu.com）。读者可以参考本书案例实现相应的效果，并将所学知识与技巧快速应用于实际工作中。

本书适合UI设计爱好者、移动UI设计和欲进入UI设计领域的读者，以及设计相关专业院校的学生阅读，同时本书对专业设计人员也有很高的参考价值。希望本书能够帮助读者早日成为优秀的UI设计师。由于编写水平有限，书中疏漏之处在所难免，望广大读者批评指正。

编者

2021年9月