移动UI设计（微课版）

本书采用全流程设计的方式，对iOS和Android 系统移动设备界面的结构及设计规范进行讲解。全 书采用知识点辅助案例的教学方式，在大量的知识 点中融入丰富有趣的案例制作，系统解析移动端App 界面设计的流程及设计技巧。书中案例使用Axure RP 10、Adobe XD、Adobe Photoshop CC、Adobe Illustrator CC和PxCook等主流UI设计软件制作。 本书共8章:第1章，关于移动UI设计；第2章， 移动UI策划与原型设计；第3章，优秀的移动UI色彩 搭配；第4章，出色的移动图标设计；第5章，移动 App 的UI设计；第6章，移动App交互设计；第7章 ，适配与输出移动UI设计；第8章，设计制作移动 App项目。 本书将提供全部案例的素材、源文件和教学视 频，读者可以结合书、练习文件和教学视频，提高 移动UI设计的学习效率。本书适合UI 设计爱好者、 移动UI 设计从业者阅读，也适合作为各院校设计相 关专业的教材。

第1章 关于移动UI设计 1.1 了解移动UI设计 1.1.1 初识UI设计 1.1.2 移动UI设计的概念 1.1.3 移动UI与PC端UI 1.1.4 PC端UI重置为移动UI 1.2 移动UI的系统分类 1.2.1 iOS系统 1.2.2 HarmonyOS系统 1.2.3 Android系统 1.2.4 Wear OS和Watch OS系统 1.3 移动UI设计流程 1.3.1 需求分析 1.3.2 原型设计 1.3.3 UI设计 1.4 移动UI设计原则 1.4.1 风格一致性原则 1.4.2 元素准确性原则 1.4.3 界面布局合理化原则 1.4.4 系统响应时间原则 1.5 移动UI流程的职位划分 1.5.1 产品经理 1.5.2 项目经理 1.5.3 UI设计师 1.5.4 开发工程师 1.6 本章小结 第2章 移动UI策划与原型设计 2.1 确定移动UI目标用户 2.1.1 分析移动UI项目背景 2.1.2 掌握用户画像分析法 2.2 完成移动UI策划书 2.3 了解思维导图 2.3.1 思维导图的设计依据 2.3.2 思维导图的特点 2.3.3 思维导图的作用 2.4 思维导图的常用软件 2.4.1 MindMeister 2.4.2 MindManager 2.4.3 XMind 2.4.4 操作案例——下载并安装Xmind 2.5 绘制移动UI思维导图 2.5.1 思维导图的操作流程 2.5.2 思维导图的基本类型 2.5.3 操作案例——绘制美妆App的首页思维导图 2.6 绘制移动UI草图 2.6.1 了解草图的概念 2.6.2 认识草图的特点 2.6.3 草图功能的体现 2.6.4 常见的草图形式 2.7 了解原型设计