一、资源模板
打开软件首先会弹出一个模板选择页面,这里为我们提供了 iPhone、iPad、Web 等常见的设计尺寸。同时自带了一个简单的演示文件以及 iOS、Google Material 和 Win Phone 的常用控件库。窗口右侧则是近期使用的文件记录。
选择一个合适的尺寸,我们便进入了软件的操作界面。和传统 Adobe 软件界面相比,Xd 的界面要更接近于 Sketch,风格更加清爽,信息层级更加清晰。
我将该模式简单的划分为了导航栏、工具栏、检查器以及工作区四个区域。
Xd 目前版本的交互方式只支持页面之间的跳转。操作过程倒是非常简单。在原型模式下选中任意控件,其右侧便会出现一箭头符号,用户点击箭头符号并拖动,将引导线拉至任意页面即可完成简单的交互动画。
与此同时,还可以通过点击控件或其指向页面侧边的箭头符号来控制动画类型和参数。目前提供的属性仅包括页面出现的方式、持续时间以及缓入缓出属性。
无标尺功能,在不拖动物体的情况下无法做到如 PS 或 Sketch 一样,直接查看对象之间的间距尺寸。
无缩放工具,目前仅支持通过 Command + 【+/-】进行视图缩放,无法做到如 Sketch 一样做到针对特定对象的聚焦缩放。
无像素预览模式,所以无法做到图标边缘的像素对齐,在输出 PNG 格式切图时会出现边缘模糊的情况。
目前仅支持纯色填充,无渐变或其他选项。
文字属性目前仅支持对齐方式及字间距的调整,无行高、段落等选项。
支持编辑节点 ,但无端点、交点、虚线、闭合路径、描边扩展等选项。
圆角矩形无法如 AI 一样,单独调整某一圆角的度数。
支持页面之间的交互跳转,不支持同一页面控件间的位移、缩放及透明度动画。
所以目前版本的 Xd 是无法独立完成界面以及图标的绘制。当然,这些问题对于 adobe 来说应该不存在技术难点。问题在于 Xd 的定位是一款需要与 PS、AI 协作的轻量化交互原型工具,还是更趋于独立。或许 adobe 本身也在思考与观望,V0.5 版本也仅是投石问路的一次尝试。
除了上述简介以外,官网也为我们提供了4个基础的入门教程,在这里附上地址链接:https://helpx.adobe.com
总而言之,Xd 作为一款新的交互软件,在它的身上我们能够看到不少新兴工具的身影。同时也能看出 Adobe 公司突破其已有软件束缚,所做的一些新尝试。虽然软件本身还有着许多不足之处,但对于产品设计师来讲,它的一些功能还是可圈可点的。正如其官网所述:A new experience in user experience。作为 V.0.5 的预览版本,或许我们应该对其多一些包容,也期待 Adobe 能够给我们带来更多新的惊喜。