《微课学AdobeXD移动UI设计》以项目引入的方式讲解，针对iOS系统和Android系统两种移动设备界面的结构及设计规范进行学习。《微课学AdobeXD移动UI设计》采用案例带动知识点的教学方式，将枯燥的知识点融入到丰富有趣的案例制作中，全面解析移动端APP界面设计的流程及设计技巧。书中案例使用AdobeXD主流UI设计软件制作。《微课学AdobeXD移动UI设计》将提供全部案例的素材、源文件和教学视频，读者可以结合书、练习文件和教学视频，提升移动端APPUI界面设计的学习效率。

本书特色《微课学AdobeXD移动UI设计》以丰富应用案例为骨架，从iOS、Android到HarmonyOS系统的UI文件创建，从图标设计、页面原型到交互动效制作，手把手带你掌握从需求分析到最终输出的完整流程；辅以拓展案例，兼顾技能培养；每章配备选择、判断、创新题，助力巩固知识、激发设计思维。《微课学AdobeXD移动UI设计》赠送源文件、素材、教学视频和PPT课件,读者可以结合书、练习文件和教学视频，提升移动端APPUI界面设计的学习效率。读者对象《微课学AdobeXD移动UI设计》适合UI设计爱好者、App界面设计、移动UI设计从业者阅读，也适合作为各院校相关设计专业的参考教材。

前言
在科技不断发展的今天，手机与大众生活的联系日益密切，其功能也越来越强大，而手机的软件系统因其美观实用、操作便捷为用户所青睐，已成为用户直接操作的主体，因此用户界面设计的规范性就显得尤为重要。
本书主要依据不同移动系统的构成元素，由浅入深地讲解使用Adobe XD设计制作App产品UI的方法和技巧。本书结合第三方制作的实例进行讲解，详细地介绍了制作步骤和软件的应用技巧，使读者能轻松地学习并掌握。
本书章节及内容安排
本书从实用的角度出发，全面、系统地讲解了Adobe XD的各项功能和使用方法，书中内容基本上涵盖了Adobe XD的全部工具和重要功能，并运用多个精彩实例贯穿于整个讲解过程，操作一目了然，语言通俗易懂，适合读者自学。
本书共分为7章，各章的主要内容如下：
第1章，讲解Adobe XD的基础知识，包括移动端UI设计基础、移动UI设计流程、移动UI设计常用工具、关于Adobe XD、下载和安装Adobe XD、Adobe XD的工作界面和Adobe XD的帮助资源等内容。
第2章，讲解Adobe XD的基本操作，包括使用主页、新建文件、创建和管理画板、打开文件、导入文件、存储文件、获取UI套件、撤销与恢复操作，以及辅助工具等内容。
第3章，讲解Adobe XD创建与编辑对象的方法，包括创建对象、编辑对象、布尔运算和为对象设置样式等内容。
第4章，主要讲解Adobe XD设计制作产品原型的方法，包括创建文本、管理文本、形状蒙版、重复网格、设置滚动和设置版面等内容。
第5章，讲解使用Adobe XD设计制作产品UI的方法，包括创建库资源、应用库资源、管理和编辑库资源、使用图层、效果和混合模式，以及使用3D变换进行透视设计等内容。
第6章，讲解使用Adobe XD设置制作页面交互的方法，包括添加交互、自动制作动画、使用其他方式构建交互、创建定时过渡、添加叠加、创建锚点链接和预览UI设计等内容。
第7章，讲解输出和标注UI设计的方法，包括使用Adobe XD输出设计资源、输出iOS系统的UI设计、输出Android系统的UI设计和标注移动App UI设计等内容。
本书的知识结构清晰、内容有针对性、案例精美实用，随书附赠了书中所有案例的教学视频、源文件和PPT课件，用于补充书中部分细节内容，方便读者学习和参考。读者扫描下方二维码，即可下载获取。

由于编者水平和经验有限，书中难免有不足之处，敬请读者批评指正。

编者

高鹏从事相关设计工作多年，能够独立完成各类UI界面的设计与制作，同时熟悉广告设计流程与印刷流程，对于色彩搭配有独特的设计理念，具有较强的文档及报告的编写能力，熟练使用Axure，Photoshop；C4D；Illustrator；VISIO等相关软件。熟悉短视频开发与制作流程，并能熟练掌握各种短视频拍摄与制作软件。

