Adobe XD功能解析与应用

 

《Adobe XD 功能解析与应用》分为三大部分：部分是Adobe XD从零到精通，这部分对软件的各种操作技巧和方法进行了全面的讲解，为设计打下基础；第2部分是Adobe XD的UI设计实例，这部分讲解软件在具体设计实例中的应用，在强化软件操作的同时使读者了解实际的设计工作；第3部分讲解了Adobe XD和其他软件的配合，这部分知识是对Adobe XD的延伸和拓展。《Adobe XD 功能解析与应用》附带学习资源，内容包括源文件和在线视频，具体获取方法请参看本书前言。《Adobe XD 功能解析与应用》适合UI和UE设计师阅读使用，同时也可以作为产品经理和程序员的参考用书。

 

部分 Adobe XD从零到精通
章 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 XD16
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 实时预览70
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 XD137
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 了解ProtoPie164
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