首页技术文章正文

XD是什么?XD的软件界面和快捷键认识

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

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

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

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

XD软件的基础操作

1.背景设置

屏幕:普通和垂直滚动。(垂直可设置长页面内容,只显示屏幕大小。暂不支持水平滚动。)

可修改背景颜色。

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

可设置默认和使用默认。


xd背景设置

2.工具栏

xd工具栏


3.菜单栏

xd菜单栏

*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+’

常用快捷键

其他常用快捷键

*拖动屏幕:空格+鼠标*变为路径:ctrl+8
*显示位置:alt+选择对象*窗口最大化、最小化:win+↑/↓
*1倍2倍显示:ctrl+1/2*文本加粗:ctrl+b
*合适窗口视图:ctrl+0*完成文字编辑(在文本状态):ctrl+回车
*从中心绘图:shift+alt*预览:ctrl+回车
*移动设备:ctrl+选中拖动*垂直滚动、水平滚动:滚轮/shift+滚轮
*原位复制、整体复制:ctrl+d

关于分享

*生成一个连接,供他人预览。

*生成自动标注。

*管理我们的链接。(免费版只能生成一个项目,多个项目需要付费。)

xd分享



猜你喜欢:

水晶字体设计PS教程

PS入门教程下载_300集PS从入门到精通教程

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

利用PS画笔工具制作文字长阴影

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

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