原型设计软件Experience Design cc v0.8.22 免费精简特别版(附安装教程+使用教程)

Experience Design绿色版是免安装的一款超级强大的原型设计软件，主要用于设计和原型设计和制作网站和移动应用程序的跨平台工具，从想法到原型更快。这个版本是测试版，大家可以去官方观看视频，了解是如何发展XD，相信会为大家带来令人兴奋的新方式进行协作并提供全新的用户体验，需要的朋友快来下载使用吧。

从零开始 专为你而设

我们从头开始构建XD，以满足当今UX设计师的复杂需求，采用创新工具，消除速度，并从线框，高保真设计到交互式原型等方面提供突破性的性能。Windows的XD测试版在这里。现在专门为Windows 10周年纪念更新。

以思想速度设计

绘制，重新使用和重新混合矢量和光栅图稿，以创建线框，屏幕布局，交互式原型和生产就绪资产，全部在同一个应用程序中。使用功能强大的工具，如Repeat Grid专门为XD以及针对UX设计重新映射的图层，符号和笔工具。在几分钟内创建原型。

在应用程序内轻松切换从设计到原型模式，以保持您的想法不间断。添加互动和过渡，并与队友和利益相关者分享，以测试您的设计的外观和感觉。

预览整个体验

通过预览您的设计实时消除猜测，完成转换。进行更改并立即将其看到您的手机或平板电脑上，以便您的体验完全符合您的要求。

一起工作 工作更快

发送链接到团队成员，以获得有关您的原型的快速反馈。与开发人员共享生产就绪的图稿，以便他们可以根据您的规格进行构建

首先确保电脑已安装Adobe Creative Cloud

打开Adobe Creative Cloud，点击APPS

找到Experience design CC，然后点击安装

下载安装完成即可打开使用

一、资源模板

打开软件首先会弹出一个模板选择页面，这里为我们提供了 iPhone、iPad、Web 等常见的设计尺寸。同时自带了一个简单的演示文件以及 iOS、Google Material 和 Win Phone 的常用控件库。窗口右侧则是近期使用的文件记录。

二、整体界面

选择一个合适的尺寸，我们便进入了软件的操作界面。和传统 Adobe 软件界面相比，Xd 的界面要更接近于 Sketch ,风格更加清爽，信息层级更加清晰。

整个应用可以分为设计和原型两种工作模式，这一点让工作流程变得更为清晰，用户也无需在多个软件下来回切换。接下来我就两种模式展开介绍。

三、设计模式

我将该模式简单的划分为了导航栏、工具栏、检查器以及工作区四个区域。

用户可以通过导航栏左侧的按钮在设计和原型两种模式下进行切换。而导航栏右侧则是显示了当前视图的缩放比例，同时提供了播放和分享功能的按钮(此功能后续会相继展开)。

左侧的工具栏提供以下几种常用的工具：选择工具、矩形工具、圆形工具、直线工具、钢笔工具、文字工具以及新建画板。对用的快捷键分别为：V R E L P T A 使用方法基本沿用 Adobe 其它软件的用户习惯，所以在此就不展开介绍了。

右侧的检查器主要包括了对齐，布尔运算，对象尺寸、位置以及旋转角度和外观属性。其中外观属性目前提供了透明度、描边、填充以及投影这几种选项。

Xd 的任意形状都可以看做默认的图片剪切蒙版，直接将图片拖放到相应的对象上，图片便会根据对象的尺寸进行自动缩放适配。需要的注意的是，如何你想再次编辑该图片的形状样式，需要再次新建一个你需要的形状对象，同时选中两者，按下 Command+【M】键来新建新的剪切蒙版。通过后者新建的图片对象是可以通过双击再次编辑图片位置和属性的。

除此之外，值得一提的是 Xd 提供了一种新的控制模式 Repeat Gird ,在此我将其称作批量控制。选中任意对象后点击此按钮，对象的定界框会由蓝色变为绿色，同时在水平和竖直方向多出两个圆角矩形的按钮，点击并拖动按钮即可在不同方向上对该对象进行批量复制，同时可以通过点击对象之间的区域进行拖动来批量调整所有对象之间的间距。

工具区域默认为浅灰色底色，目前不支持编辑背景色值。

四、原型模式

Xd 目前版本的交互方式只支持页面之间的跳转。操作过程倒是非常简单。在原型模式下选中任意控件，其右侧便会出现一箭头符号，用户点击箭头符号并拖动，将引导线拉至任意页面即可完成简单的交互动画。

与此同时，还可以通过点击控件或其指向页面侧边的箭头符号来控制动画类型和参数。目前提供的属性仅包括页面出现的方式、持续时间以及缓入缓出属性。

用户可以在选中需要预览的页面后点击导航栏右侧的预览按钮进行预览操作。同时 Xd 在预览窗口的右上角提供了视频录制功能。用户可以点击该按钮开始录制，在完成交互操作后，再次点击该按钮完成录制并导出视频。视频格式目前仅支持 mov 格式。

除此之外，用户还可以通过点击导航栏右上角的分享按钮，来创建可以在线预览的链接。文件会默认储存在 Adobe Creative Cloud 的资源库内。同时也可以通过点击分享按钮下的 Manage Links 按钮来编辑及管理这些内容。

