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 浏览器来达到类似效果。

  五、功能小结

  无标尺功能,在不拖动物体的情况下无法做到如 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 能够给我们带来更多新的惊喜。

时间: 2024-11-01 02:25:28

EXPERIENCE DESIGN CC 体验版使用详细评测的相关文章

EXPERIENCE DESIGN CC简单体验概览

  Windows也有Sketch可以用了!前两天Adobe 全家桶刚加入了一款新产品叫Adobe Experience Design CC,今天@窒息红Leon 带大家一起体验下Preview 版本的各个特点. 去年 Adobe 就在网站上放出了 Adobe Project Comet 的简介和视频,如今已经可以下载到 Preview 版本体验试用了,当前版本将软件更名为 Xd(文件格式也是.xd),莫名戳中笑点-- 目前,XD 暂时只有 Mac 版本,不过官网已经明确表示 Win 版即将推出

Adobe Experience Design CC(Preview)概览

去年 Adobe 就在网站上放出了 Adobe Project Comet 的简介和视频,如今已经可以下载到 Preview 版本体验试用了,当前版本将软件更名为 Xd(文件格式也是.xd),莫名戳中笑点...... 目前,XD 暂时只有 Mac 版本,不过官网已经明确表示 Win 版即将推出,所以大家也不用担心.简单来说,XD 是一款矢量化图形设计+简单原型制作的软件,有点类似于 Sketch+Silver 的组合.鉴于 Silver 我申请了但是一直没有机会试用,所以也不好将两者对比,因此就

新排版引擎 WPS文字社区体验版评测

看着刚刚接收到的WPS文字社区体验版(版本号6.3.0.1823),笔者充满了期待,对于这款采用了耗时两年多开发的新排版引擎的体验,是否能像WPS Office文字组开发经理朱云峰所说的那样在文件的打开.文档的排版操作上有更高的速度,还要看实际的测试结果. 一.文档处理速度提升 笔者简单的找了四个测试文档,做好测试前的准备工作.在测试文档的选择上本着贴近实际的原则,没有选择太过复杂的文档,而是选择常用的DOC文档和一个TXT文档.测试内容包括文档的打开.粘贴和拼写检查等常规操作. 测试文档 采用

Ubuntu上安装体验版的Oracle 10g

体验版的Oracle10g比较适合在本子上或者开发的机器上使用,它提供了Oracle10g的大多数功能,并且仅需要更小的安装空间和运行环境. 下载体验版Oracle 10g的deb包 从下列地址下载: http://www.oracle.com/technology/software/products/database/oracle10g/index.html 根本不好下载,每次注册时都提示用户名已被使用. 安装下载的deb包 安装oracle很简单,比如下载的文件在/home/xxx/down

《NED》发布展会体验版视频五大职业曝光

传奇开发商韩国wemade公司开发的MMORPG<NED>发布了参加"Gstar2010"展会体验版视频,并同时公布核心游戏特色,并且公布了五大职业 魅力的游戏内容和新鲜的游戏战斗 游戏里分别有"战士","刺客","牧师","法师","猎人"等5种职业角色.相对来说战士更加倾向于近距离攻击,特别是在战斗时候攻击敌人产生的动作效果样式非常多元化. 穿着铂金盔甲和单手剑,盾牌,双

直指小米 魅族首发Android4.4 Flyme周固件体验版

[TechWeb报道]我们知道魅族与小米的这场战争已经延续了很久,就在魅族黄章开通新浪微博重返地球不久,就宣布启动Flyme每周更新计划,这个计划再次指向了小米,随之魅族今日正式发布了第一个MX3的Flyme周体验固件,版本号为Flyme OS 3.6.2A.本次更新着重对Flyme音乐进行了升级,新增了歌单广场,并对系统进行了优化,修复部分bug.该固件基于上次的Flyme OS 3.6.1A体验版优化而来,依然基于Android 4.4,新增了九宫格输入法,ART模式.作为第一个Flyme周

360体验版杀毒软件如何恢复误删除的文件

  在360杀毒软件6.0体验版中,与5.0正式版的操作界面所有不同,故此很多将360杀毒软件升级到6.0后,对于软件报毒删除的文件却不知道如何恢复,其实最新版的恢复方法与原来操作大致相同,只是操作界面不同而已,那么如何在新版本的杀毒软件中恢复文件呢,下面随小编一起看下吧!         操作方法 1.首先打开360杀毒软件抢鲜版. 2.点击"文件恢复按钮" 3.选中文件,然后点击"恢复所选",当然如果你想删除文件,就可以点击"删除所选" 通过

2015新款MacBook Air与MacBook Pro详细评测

  虽然全新12寸视网膜MacBook需要等到4月10日上市,但在昨日,苹果新款MacBook Air与MacBook Pro上架至了苹果官网.它们的配置都有所升级,并且价格维持不变.这些2015款MacBook Air与MacBook Pro怎么样,它们值不值得入手,来看看详细评测吧. MacBook Pro 13英寸与MacBook Air的主要区别在于显示屏幕CPU与内存.从定位上来说MacBook Air取代了之前的MacBook成为了苹果在笔电产品线上入门的产品.苹果的笔记本产品线价格

nginx-1.7.11 开发版发布,支持体验版的线程池和代理请求缓冲等

无名码农 发布于: 2015年03月25日 (9评) nginx-1.7.11 开发版已经发布了,支持体验版的线程池和代理请求缓冲等. 详情请看: *) Change: the "sendfile" parameter of the "aio" directive is        deprecated; now nginx automatically uses AIO to pre-load data for        sendfile if both &q