首个Adobe XD教程丨如何用Adobe Experience Design (XD)快速设计图标

提示：阅读本文前建议先从《码农与产品经理看过来-教你用Adobe Xd轻松做原型设计^_^》文章入手，会更加学度的掌握此建模神器的精髓http://www.zoomla.cn/blog/techs/3080.shtml

逐浪小子注：面向云，面向未来。

Adobe Experience Design CC（简称adobe XD)是基于矢量用于WEB、移动应用设计和原型的用户体验设计的工具。集线框图，视觉设计，交互设计，原型制作，预览和共享轻松切换于一体的一个强大的工具。

如果您认为这Adobe XD仅仅是一款原型设计工具，那就太幼稚了，朴素的原教旨主义者们，信奉简洁就是一切，其实也可以用它进行诸如LOGO创作等经验，下面我们来作一次讲解。

 

 

　　首先来看看Xd如何绘制一个图标。

　　1、打开Xd，在欢迎界面选择Custom size，输入500*500尺寸，如下图所示。

　2、目前Xd的功能还非常简陋，绘制图标能用的工具只有本教材第一部分中所介绍到的几款工具以及布尔运算工具，但利用这些工具也可以足够我们绘制一些漂亮的图标，如下图所示。

3、在画布上使用快捷键E，选择椭圆工具，按下shift键在画板上绘制一个正圆，如下图所示

 

　　4、快捷键command+D，复制该图层，然后按住shift+option键，并拖动鼠标，缩小复制的正圆，缩小到合适的尺寸即可，可以参考下图中的数值。