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

Date 2024-07-10 22:12:16

 

 

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:原型面板

*当前文件名称

*显示尺寸

*手机预览:苹果和Android可以在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分享

 


 

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计