前言

AdobeXD是一款专为UI界面设计和网页设计打造的矢量设计软件。Adobe的首席执行官兼执行副总裁Scott Belsky （斯科特·贝尔斯基）曾说道：“我们相信XD即使不会比Photoshop更强，也至少和它同样强大。”XD同时支持Windows和MacOS操作系统，能够在同一个软件里完成设计和交互，支持打开与编辑PSD、SKETCH及AI等格式的文件，能够一键切图和导出标注，拥有简洁、高效、快速、学习成本低的特点，已成为众多UI设计师青睐的工具之一。

笔者是XD中文网的创始人，2015年创建XD中文网，是国内第一批XD内测用户，从XD内测版开始到现在，四年来一直在国内推广XD的使用，并持续分享相关素材、资讯和教程。

笔者结合XD中文网四年的实际运营经验为读者带来这本书，本书是初学者快速自学XD 2019的教程，全书从实用角度出发，全面系统地讲解了XD 2019的所有应用功能，涵盖了XD 2019的全部工具、面板和菜单命令，同时安排了实战性的案例、详细的制作步骤，还包含了第三方插件和集成的使用方法。

本书共分为8章，按照实际工作中设计的流程，从基础知识开始逐步深入，按照“认识—了解—掌握—实战”的过程，让你从入门到精通全面掌握XD。

第1章为XD的基础理论知识，主要讲解XD相关的基础知识、安装与卸载、界面与工具等内容。通过本章学习，读者可以对XD有一个基本的了解。

第2章为XD的基本操作知识，帮助读者掌握XD的文件、视图、图层面板及资源面板的管理等知识，详细讲解各种工具的操作方式，以及辅助功能中的距离测量、智能参考线、自动吸附功能的使用方法。

第3章为属性检查器的使用知识。通过属性检查器，根据选择的对象，用户可以利用不同的选项来定义其不同的属性，如使用矢量运算工具可对多个对象进行不同的组合来创建新的对象，修改对象的宽高、位置、尺寸、颜色、边框及阴影；使用加、减、乘、除等数学计算可创建精确的数学设计等。

第4章为导入和导出资源的知识。通过合理地使用外部资源，读者可更快、更高效地完成设计工作。本章还包含导出、切图的内容。

第5章为创建可交互式原型的知识。能创建可交互式原型是XD的一大亮点，将设计与原型集成在同一个软件中，用户在设计的基础上就可以轻松完成交互设计。

第6章为预览和共享的知识。通过XD提供的预览和共享功能，用户可以预览原型查看实际效果，通过共享给同事、客户来快速获得反馈。

第7章为插件和第三方工具的知识，详细讲解XD插件的安装和管理，选取了一些常用的插件和第三方工具进行讲解，这些插件和第三方工具可以用来简化、加快甚至自动完成一些复杂重复的设计工作。

第8章为商业实战知识，详细演示网页设计、微信小程序设计及移动界面设计的实战步骤的同时，也让读者了解并掌握一些必要的设计规范，为实际工作打下扎实的基础。

本书旨在编写一本对读者真正有帮助的界面设计教程，让读者在阅读本书以后可以轻松地掌握XD设计界面和制作原型的方法，在实际设计过程中使用XD能起到事半功倍的作用。

同时，感谢我爱的人和爱我的人，感谢所有支持和帮助过我的人。另外，特别感谢电子工业出版社的编辑田振宇，没有他的帮助，本书不可能完成。

由于笔者水平有限，书中难免存在错误和不妥之处，希望广大读者批评指正。在学习过程中如果发现问题或有更好的建议，欢迎通过微信公众号“XD资源库”或邮箱s@94xy.com与笔者取得联系。