前 言

移动UI，即移动用户界面，特指为智能手机、平板电脑等便携式设备精心打造的用户交互界面。它全面涵盖与用户进行互动的视觉元素与操作控件，旨在为用户带来直观、高效且令人愉悦的交互体验。移动UI设计是一个系统性的过程，始于深入理解目标用户群体的需求与偏好，通过精心策划与设计方案的制订，最终落实到界面的实现与优化上。这一设计过程的核心目标，是确保用户能够无缝、轻松地操作应用程序或访问网站，同时享受到积极、满意的用户体验。

本书以理论与实际应用相结合的方式，从易教、易学的角度出发，详细地介绍移动UI设计的基础理论及设计规范，同时也为读者讲解设计思路，让读者掌握移动UI设计与制作的方法，提高读者的操作能力。

本书特色

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

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

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

内容概述

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

表1

章序 内容 难度指数

第1章 主要介绍移动UI的设计基础，包括什么是UI设计、UI设计与移动UI设计的区别、移动UI的系统分类、移动UI设计原则、AIGC在移动UI中的应用，以及移动UI设计流程等 ★☆☆

第2章 主要介绍移动UI的色彩搭配，包括色彩属性与类别、色彩搭配基础、构建UI颜色系统，以及常见的移动UI配色等 ★★☆

第3章 主要介绍移动UI的原型设计，包括UI草图绘制、移动UI原型设计，以及常用的原型设计软件等 ★★☆

第4章 主要介绍移动UI的构建，包括界面构建的元素、UI控件类型详解、按钮的视觉设计，以及弹窗的视觉设计等 ★★★

第5章 主要介绍HarmonyOS UI设计，包括HarmonyOS基础知识、界面构成、图标设计规范、文字设计规范，以及HarmonyOS应用架构等 ★★★

第6章 主要介绍Android UI设计，包括Android的常用单位、Android图标设计、Android文字设计规范，以及图片设计规范等 ★★★

第7章 主要介绍iOS UI设计，包括iOS基础知识、iOS界面尺寸规范、iOS文字设计规范，以及iOS界面设计规范等 ★★★

第8章 主要介绍交互动效设计，包括交互设计基础、移动UI交互类型、UI动效、UI动效的属性，以及UI动效的类型等 ★★☆

第9章 主要介绍标注与切图，包括界面标注、界面标注的常用工具、界面的切图，以及界面切图的常用工具等 ★★☆

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

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

作者

2024年8月

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