本教程操作环境：windows10系统、Dell G3电脑。

xd是办公软件，指Adobe XD，是一个协作式易用平台，可帮助团队为网站、移动应用程序、语音界面、游戏等创建设计，同时它也是一款结合设计与建立原型功能，并同时提供工业级性能的跨平台设计产。

Adobe XD是一站式UX/UI设计平台，在这款产品上面用户可以进行移动应用和网页设计与原型制作。同时它也是一款结合设计与建立原型功能，并同时提供工业级性能的跨平台设计产品。设计师使用Adobe XD可以高效准确的完成静态编译或者框架图到交互原型的转变。

Adobe Xd 是图形软件界大名鼎鼎的 Adobe 公司（PS、AI、Flash等软件都是这家公司出品的）专门为 UI/UX 设计师们推出的软件。

软件非常轻盈，操作便捷，功能还在以每个月都有新版本推出的迭代速度在不断改进。如果你是互联网公司的产品经理、设计师，或是对用户体验设计感兴趣，都可以了解一下这款软件。

XD 的主操作界面

选择好画布之后，进入到了软件的主操作区，可以看到界面非常简洁。最左边是基础工具栏，能用来完成基础规则图形的绘制以及矢量图形和文字图层的输入。

第二栏是图层列表，通过第一栏下方两个 icon 可把第二栏切换成「符号」列表（「符号」是可以由你自行定义的界面元素，通常是你将重复使用的元素，比如颜色，图标，字形等。定义成符号之后，就能在后续设计活动中方便取用，避免重复劳动）。

中间是画板区，可放大缩小，你可以在这个区域绘制无数个（这当然是夸张的说法）画板（按A键就能选择画板或自行绘制）。

右侧是操作指令区，能进行各种对齐操作、图形的计算与大小调整、颜色设置、阴影设置等操作。

主要功能

1、组件：创建在整个XD文档内或多个文档之间重复使用的设计元素。将更改从主组件推送到所有实例，并覆盖任何单个实例的属性。

2、状态：通过创建组件的变体来映射到不同类型的用户交互（例如，悬停、按下、禁用和成功），避免重复工作，并更好地传达您的意图。

3、在Photoshop中编辑：直接通过XD在Adobe Photoshop中打开和编辑图像。右键单击图像，在Photoshop中打开并编辑图像，然后单击“保存”，所做的更改将在XD中自动更新。