Adobe XD-02-adobeXD-下载与安装&新建&保存&
一、安装
下载地址https://creative.adobe.com/zh-cn/products/download/xd
1. 查找和打开 XD_Set-Up.exe
![](https://img.haomeiwen.com/i3806201/0d50207803c0bbb3.png)
2. 按照说明安装 XD CC 以及 Creative Cloud 桌面应用程序。
![](https://img.haomeiwen.com/i3806201/0b59ed6e3459f984.png)
![](https://img.haomeiwen.com/i3806201/6b7f4f456748aec8.png)
![](https://img.haomeiwen.com/i3806201/fef9abfa1aa950f2.png)
单击安装
注意:
1. 需要win10才能安装
2. 需要有adobe账号(放心注册安装吧,免费的)
二、界面
![](https://img.haomeiwen.com/i3806201/aa30bd6007b22b80.png)
三、新建文件
![](https://img.haomeiwen.com/i3806201/1d54c19113d81570.png)
xd 默认有 ios 安卓 等常见界面的尺寸,非常方便
您可以使用Ctrl+N(Cmd+N)来创建新设计,或者直接单击一个默认画板
也可以使用Ctrl+O(Cmd+O)打开 Photoshop 或 Sketch 文件,并在这里进行编辑。
![](https://img.haomeiwen.com/i3806201/4ba4484b8d412a73.png)
xd的界面相当简洁,把菜单栏都隐藏了
Adobe Xd功能分两大块,设计和原型。
不管是设计,还是原型,目前来说功能都是有限的,和行业里专业的设计软件以及互动原型制作软件,功能上都有一定的差距;如果没有Ai和Ps,是没有办法独立在XD中完成一个复杂的原型设计的。
但XD的强大之处正是处理简单的,流程化,重复化的操作,通过强大的整合功能,快速整合设计资源,形成互动的原型设计,导出分享也非常便捷。最重要的是,Xd是从设计师角度开发的软件,所以对设计师非常友好,不像很多行业知名的原型/动效软件,上手难度很大,需要不停调参数,甚至写代码。
所以Xd的核心是快速制作和展示,而非精细复杂的动效(动效可以用AE啊)。至少目前来看,Xd本身能做的设计和交互功能都有限,但满足基础需求是没有问题的。
三、插入图像
![](https://img.haomeiwen.com/i3806201/1cfaefa4b0d51cd4.png)
1. 可以通过菜单>导入ctrl+shift+I (⌘+shift+i)
2. 可以把图像直接拖到xd中
四、预览
右上角 预览按钮
![](https://img.haomeiwen.com/i3806201/3e255f5ad29b1658.png)
预览结果
![](https://img.haomeiwen.com/i3806201/abd18f989773d672.png)
五、文件保存
Ctrl+S(⌘+S)保存
Ctrl+Shift+S(⌘+Shift+S)文件另存为
xd的的默认格式的后缀名是 .xd
六、移动工具 (V)
![](https://img.haomeiwen.com/i3806201/47db3a35cf951d0a.png)
1.智能辅助线,在移动时候会有智能的辅助线帮助您
![](https://img.haomeiwen.com/i3806201/703319ce092ea560.gif)
2. 关闭智能辅助线
智能辅助线可以让你对齐任何元素到画板:例如邻近两个对象的距离,画板的边缘和中心以及其它对象。如果这些让你过于分心或者你的画板过于复杂,你可以在拖拽的时候按住Cmd键关闭这些智能辅助线。
![](https://img.haomeiwen.com/i3806201/2174946aed38b5c2.gif)
注:(⌘+S) 括号里面的为mac机快捷键⌘的是Command键盘