Adobe Xd:UI设计师必须掌握的软件

        今天我要给大家分享的软件是Adobe xd,Adobe xd是Adobe公司推出的一站式UX/UI设计平台，在这款产品上面用户可以进行移动应用和网页设计与原型制作。同时它也是唯一一款结合设计与建立原型功能，并同时提供工业级性能的跨平台设计产品。设计师使用Adobe Xd可以更高效准确的完成静态编译或者框架图到交互原型的转变。

下面是关于Adobe Xd的一些用法： 

一、Xd的入口面板介绍

Xd的入口面板很简约，一目了然。点开Adobe xd后会出现一个弹窗，弹窗上有四个不同尺寸的画板，选择所需要的尺寸双击就可以进入主页面开始设计。画板右边是“最近打开的文件”，如果你有设计好的东西忘了保存的话，可以在“最近打开的文件”中打开，这对像我一样粗心大意的人来说就非常人性化了，就相当于自动存档。

入口面板

二、各种工具的用法

        Adobe xd的工具有选择工具、矩形工具、圆形工具、直线工具、钢笔工具、字体、画板工具、缩放工具、资源工具和图层，选择工具就不多说，下面主要介绍矩形工具、画板工具的用法：

      1、矩形工具：选择矩形工具，在画板上画出一个矩形，矩形画好后就可以发现在矩形的内角有一个小圈圈，拖动这个小圈圈就可以将矩形变成一个圆角矩形。矩形绘制完成后在右边的参数栏可以修改举行的属性，像矩形的长宽、不透明度、填充、边界、阴影、背景模糊等等。关于颜色填充，Adobe xd有RGB、Hex（十六进制）、HSB（一种颜色模式：H：色相，S：饱和度，B：亮度）三种模式选择。

     2、画板工具：选择画板工具在操作面板空白处单击就可以新建一个画板，在每个画板上都会有一个标题，双击就可以修改画板的名称。如果要选择这个画板，直接用选择工具选择画板的名字就可以。如果同时需要很多画板有以下几个方法：（1）、按Alt健，同时拖动画板；（2）、Ctrl c,Ctrl v;（3）、按Ctrl d复制。

三、菜单栏介绍

       菜单栏只有设计和原型两个。设计就是在是画板上进行界面设计，所有的界面设计好后，就可以在原型版面上添加交互动作。

原型界面（图片来源：百度图片）

四、adobe xd的参数栏

       参数栏的上面有一个百分比，用来控制画板的大小，Ctrl+1是百分百的显示，Ctrl+2是百分之二百显示，Ctrl+0是画板上有多少内容就显示多少内容。百分比的旁边有三个按钮分别是：移动预览、桌面娱乐和分享。移动预览就是将你制作好的界面发送到你的移动端也就是手机端；桌面预览就是讲制作好的界面在电脑的桌面上显示；分享就是讲界面分享给你的工作团队共同完成制作。

       以上就是关于Adobe xd工作环境的大概介绍。Adobe xd界面简洁，操作简单，将会越来越受UI设计师们的喜欢！