adobe xd使用的几点记录

拟墨画扇 提交于 2019-12-30 19:57:43

记录一下xd使用,还不熟悉,偶尔画一画东西,防止忘记

1. 新建画板

快捷键:A,即切换到画板模式,鼠标点击文档空白处即可新建画板,
右侧面板是画板各移动端型号和不同分辨率参考模板

2. 缩放画板
  • 按住Alt键,滚动鼠标可缩放
  • ctrl键,结合+/-可进行画板缩放
3. 图标使用

图标库建议使用iconfont,图标导出为svg/AI,直接拖入画板,即可使用

4. 图层选中
  • 鼠标点选-直接选中对应图层
  • ctrl+鼠标点选-可选中编组中压在底层的图层
5. 组件移动
  • 鼠标拖动
  • 上/下/左/右键,每次移动1px
  • shift键+上/下/左/右键,每次移动10px
6. 布尔运算

对两个以上的矢量图层进行布尔运算:添加、减去、交叉、排除重叠

7. 矢量编辑

对矢量图层,双击可切换为编辑模式,即可进行编辑,可拖动更改大小(按住Alt键拖动,可固定中心点编辑)

8. 背景模糊

一般用于毛玻璃效果,即高斯模糊(前面文章提到过实现方法)

9. 文字样式

字间距、行高、段落间距

10. 重复网格

定义好图层或组件后,可使用重复网格进行列表操作,方便之处如下:
拉框直接列表循环,可统一更改间距
所有样式更改跟随列表第一项
图片可批量添加(不重复)
文本可批量更换(文本编辑器中,换行编辑好,直接拖入文本文件)

11. 蒙版组件

一般用于,图片和矢量图形的叠加:选中图片和矢量图形,快捷键ctrl+shift+M(或右键选择带形状的蒙版组),
形成蒙版组后,可双击组图层,进入编辑模式,可编辑上下层(图片/矢量图形)进行效果和样式调整。溢出隐藏。
crtl+shift+G:取消蒙版组

12. 资源符号
13. 响应式布局
14. 交互动画
15. 切图导出
16.字体图标
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!