前 言

UI是指用户界面，是软件、网站或应用程序与用户交互的部分。它是用户与系统进行信息交流和操作的媒介。UI界面设计则是对软件的人机交互、操作逻辑、界面美观的整体设计。本书以理论与实际应用相结合的方式，从易教、易学的角度出发，详细地介绍UI界面设计基础理论及设计规范，同时也为读者讲解设计思路，让读者掌握动效设计与制作的方法，提高读者的操作能力。

本书特色

理论+实操，实用性强。本书为疑难知识点配备相关的实操案例，使读者在学习过程中能够从实际出发，学以致用。

结构合理，全程图解。本书全程采用图解的方式，让读者能够直观地看到每一步的具体操作。

疑难解答，学习无忧。本书每章最后安排“新手答疑”板块，主要针对实际工作中一些常见的疑难问题进行解答，让读者能够及时地处理学习或工作中遇到的问题。同时还可举一反三地解决其他类似的问题。

内容概述

全书共9章，各章内容见表1。

表1

章序 内容 难度指数

第1章 主要介绍UI设计基础、UI设计方向、UI设计规范、UI设计的项目流程、AIGC在UI中的应用，以及UI设计元素应用规范 ★☆☆

第2章 主要介绍界面设计在线工具—MasterGo的工作界面、标尺与参考线、基础工具、协同评论、切图和导出、组件与样式及原型交互 ★★☆

第3章 主要介绍图标的类型、图标的设计风格、iOS图标设计规范、Android图标设计规范及HarmonyOS图标设计规范 ★★★

第4章 主要介绍控件的基础知识、按钮控件、选择控件、分段控件、信息反馈控件以及文本框控件的类型与设计规范 ★★★

第5章 主要介绍组件的基础知识、导航类组件、输入类组件、展示类组件以及反馈类组件的设计规范 ★★★

第6章 主要介绍App常用界面类型、App原型设计以及App设计规范 ★★★

第7章 主要介绍PC端UI设计、PC源生UI、客户端UI、网页端UI类型与设计规范 ★★★

第8章 主要介绍移动端微信小程序、PC端微信小程序、微信小程序的创建以及微信小程序界面设计规范 ★★☆

第9章 主要介绍界面标注、界面的切图以及界面的动效设计的要点与常用工具等内容 ★★☆

本书的读者对象

高等院校相关专业的师生。

从事UI设计的工作人员。

对UI设计有着浓厚兴趣的爱好者。

想通过知识改变命运的有志青年。

希望掌握更多技能的办公室人员。

本书的配套素材和教学课件可扫描下面的二维码获取，如果在下载过程中遇到问题，请联系袁老师，邮箱：yuanjm@tup.tsinghua.edu.cn。书中重要的知识点和关键操作均配备高清视频，读者可扫描书中二维码边看边学。

本书由张博文、张亚琼、职秀梅编写，在编写过程中得到了郑州轻工业大学教务处的大力支持，在此表示感谢。写作过程中作者虽力求严谨细致，但由于时间与精力有限，书中疏漏之处在所难免。如果读者在阅读过程中有任何疑问，请扫描下面的技术支持二维码，联系相关技术人员解决。教师在教学过程中有任何疑问，请扫描下面的教学支持二维码，联系相关技术人员解决。

配套素材 教学课件 技术支持 教学支持