《Adobe XD功能解析与应用(培训教材版)》分为三大部分:第1部分是Adobe XD从零到精通,这部分对软件的各种操作方法和技巧进行了全面的讲解,为设计打下基础;第2部分是Adobe XD设计实例,这部分讲解软件在具体设计实例中的应用,在强化软件操作的同时使读者了解实际的设计工作;第3部分讲解Adobe XD和其他软件的衔接,这部分知识是对Adobe XD的延伸和拓展。附带学习资源,内容包括书中知识讲解用到的源文件,以及PPT教学课件和在线教学视频,读者可通过在线方式获取这些资源,具体获取方法请参看本书前言。
《Adobe XD功能解析与应用(培训教材版)》适合UI和UE设计师阅读使用,同时也可以作为产品经理和程序员的参考用书。
全面讲解中文版Adobe XD 的操作方法和技巧;
从零开始,结合实例演示Adobe XD在设计中的应用;
分享Adobe XD与第三方应用的衔接方法,扩展设计边界;
15集配套教学视频,帮助读者轻松掌握Adobe XD;
提供9个配书教学PPT课件。
黄方闻
高级交互设计师,IXDC、UI中国等平台合作讲师,曾实现过多款产品的从0 到1,已出版著作《动静之美——Sketch 移动UI与交互动效设计详解》《Adobe XD功能解析与应用》。
第1部分 Adobe XD从零到精通
第1章 Adobe XD基础入门 1
1.1 Adobe XD简介 2
1.2 Adobe XD的安装 6
1.2.1 macOS版Adobe XD的安装 6
1.2.2 Windows版Adobe XD的安装 8
1.3 Adobe XD的欢迎界面 9
1.4 Adobe XD的常见问题 14
1.4.1 Adobe XD是否是完全免费的 14
1.4.2 Adobe XD对系统版本的要求 14
1.4.3 Adobe XD是否可以离线安装 15
1.4.4 Adobe XD的卸载 15
1.4.5 能否使用Windows 10的触控功能操作Adobe XD 16
1.4.6 Adobe XD官方中文版 16
第2章 Adobe XD的设计模式详解 17
2.1 Adobe XD的界面布局 18
2.1.1 macOS版Adobe XD的界面布局 18
2.1.2 Windows版Adobe XD的界面布局 18
2.2 Adobe XD的工具及其用法 20
2.2.1 选择工具 20
2.2.2 矩形工具 22
2.2.3 椭圆工具 31
2.2.4 直线工具 31
2.2.5 钢笔工具 31
2.2.6 文本工具 35
2.2.7 画板工具 37
2.2.8 缩放工具 39
2.3 Adobe XD的资源面板和图层面板 40
2.3.1 资源面板 40
2.3.2 图层面板 45
2.4 重复网格 47
2.4.1 创建重复网格 48
2.4.2 为重复网格添加内容 50
2.4.3 批量修改样式 54
2.5 Adobe XD其他补充知识 55
2.5.1 蒙版遮罩 55
2.5.2 将文本转换为路径 57
第3章 Adobe XD的原型模式详解 59
3.1 Adobe XD的原型模式 60
3.1.1 进入Adobe XD的原型模式 60
3.1.2 设置主界面 60
3.1.3 设置滚动页面 61
3.1.4 设置固定位置 62
3.1.5 设置页面跳转 62
3.1.6 设置跳转效果 64
3.1.7 录制交互预览效果 67
3.2 在移动设备上预览设计和原型 68
3.2.1 移动版Adobe XD的App安装 68
3.2.2 Adobe XD文档 68
3.2.3 实时预览 69
3.2.4 设置 70
第4章 Adobe XD的导出和共享 71
4.1 Adobe XD的导出 72
4.1.1 导出画板和图层 72
4.1.2 导出选项 74
4.2 Adobe XD的共享 75
4.2.1 共享原型 76
4.2.2 共享设计规范 78
4.2.3 管理发布的链接 79
第2部分 Adobe XD设计实例
第5章 用Adobe XD设计图标 81
5.1 线框图标设计 82
5.1.1 搜索图标设计 82
5.1.2 灯泡图标设计 85
5.1.3 扳手图标设计 86
5.2 扁平图标设计 88
5.2.1 图片文件图标设计 88
5.2.2 实验器材图标设计 90
5.2.3 花朵图标设计 92
第6章 用Adobe XD设计UI界面 97
6.1 UI设计前的准备 98
6.2 登录界面的设计 98
6.2.1 轻量化登录界面设计 98
6.2.2 带键盘交互的登录界面设计 106
6.2.3 传统的登录界面设计 111
6.3 主界面的设计 117
6.3.1 App store的Today界面设计 118
6.3.2 旅游App的首页设计 122
6.4 内容界面的设计 130
App store的内容页设计 130
6.5 个人中心界面的设计 132
App store的个人中心界面设计 132
第3部分 Adobe XD和第三方应用的衔接
第7章 将外部资源导入Adobe XD 137
7.1 PSD文件的导入 138
7.1.1 在Photoshop中复制内容 138
7.1.2 用Adobe XD打开PSD文件 140
7.2 AI文件的导入 143
7.3 Sketch文件的导入 144
7.3.1 在Sketch中复制内容 144
7.3.2 使用Adobe XD打开Sketch文件 146
7.4 其他资源的导入 149
第8章 Adobe XD与蓝湖的衔接 151
8.1 快速上手蓝湖 152
8.1.1 认识蓝湖 152
8.1.2 使用蓝湖前的准备工作 153
8.1.3 上传画板到蓝湖 154
8.1.4 蓝湖的基础使用 156
8.1.5 切图 159
8.2 蓝湖的其他实用功能 160
8.2.1 团队管理 160
8.2.2 交互原型 160
8.2.3 在移动设备上预览 161
8.2.4 项目文档 161
第9章 用ProtoPie与Adobe XD衔接制作交互动效 163
9.1 ProtoPie的基础入门 164
9.1.1 了解ProtoPie 164
9.1.2 ProtoPie的官网 166
9.1.3 ProtoPie的安装与购买 168
9.1.4 ProtoPie的界面 170
9.1.5 ProtoPie的工作逻辑 173
9.1.6 ProtoPie的预览和视频录制 176
9.1.7 移动设备预览原型 176
9.1.8 原型上传和云端共享 177
9.2 ProtoPie和Adobe XD的衔接 178
9.3 几种常见交互动效的制作 179
9.3.1 滑屏交互动效制作 179
9.3.2 翻页交互动效制作 180
9.3.3 文字输入交互动效制作 182