7个XD软件的基础操作

更新时间:2021-10-29 来源:黑马程序员浏览量:

IT培训班

下面我们来学习一下XD软件的基础操作，包括资产面板的功能、交互动作、一键切图等等。

1.重复网格

（1）重复网格可智能复制其选择对象，并批量更换图片、修改文字、之间距离等。

（2）文字可根据大小批量替换。

（3）文本替换规范是txt文本，换行结束。

2.剪切蒙版（快捷键ctrl+shift+m）

（1）将图片剪切进图形中：①直接把图片拖入形状。②将图片放入图形上方，全选中，使用快捷键。图片与形状的层级关系无关。

（2）无法更改图片位置，只能改变形状。不可取消剪切。描边显示在图形上。

（3）双击图片可以更改图片位置，可取消剪切。描边显示在图片上。形状上的描边在剪切状态不显示。

如果剪切的双方都是形状，则显示下方形状，上方范围

3.背景模糊

（1）形状模糊：可对形状下的对象造成模糊滤镜效果。

（2）对象模糊：图形或图片本身进行模糊设置。

4.资产面板

可将复用性强的元素添加到资产面板中，并统一更改。

分别是颜色、样式(所选择字体的大小和颜色)、符号。

资产里面的颜色可右键添加到描边和复制十六进制代码。

符号为可复用性素材或组，更改其中颜色统一更换，但更改字体是单独的。

5.交互方式

过度（transition）下方为交互位置，交互动作、交互速率和时间。

交互动作目前只有无、缓见、上下左右滑动、和推动。

保留滚动位置（preserve scroll position）是给在页面内类似模态或者下拉框出现的时候固定位置的作用。

覆盖（overlay）是制作页面内的弹框使用的。

6.打开文件

XD可以打开sketch、ps、ai文件。

sketch需要是43以上的版本，ps需要CC以上的版本。

ps文件不能直接拖拽，需要打开文件打开。

ps内位图可做选区复制到XD，形状图层可复制svg再到XD，AI中元素可直接复制到XD中。

7.分享--生成在线链接

生成原型在线链接

生成标注

管理在线链接

猜你喜欢

26个Adobe XD快速提示和技巧

最新资讯