XD学习分享

Where

6 x9 H6 C; V" L- j+ Z

关于XD：

       首先Adobe XD是一站式UX/UI设计平台，在这款产品上面用户可以进行移动应用和网页设计与原型制作。同时它也是唯一一款结合设计与建立原型功能，并同时提供工业级性能的跨平台设计产品。

) ^9 v# i* i' B8 A

主要功能及区域介绍：

       1、新建画板

8 l$ m5 e& Q0 K. f1 J- N! Q8 {+ ^

: ?* q* i" Y' s7 d3 n

       2、圆角设置

       3、宽高及填色

       渐变色（类似 ps 和 ai 的渐变条）

       4、投影

       5、钢笔工具

       alt 调整一端锚点，双击调整任意锚点

       6、符号（包含颜色、字符样式、组件）

       特点：

       制作一个设计好的元素，将其加入到组件中可以方便下次复用，改变某一个元素，其他复用的也会随之改变

       7、蒙版

       例子：制作头像

       更方便的制作头像：先做好几何图案，然后打开文件把头像拖入即刻

       8、多图片

       重复网格 ＋ 导入

       9、ps、ai 导入

       使用导入功能或者在 ps、ai 中做好复制粘贴到 XD

       10、重复网格

       调整间距等

       11、间距测量

       按住 alt 键显示该元素（可以不只一个元素）距上下左右的距离

       12、复制整个画板

       等距离粘贴且其上的元素位置不变

       13、预览视图

       ctrl1 放大一百倍

       ctrl2 放大二百倍

       14、文本

       文字设置

       文本框的使用

       15、布尔运算

       简单使用

       查找并修改：针对某一个对象或者是整个群体

       16、对齐

       多个元素间左右对齐、间距间平均对齐、横纵向内容间距的平均对齐

       17、栅格系统

       在画板页面

       格数选择、侧边调整、单独调节上下左右

       18、网格系统

       在画板页面

       确定所需大小

       19、标记输出、锁定、隐藏

       在图层页面、旁边三个选择

       标记输出：此元素被单独切下输出

       20、交互动效

       录制视频存成动图

       win 平台：window+G

       21、导出

       制作 GIF 演示动画