XD软件都有哪些基础操作?

下面我们来学习一下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.分享–生成在线链接
 

生成原型在线链接

生成标注

管理在线链接

Published by

风君子

独自遨游何稽首 揭天掀地慰生平