我们也可以选择在移动端打开该分享链接来进行实际操作和预览。由于 Safari 浏览器会保留一部分标题栏以至于无法实现全屏预览。所以笔者找到了开发同学，写了一个可以使浏览器内容全屏预览的小程序。除此之外，还可以选择 Chrome 浏览器来达到类似效果。

五、功能小结：

1. 无标尺功能，在不拖动物体的情况下无法做到如 PS 或 Sketch 一样，直接查看对象之间的间距尺寸。

2. 无缩放工具，目前仅支持通过 Command + 【+/-】进行视图缩放,无法做到如 Sketch 一样做到针对特定对象的聚焦缩放。

3. 无像素预览模式，所以无法做到图标边缘的像素对齐，在输出 jpg 格式切图时会出现边缘模糊的情况。

4. 目前仅支持纯色填充，无渐变或其他选项。

5. 文字属性目前仅支持对齐方式及字间距的调整，无行高、段落等选项。

6. 支持编辑节点 ，但无端点、交点、虚线、闭合路径、描边扩展等选项。

7. 圆角矩形无法如 AI 一样，单独调整某一圆角的度数(经 @七恋 同学提醒，Xd 可在选中角点的同时按下 Option 来进行调整)。

8. 支持页面之间的交互跳转，不支持同一页面控件间的位移、缩放及透明度动画。

所以目前版本的 Xd 是无法独立完成界面以及图标的绘制。当然，这些问题对于 adobe 来说应该不存在技术难点。问题在于 Xd 的定位是一款需要与 PS、AI 协作的轻量化交互原型工具，还是更趋于独立。或许 adobe 本身也在思考与观望，V0.5 版本也仅是投石问路的一次尝试。

总而言之，Xd 作为一款新的交互软件，在它的身上我们能够看到不少新兴工具的身影。同时也能看出 Adobe 公司突破其已有软件束缚，所做的一些新尝试。虽然软件本身还有着许多不足之处，但对于产品设计师来讲，它的一些功能还是可圈可点的。

Experience Design CC(Beta)v0.8.22

资产组

通过将设计资产添加到“资产”面板(以前称为“符号”面板)中，自动包含符号，从而使设计资产(如颜色和字符样式)轻松可用于重用。编辑面板中的任何颜色或字符样式，更改将反映在整个文档中。

粘贴样式

从一个对象复制样式并将其粘贴到另一个对象上，以应用所有外观属性，包括透明度，填充，边框，阴影和模糊。

粘贴互动

通过复制和粘贴交互，包括目标，转换，宽松和从一个对象到另一个对象的时间，节省时间来连接原型。

Experience Design CC(Beta)v0.6.32

符号覆盖

在文本和位图中自定义单个符号，而不会在文档中进行全局更改。

更新所有符号

通过从上下文菜单中选择“更新所有”，替换特定符号的所有实例上的文本和位图覆盖。Windows 10上的符号

使用XD中的符号，您可以通过双击它们来编辑和重用对象。符号会自动更新您的设计 - 不需要隔离模式。您还可以将符号拖放到画板上，或从符号面板进行管理。在Windows 10上拖放图层

通过单击并将其拖动到位，轻松地重新排列画布上的图层。Windows 10上的渐变

创建，编辑和应用线性渐变到颜色选择器中画布上的对象。Windows 10上的风格化文本工具

更改文本的各个部分中的样式或颜色。在Windows 10上复制/粘贴位图

您现在可以使用剪贴板在Windows 10上复制和粘贴位图。

Experience Design CC(Beta)v0.6.28

Windows 10上的下一代层

使用现代化的方法更快地使用图层，通过仅突出显示与您正在处理的画板相关联的图层，快速帮助您找到所需的内容，因此您的面板保持干净整洁。

在Windows 10上链接更新

现在，您可以在更改原型时简单地更新最新的链接，而不必创建新的链接。在Windows 10上扩展语言支持

XD现在有法语和德语。PDF导出在Windows 10上

通过将资产和画板出口为单独的PDF文件或单个PDF文件来分享资产和画板。还有更多

还包括：能够从Windows 10中的文件资源管理器复制和粘贴文件，能够以原型模式复制和粘贴元素，同时保持交互不变等等。

体验设计CC(Beta)v。0.6.24

Windows 10上的布尔组编辑

通过使用布尔运算组合对象组，轻松创建复杂的形状。在Windows 10上扩展语言支持

XD现在有日文和韩文。

体验设计CC(Beta)v。0.6.20

Windows 10上的缩放工具

通过从工具栏中选择缩放工具或使用键盘快捷方式，放大画布的特定区域。 Windows 10上的Photoshop和Illustrator集成

将Adobe Photoshop CC和Illustrator CC资产直接复制并粘贴到Adobe XD中。

Windows 10上的像素完美布局

将布局中的项目与上下文菜单中的“对齐到像素网格”命令对齐为最接近的整数。在Windows 10上在线共享企业

企业现在可以使用共享在线服务共享其XD原型的链接。解决评论

关闭循环的注释，而不删除它们，将其标记为“已解决”。原型所有者可以取消解析注释使其返回到主视图。Windows 10上的宽高比锁定

在调整矢量对象的大小时锁定高度和宽度比，以确保您的设计在任何大小的保真度。