前言

Adobe XD是Adobe公司推出的一款专业设计软件，集原型设计、UI设计和UX设计于一体，它可以帮助UI和UX设计师快速构建移动端App和PC端网页的原型与UI设计，包含线框图、UI设计、UX设计、动画制作、预览和共享等功能。无论是在国内还是在国外，Adobe XD都是一款备受瞩目的设计工具。

本书章节及内容安排

本书从实用的角度出发，全面、系统地讲解了Adobe XD的各项功能和使用方法，书中内容基本上涵盖了Adobe XD中大多数工具的使用方法和重要功能，并将多个精彩实例和移动UI设计规范贯穿于整个讲解过程中，操作一目了然，语言通俗易懂，适合读者自学。

本书共分为7章，各章的主要内容如下。

第1章，讲解了Adobe XD的相关入门知识，包括移动端UI设计基础、移动UI设计流程、移动UI设计常用工具、下载和安装Adobe XD、Adobe XD的工作界面和Adobe XD的帮助资源等内容。

第2章，介绍了Adobe XD的一些基本操作，如新建、打开、导入和存储文件，以及创建和管理画板、撤销与恢复操作和辅助工具的使用方法等内容。

第3章，主要对如何使用Adobe XD完成移动App原型设计进行了详细介绍，包括创建对象、为对象设置样式、编辑对象、创建文本、管理文本和设计画板等内容。

第4章，讲解了如何使用Adobe XD完成移动App UI设计，包括使用处理设计系统、使用图层、为对象设置效果、设计UI界面的结构、使用3D变换进行透视设计等内容。

第5章，主要讲解了使用Adobe XD完成UX设计的操作方法、使用技巧和设计规范，包括添加交互、制作交互动画、创建定时过渡、添加叠加、创建锚点链接，以及使用Adobe XD预览UI与UX设计等内容。

第6章，详细介绍了使用Adobe XD输出、标注和共享UI设计，包括使用Adobe XD输出设计资源、输出iOS系统的UI设计、输出Android系统的UI设计、标注移动App UI设计和共享移动App UI设计等内容。

第7章，通过综合的大型商业案例讲解如何使用Adobe XD完成移动App项目，包括设计制作美妆App项目、设计制作社交App项目和设计制作日历App项目。

本书特点

本书结构编排合理，内容全面，特别是移动UI设计规范部分，通过特殊的方式进行布局排版，方便读者查找与阅读。

● 案例步骤只有4步，操作简单明了，读者可通过扫描二维码观看当前案例的演示视频，获取案例的素材和源文件。

● 删除了知识点中的大量参数，降低读者的阅读难度。

● 部分案例配备了案例中需要使用的移动UI设计规范。

关于本书

本书实例丰富，图文并茂，除“综合案例”，每章都为读者提供了解惑答疑的分析，且每章最后还提供一个扩展练习案例，供读者检验学习成果。

本书配套资源包中提供了书中实例的源文件、素材和相关视频教程。

由于时间仓促，书中难免有错误和疏漏之处，希望广大读者朋友批评、指正，我们一定会全力改进，在以后的工作中加强和提高。

编著者