首页技术文章正文

7个XD软件的基础操作

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

IT培训班

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

1.重复网格



(1)重复网格可智能复制其选择对象,并批量更换图片、修改文字、之间距离等。
(2)文字可根据大小批量替换。
(3)文本替换规范是txt文本,换行结束。

2.剪切蒙版(快捷键ctrl+shift+m)


(1)将图片剪切进图形中:①直接把图片拖入形状。②将图片放入图形上方,全选中,使用快捷键。图片与形状的层级关系无关。
(2)无法更改图片位置,只能改变形状。不可取消剪切。描边显示在图形上。
(3)双击图片可以更改图片位置,可取消剪切。描边显示在图片上。形状上的描边在剪切状态不显示。
如果剪切的双方都是形状,则显示下方形状,上方范围

3.背景模糊

XD基础操作

(1)形状模糊:可对形状下的对象造成模糊滤镜效果。
(2)对象模糊:图形或图片本身进行模糊设置。

4.资产面板

XD基础操作

可将复用性强的元素添加到资产面板中,并统一更改。
分别是颜色、样式(所选择字体的大小和颜色)、符号。
资产里面的颜色可右键添加到描边和复制十六进制代码。
符号为可复用性素材或组,更改其中颜色统一更换,但更改字体是单独的。

5.交互方式
XD基础操作

过度(transition)下方为交互位置,交互动作、交互速率和时间。
交互动作目前只有无、缓见、上下左右滑动、和推动。
保留滚动位置(preserve scroll position)是给在页面内类似模态或者下拉框出现的时候固定位置的作用。
覆盖(overlay)是制作页面内的弹框使用的。

6.打开文件


XD可以打开sketch、ps、ai文件。
sketch需要是43以上的版本,ps需要CC以上的版本。
ps文件不能直接拖拽,需要打开文件打开。
ps内位图可做选区复制到XD,形状图层可复制svg再到XD,AI中元素可直接复制到XD中。
7.分享--生成在线链接

XD基础操作

生成原型在线链接
生成标注
管理在线链接





猜你喜欢

26个Adobe XD快速提示和技巧

如何用C4D做场景效果图?C4D与PS相结合

如何使用PS设计炫酷海报?图文详细教程

如何正确学习C4D建模?

黑马程序员UI/UE设计培训班

分享到:
在线咨询 我要报名
和我们在线交谈!