首页 > 技术文章 > Adobe XD设计模式基础操作

lilith-lt 2022-04-16 18:12 原文

1.调参考线:

鼠标放在画板上边缘或左边缘,出现透明边的时候按住鼠标左键拖出参考线

不需要参考线后可以将参考线拖回最上边或最左边

隐藏参考线快捷键:

ctrl+;

2.绘制图形

和PS一样,画布左边是工具栏,右边是属性栏,可以选择绘制矩形、圆、和多边形

调整弧度

调整弧度分两种方式:

  • 在属性栏修改数值调整弧度(更精确)

  • 在图形中拖拽圆点调整弧度(更快捷)

图形锚点

在移动工具下双击图形边界可调出锚点,调出锚点后在路径上容易位置单击可添加锚点,双击锚点可调出手柄,再次双击锚点手柄去除

删除最后一条路径:

alt+delete

结束路径:

ESC键

3.文本

点文本和区域文本

文本工具默认为区域文本

完成文字输入:

ctrl+enter

4.画板工具

在画板工具下点击操作界面任意位置可添加相同尺寸画板,画板位置可任意拖动

复制画板:
点击鼠标名称然后按住alt+鼠标左键拖拽

5.资源库

颜色

添加颜色资源库:

选择有颜色的元素点击颜色后面的加号可添加该元素中所有的颜色

库中的颜色可修改、也可重命名

运用资源库中的颜色:

选择元素->点击资源库中的颜色

添加文字样式:

选择文字后点击资源库中文字样式后发的加号按钮

库中的文字样式右键编辑可更改字体、颜色等

文字样式运用:

添加组件:

如制作按钮时,是图形和文字的组合,这时需框选住文字和图形,然后点击组件后面的加号按钮则能成功添加组件

组件应用:

改变父级组件样式子组件样式也会随之改变,但可以单独改变子组件样式

6.图层

选择哪个画板可查看哪个画板下的图层,图层可调整位置、锁定、添加导出标记、隐藏等

锁定图层快捷键:

ctrl+L

7.重复网格

选择元素点击右侧的重复网格,然后拉元素上的按钮可复制相同的元素,元素之间间隔一致,可批量剪切图片

8.剪切图片

两种方式:

1.画出图形,直接拖拽图片到图形中

2.画出图形,将图片拖拽到画板中,然后框选图片和图形右键点击带有形状的蒙板剪切图片

快捷键:

ctrl+shift+M

9.阴影

10.模糊

背景模糊

对象模糊

类似PS中的羽化

11.添加导出标记

当需要导出页面某些元件时,可选择元件点击添加导出标志

标记之后,使用快捷键ctrl+shift+e可导出资源

导出画板快捷键:

ctrl+e

打开psd文件快捷键:

ctrl+o

推荐阅读