是时候换个软件画界面了！！！

Adobe XD这款软件已经出来很久了，但是一直没有用它来画UI界面。原因很简单，功能还不够成熟。所以，我一直在等，如今终于等到了，可以说是win系统设计师的福利。现在，我有很多种使用XD画UI界面的理由了！(一下就暴露了我没有苹果电脑，没用过sketch)

免费

免费！免费！免费！Adobe家族中少有的免费软件。

轻量

XD最早的定位还是一款高效原型软件，这也是为什么我说早期功能还不够成熟的原因，在后期不断更新中，添加了 一些设计功能。总体来说XD分为两大模块，设计和原型。(共享功能在中国地区无法使用)

在PS里面画界面，所用到的功能实际上是少之又少，其他的功能在UI界面上几乎是用不到，如：滤镜、图层样式、3D等等，相比之下，XD是一款轻得不能再轻的软件。那么，轻量所带来的优势就是简洁高效，没有过多冗余的功能。更重要的一点是，不卡！！！实际工作中可以发现，在PS中如果画板数量多了，软件就会异常的卡顿，连放大缩小这种基本操作都显得困难(暴露了我电脑配置低)。

简单的工具可以满足UI设计的绝大多数需求，选择、矩形、圆形、多边形、线、钢笔、文字、画板、缩放。(在这里我应该自信一些，这些工具可以满足UI设计的所有需求)

零学习成本

上面说到了轻量，也就意味着学习起来肯定是非常容易上手。有使用过PS、AI的经验，使用XD可以说是零学习成本，安装完了就直接使用。

XD的布局分四个部分，工具、菜单、属性、工作区。上面列举了XD的工具，这些工具都有相对应的属性设置，如尺寸、位置、圆角、描边、颜色、阴影、不透明度、对齐、旋转、对称等等，这些属性的设置在PS和AI中都有出现 ，看一下就能明白。

资源存储

在XD中，可将颜色、文字、组件储存到资源中，可以把它理解成一个库。在画界面的时候，很多可复用的内容可直接从资源面板中拖拽到画板中，大大提高工作效率。

如果对资源中的内容进行调整，那么画板中相对应的内容也会跟着改变，比如修改了资源中的颜色，那么界面中所用的这个颜色将会统一修改，组件也是如此。这一点与PPT里面的母版功能特别像。

网格系统

网格系统一键开启，列宽、间隔随心设置，好用得不行。再也不用密密麻麻的参考线了。

智能参考线

在拖动元素的时候可检测到与周边元素之间的距离、对齐，在展示方式上比较直观。

重复网格

可在X轴、Y轴上复制某个元素，在实际UI设计中，可应用到列表和宫格模块中，大大提高效率。在右侧属性栏中可开启重复网格功能。

开启后，选中的元素会有一个绿色虚线框以及向下和向右的滑块。向下拖动滑块，将在Y轴方向复制当前元素；向右拖动滑块，将在X轴方向复制当前元素。

滚动区域和响应式设置

在XD中，可给界面元素设置垂直滚动、水平滚动、垂直水平滚动，以及设置滚动时固定位置。该功能可以让界面在展示的时候不那么的“静态”，让需要延展的内容具有交互性。

另外，XD可设计响应式界面。能够更加直观的展示界面的响应方式，便于与开发沟通。

插件

在Adobe官网可下载很多插件，为软件提供更多功能，提高工作效率，优化使用体验。https://www.adobe.com/cn/products/xd/ecosystem.html?promoid=XPCNH9S9&mv=other

我们常用的蓝湖、摹客也是支持XD的。