目录
第1章　了解Adobe XD
1.1　移动端UI设计基础
1.1.1?了解移动UI设计
1.1.2?移动端UI设计平台
1.1.3?移动端与PC端UI设计的区别
1.2　移动UI设计流程
1.2.1?需求分析
1.2.2?交互设计
1.2.3?视觉界面设计
1.3　移动UI设计常用工具
1.3.1?XMind和Axure RP
1.3.2?Photoshop和Sketch
1.3.3?Adobe XD和Figma
1.3.4?PxCook和Assistor PS
1.4　关于Adobe XD
1.4.1?Adobe XD简介
1.4.2?Adobe XD的特点
1.5　下载和安装Adobe XD
1.5.1?下载Adobe XD
1.5.2?使用Creative Cloud Cleaner Tool
1.6　Adobe XD的工作界面
1.6.1?菜单栏
1.6.2?工具箱
1.6.3?模式栏
1.6.4?“属性”面板
1.6.5?工作区域
1.7　Adobe XD的帮助资源
1.8　总结拓展
1.9　课后测试
第2章　Adobe XD的基本操作
2.1　使用主页
2.2　新建文件
2.3　创建和管理画板
2.3.1?创建新画板
2.3.2?应用案例——创建iOS系统App文件
2.3.3?使用现有画板
2.3.4?管理画板
2.3.5?应用案例——创建Android系统App文件
2.4　打开文件
2.4.1?“打开”命令
2.4.2?从您的计算机中打开
2.4.3?最近打开文件
2.5　导入文件
2.5.1?“导入”命令
2.5.2?应用案例——拖曳导入图片素材
2.6　存储文件
2.6.1?“保存”与“另存为”命令
2.6.2?存储为本地文档
2.6.3?重命名
2.6.4?应用案例——保存HarmonyOS系统UI文件
2.7　获取UI套件
2.8　撤销与恢复操作
2.8.1?撤销与重做
2.8.2?恢复文件
2.9　辅助工具
2.9.1?应用案例——为iOS系统UI设计创建参考线
2.9.2?管理参考线
2.9.3?使用智能参考线
2.9.4?应用网格定位对象
2.9.5?管理网格
2.10　总结拓展
2.11　课后测试
第3章　Adobe XD创建与编辑对象
3.1　创建对象
3.1.1?使用“矩形”工具
3.1.2?使用“椭圆”工具
3.1.3?使用“直线”工具
3.1.4?使用“多边形”工具
3.1.5?使用“钢笔”工具
3.1.6?应用案例——设计制作标签栏图标
3.2　编辑对象
3.2.1?选择和删除对象
3.2.2?拷贝和粘贴对象
3.2.3?对齐和分布对象
3.2.4?排列对象
3.2.5?应用案例——设计制作扁平风格装饰图标
3.2.6?调整和旋转对象
3.2.7?编组和锁定对象
3.2.8?应用案例——绘制iOS系统的状态栏图标
3.3　布尔运算
3.3.1?添加
3.3.2?减去
3.3.3?交叉
3.3.4?排除重叠
3.3.5?应用案例——绘制iOS系统Wi-Fi电池图标
3.4　为对象设置样式
3.4.1?设置填充
3.4.2?设置边界
3.4.3?设置内阴影
3.4.4?设置投影
3.4.5?应用案例——设计制作视频App启动图标
3.5　总结拓展
3.6　课后测试
第4章　Adobe XD设计制作产品原型
4.1　创建文本
4.1.1?输入文本
4.1.2?导入文本
4.2　管理文本
4.2.1?设置文本格式
4.2.2?设置文本变换
4.2.3?设置段落的宽高
4.2.4?应用案例——设计制作购物App原型上新部分
4.2.5?拼写检查
4.3　形状蒙版
4.4　重复网格
4.4.1?创建重复网格
4.4.2?编辑重复网格
4.4.3?应用案例——更新重复网格中的文本和图片
4.5　设置滚动
4.5.1?创建垂直滚动
4.5.2?创建滚动组
4.5.3?应用案例——设计制作购物App原型推荐部分
4.6　设置版面
4.6.1?使用响应式调整大小
4.6.2?手动编辑约束
4.6.3?应用案例——调整页面适配平板设备
4.7　总结拓展
4.8　课后测试
第5章　Adobe XD设计制作产品UI
5.1　创建库资源
5.1.1?添加颜色资源
5.1.2?添加字符样式资源
5.1.3?添加组件资源
5.1.4?应用案例——创建iOS系统UI设计系统
5.1.5?添加视频资源
5.2　应用库资源
5.2.1?应用颜色资源
5.2.2?应用组件资源
5.2.3?应用案例——为App界面中的组件添加状态
5.3　管理和编辑库资源
5.3.1?管理库资源
5.3.2?编辑库资源
5.4　使用图层
5.4.1?“图层”面板
5.4.2?搜索图层
5.4.3?管理图层
5.4.4?应用案例——设计制作茶道App市集页面 UI
5.5　效果和混合模式
5.5.1?使用效果
5.5.2?应用案例——为UI中的图片添加内阴影效果
5.5.3?使用混合效果
5.5.4?应用案例——为App界面背景添加花纹
5.6　使用3D变换进行透视设计
5.6.1?启用3D变换
5.6.2?旋转物体
5.6.3?应用深度
5.7　总结拓展
5.8　课后测试
第6章　Adobe XD设计制作页面交互
6.1　添加交互
6.1.1?设置主页
6.1.2?建立链接
6.1.3?设置交互效果
6.1.4?链接上一个画板
6.1.5?取消链接
6.1.6?应用案例——设计制作App页面交互动画
6.2　自动制作动画
6.2.1?创建交互式动画
6.2.2?应用案例——设计制作App页面轮播交互效果
6.3　使用其他方式构建交互
6.3.1?使用按键和游戏手柄创建交互
6.3.2?使用语音命令和语音播放创建交互
6.4　创建定时过渡
6.4.1?使用“时间”触发条件创建交互
6.4.2?应用案例——设计制作App加载进度条动效
6.5　添加叠加
6.5.1?使用“叠加”操作类型创建交互
6.5.2?应用案例——设计制作App搜索界面的交互动效
6.6　创建锚点链接

6.7　预览UI设计
6.7.1?预览交互动效
6.7.2?预览“语音”命令下的交互动效
6.8　总结拓展
6.9　课后测试
第7章　输出和标注UI设计
7.1　使用Adobe XD输出设计资源
7.1.1?导出切片资源
7.1.2?不同格式的切片资源
7.2　输出iOS系统的UI设计
7.2.1?iOS系统向下和向上适配
7.2.2?适配切片命名规范
7.2.3?应用案例——完成iOS系统UI界面的切片输出
7.3　输出Android系统的UI设计
7.3.1?Android系统中的“点9”切图
7.3.2?适配输出中的一稿两用
7.3.3?应用案例——完成Android系统UI界面的切片输出
7.4　标注移动App UI设计
7.4.1?App界面标注内容
7.4.2?标注的声明文档
7.4.3?UI设计的标注规范
7.4.4?常用的标注工具
7.5　总结拓展
7.6　课后测试