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