首页电商视觉设计技术文章正文

XD是什么？XD的软件界面和快捷键

更新时间:2021年10月27日11时04分来源:传智教育浏览次数:

Adobe XD是一种轻量级矢量图形编辑器和原型设计工具，在Adobe MAX 2015上宣布为Project Comet。该软件是2016年3月预览中推出的创意云的一部分，现在它处于beta阶段，几乎每个月都会收到更新。

Adobe XD - 全功能UI/UX解决方案，从概念到原型分分钟搞定，自带一键标注和一键导出，win和macOS均支持打开编辑Sketch、Psd源文件。

XD软件界面

值得注意的是，XD在beta中还存在闪退的情况，请不要重新打开文件，会丢失。直接打开软件，在最近文件列表中选择，会打开自动保存的内容。

XD软件的基础操作
1.背景设置

屏幕：普通和垂直滚动。（垂直可设置长页面内容，只显示屏幕大小。暂不支持水平滚动。）

可修改背景颜色。

可设置网格大小和布局参考线。

可设置默认和使用默认。

2.工具栏

3.菜单栏

*design：设计面板

*prototype：原型面板

*当前文件名称

*显示尺寸

*手机预览：必须是mac系统下，苹果和安卓可实时预览。win不能实时手机预览，但可生成链接预览。

*桌面预览：win和mac都可以实现。

*导出：

4.参数栏-形状

*形状图层的参数栏满足基本的设置需求。对齐、布尔运算、大小、位置、旋转、透明度、圆角、填充颜色、描边颜色、描边大小、描边位置、投影等。

*复制网格是个功能、复用性非常强大的工具，后文会有详解。

*锁定位置并不是锁定功能，而是在长页面滚动交互式保持元素固定在屏幕中。参考xiaopiu的依附功能。

*背景模糊可改变形状的颜色属性。

5.参数栏-文本

*基本和形状参数栏一致。

*文本设置一栏包括基本的文字编辑。字体选择、字号、字重、文本对齐、点文字、段文字、字间距、行间距、下划线等。

*点文字状态下，居左、居中、居右可固定文本输入时的文本方向。

6.右键功能

*后退：ctrl+z

*重做：shift+ctrl+z

*剪切：ctrl+x

*复制：ctrl+c

*粘贴：ctrl+v

*粘贴外观、交互：ctrl+alt+v

*删除：delete

*锁定、解锁：ctrl+l

*隐藏：ctrl+；

*建组：ctrl+g 解散组合：ctrl+shift+g

*符号：ctrl+k

*添加到资源：ctrl+shift+c

*添加特性到资源：ctrl+shift+t

*层级选择：ctrl（+shift）+【】

*展现网格：ctrl+‘

*展现布局参考：ctrl+shift+’

常用快捷键