目录
第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 课后测试
