1、快速且具备多种用途的画板
无论您是处理几十个还是几百个画板,您都可以在没有任何延迟的情况下平移和缩放画布。借助XD,您可以针对任何尺寸的屏幕或设备自定义画板,并在多个画板之间进行复制,且不会丢失设计元素的位置。
2、重新设计了图层和符号
利用新式的上下文图层面板(该面板仅会显示您正在处理的文档部分的图层),更快地处理工作并确保有条不紊。将常用元素(如按钮和徽标)转换为可拖放到画板上并可在整个文档中重复使用的符号。更改一个符号,然后它便会在所有位置更新,或者选择覆盖特定实例。您也可以将颜色和字符样式添加到“资源”面板,从而在任何位置加以应用。
3、易于使用的强大工具
借助按照设计人员的思考方式工作的对齐、度量和定位工具、排版和蒙版工具,更快地绘制、重复使用和合成设计元素。您还可以直接通过“文件”菜单共享文档以及访问内置的教程和UI套件。
4、在几分钟内,将静态内容转变为交互式内容
将您的合成内容转换为带有过渡的交互式原型,然后测试您的体验–完全不需要上传、同步或在应用程序间来回跳转。您在设计模式中做出的更改将会显示在原型中,因此您始终能够处理最新版本。
5、控制和自定义您的体验
借助XD,您可以轻松地向同事展示您的多屏幕体验的外观、感觉和工作方式。只需单击一下,即可从设计模式切换为原型模式。然后,使用拖放控件连接您的画板,并通过将过渡和缓动效果从一个画板应用到另一个画板,来帮助传达流程。
6、更快地征集反馈,更快地进行迭代
通过Web与团队成员共享原型。审阅者可以将评论固定到原型的特定区域,并且所有反馈会被整合到一个位置,所以您能够快速地进行修订和重新发布。
7、在移动设备上预览
通过在实际的目标屏幕上预览原型,确保体验按照您需要的方式运转。您在桌面上做出的更改将会反映在您的Android或iOS设备上。
成为UI设计师之前,得先学会哪个设计软件?
Sketch多年来都是UI(使用者界面设计)设计师主要使用的设计软体,再配合AdobeAi以及Ps进行制图,但Adobe推出了自家专用于UI/UX设计的软体「AdobeXd(ExperienceDesign)」之后,设计师们从此有了新的选择
今天这篇AdobeXd以及Sketch比较,我想在刚踏入UI领域学习时,不少同学都会有这样的犹豫,而这也是设计师上常见的问题,而很多人也为此要去买新电脑。但若已经很资深的朋友,反而不会去想要去学哪一套工具,原因我们会在最后做说明。
AdobeXd/Sketch基本介绍
AdobeXdAdobe旗下一款全新且主打结合介面设计、建立原型以及跨平台体验设计的软体,将Wireframe、Design以及Prototype等UI/UX设计流程整合至同一软体中,并能直接导出标注元件与开发者进行协作。Sketch以其闪亮亮黄色钻石为人所知,由于是很早就以功能简单与UI设计专门为诉求而成为设计师惯用软体,并因此在网路上大多数的教学文章都以推荐Sketch为主,业界中较资深的设计工作人员也多使用以此为主轴的设计流程。
AdobeXd/Sketch使用比较
接下来,我们撷取各自的设计使用情境中,共8个实际的比较与参考星等。
1.「容易上手程度」
AdobeXd-
Sketch-
如果你是设计系大学生,或已经熟悉Illustrator/Photoshop等绘图软体,那不管是AdobeXd还是Sketch都是很容易上手的,因为这类专门用于UI介面设计软体的功能都做得相当简单,介面也是。
就算都没接触过相关软体,为数不多的基本功能对于新手来说的门槛也不是非常高。
AdobeXd软体界面
Sketch软体界面
2.「电脑(作业系统)支援」
AdobeXd-
Sketch-
Sketch多年以来都只支援MacOS系统的电脑,因此在初步购买电脑时,大多数的设计师会推荐使用MacBookPro电脑,或是iMac台式机等,但相较于PC电脑来说,价格稍微贵了一些。
AdobeXd的问世可以说是解决了这个入门门槛,支援Windows以及MacOS双作业系统都可以安装使用,如果团队协作时也不用担心对方的电脑能不能开启专案档,另外因为不少大学机构以及企业的硬体装置都是PC(Windows)电脑,所以大大地解决了以往没有专用UI设计软体的麻烦。
比较需要注意的是,Windows目前仅支援Win10Ver.1703以上版本。
3.「绘图功能」
AdobeXd-
Sketch-
以向量绘图来说,Sketch软体内建的工具更丰富,尤其是渐层的部分我个人觉得很好用!也比较多细部设定可以操作;AdobeXd内建的基本绘图工具较少,单纯做介面还够用,要进行插画绘制就比较辛苦。
但其实Xd这项产品是故意这么设计的,主要是用来搭配同为Adobe家的Illustrator以及Photoshop做设计。现在AdobeCreativeCloud是走订阅制,可以一次使用全套的Adobe软体,也就是说用了Xd,要顺便开Ai/Ps只需要安装一下就可以使用。
我们可以在Ai先画好图,直接贴上AdobeXd,或是直接用Xd开启.psd的档案,图层以及图形设定大多数都会保留下来*,可以直接接续设计流程。
(*在Ai以及Ps少数复杂的图形不支援,详见官方说明。)
AdobeXd的绘图工具简单易懂
Sketch的绘图工具较多,且能自定义面板。
4.「软体轻量化」
AdobeXd-
Sketch-
这两款设计软体有个很棒的共同点,就是都属于轻量级的工具。
也就是电脑在开启并执行设计的同时,比较不容易当机或是卡顿,相较于其他像是Ps/Ae这样需要大量渲染处理的工具来说,AdobeXd以及Sketch在使用时都相当顺畅。
这样是为了在做UI设计时,能展开大量的画布(Artboards),并进行各自页面的处理;有时候一个稍微大一点的网站可能就有30个、50个以上的页面,为了画面间的连贯性,一定是都会放在同个专案档的,这时候轻量级的软体才能负荷。
至于电脑硬体的选择上,如果是初阶的电脑(比如说MacBookAir)在「学习」上两个软体都是没问题的;但如果在工作或是在公司使用,建议一定都要使用到MacBookPro或是以上的规格,我目前工作主力机是MBPR15"(16GRAM、512GBSSD、i7处理器)以符合实际工作上时可能会多开软体、同时使用效能怪兽Chrome以及开启团队协作工具等等。
5.「扩充外挂」
AdobeXd-
Sketch-
Sketch略胜;原因是多年来开发者们替其开发了无数的实用Plugin,做专案的时候常常遇到某个功能Sketch没有,但可以在全球最大男性交友平台GitHub上找到,或是偶尔逛到很方便的工具,可以加速流程效率。
相信每一位UI设计师都有自己一套常用的Plugins。不过长期来看有个缺点,就是许多民开开发者制作的Plugin可能不会一直保持更新,随着Sketch的几次改版后,可能就会有不支援的情况发生。
AdobeXd在去年也终于开放的Plugin的功能,我们可以直接搭配Google试算表、微软Teams,以及标注工具Zeplin等官方的插件,也可以使用许多第三方的外挂来协助我们进行UI设计。根据我的观察,AdobeXd的Plugin数量成长非常快,而且多是Adobe官方导入的,相较于Sketch的高手在民间,AdobeXd的Plugin在版本及稳定性上稍微好一些。
Adobe甚至还发布了帮Xd制作Plugin的设计师、开发者的加速器计画,补助奖金甚至进驻总部,从此可以看出Adobe对于UI/UX产业以及发展Xd的重视。
6.「独一无二的杀手级功能」
AdobeXd-
Sketch-
其实对已经掌握UI设计软体的资深设计师来说,包含AdobeXd与Sketch在内的软体都是长得差不多的,唯一会影响今天要打开什么软体的决策,除了专案或电脑硬体限制外,就是各个软体的「特色功能」。
AdobeXd的RepeatGrid做元件的快速布局
先科普一下:除了基本的Assets元件库做常用物件的储存之外,AdobeXd内的Component则可以将UI中会重复出现的元件做归整,之后要修改时可以一次处理好。
其实这个Component功能在Sketch里也是有的,就叫「Symbol」。但AdobeXd有个很特别的玩法,叫「RepeatGrid」可以复制整排元件并进行快速排版。
这个功能肯定是基于UI上常见的设计师操作去设计的!
不论是做网页的贴文样式、电商的产品版面,或是展示user的资料栏位,在以往都是需要一个复制一个,然后去做对齐;透过AdobeXd的RepeatGrid可以快速地进行水平的重复,并且在做不同尺寸的排版时,同个物件也可以直接做垂直延伸。
这边有个小提示,就是如果你设计的元件内含切图标记,在设计稿最后导出的时候,不会因为RepeatGrid而重复出现,而是会相当聪明地只撷取原始元件的切图设定。
Sketch巢状元件NestedSymbol(Overrides)
上面提到的「Symbol」功能在Sketch中行之有年,我猜这也是刚开始大多数UI设计师喜欢用Sktch的主要原因:元件化设计。
简单来说,你看平常用的那些网站啊、APP,其实有很多局部是重复的,像是最上面的Header、最下面的Footer,或是页面中的标题、按钮以及卡片式设计等等,这些重复性的元件如果都各自独立,那如果有天要调整一点点间距或换颜色,那不就要全部手动调整嘛?
透过元件化的Symbol可以将做好的母元件储存成模组,并直接复制沿用,这大大地加速了我们的设计流程。而且Sketch有更强的「巢状Symbol」可以把UI整理成一键切换的区块,如下图这样神清气爽的版面,也让整体的设计更一致地系统化。
8.「第三方工具相容性」
AdobeXd-
Sketch-
我觉得AdobeXd最强的就是跟同家的Ai/Ps/Ae水平的整合,除此之外A社身为地球上最大的数位产品公司有跟很多知名企业的产品做连动,可以透过Plugin或是软体内进行协作,频繁地更新也让Xd与第三方工具间的相容性更好。
AdobeXd的部分合作第三方工具。
Sketch的部分合作第三方工具。
相较之下Sketch显得更新创感一点,因此有很多数位产品开发上很贴心的设计,也跟时下最新的生产力工具整并在一起,比如说可以用版控Abstract或是Plant等,在GitHub上面也有许多独立开发者所制作的外挂可以使用。
由于各自支援的第三方工具青菜萝卜都有,难分高下;如果团队在设计开发流程中有刚好能配合上的工具,在设计流程上就很加分。
1、全新工作流程。
通过AdobeXD,您可以获得一款用于整个UI/UX设计流程的强大工具。创建用户流程、线框、高保真设计、交互式原型、动画等,无需在多个应用程序之间来回切换,也无需担心设计是否保持同步。
2、快速、强大且易于使用。
XD旨在让所有人都能完成任何类型体验的设计。提供了响应式调整大小、重复网格和自动生成动画等丰富的功能,可加快常见任务的执行速度,因此您可以将更多时间投入到创作中。
3、专为团队协作而打造。
让每个人从第一次头脑风暴到最终交付都保持同步。与其他设计人员同时处理同一文档。邀请利益相关者审阅设计并提供反馈。并共享设计规范,为开发人员提供开始编码所需的全部资料。
4、创建设计系统。
借助XD中的设计系统保持一致并帮助团队更快地完成工作。创建和共享可用于多个项目的颜色、字符样式及组件。
5、强化工作流程。
通过数百个插件以及与AdobeCreativeCloud应用程序和第三方工具的集成,释放XD的全部功能。在AdobePhotoshop中编辑图像,通过AdobeFonts同步喜爱的字体,并在Jira、Slack和Zeplin等其他应用程序中共享设计。
描边增强功能沙拉视频app安卓下载-沙拉视频安卓版免费下载v1.2.00 官方免费版
控制点线或虚线描边,并设置末端端点和转角的外观。如需进行更精细的控制,您可以从Illustrator中复制复杂的描边并将其应用到XD中的对象。
资源重命名
现在,您可以直接在资源面板中为颜色、字符样式和符号添加标签,从而更好地进行整理并更轻松地进行访问。
评论设计规范
设计规范现在具备与原型相同的出色评论功能。开发人员可以评论规范,并且您会收到通知。在他们刷新浏览器时,您做出的任何更新、更改或回复均会自动显示。
叠加支持
现在,您可以通过创建叠加来在原型中堆放内容,从而节省时间和精力–不再需要为键盘、菜单和对话框复制画板。
设置固定位置
让元素始终处于同一位置,在查看者进行滚动操作时,使其位置保持不变。这种全新的原型创建功能非常适合固定的页眉、页脚等内容。
更好地控制图像填充
设计人员现在可以裁切和重新放置从桌面上拖放的用于填充形状的图像。
使用数学计算进行设计
通过在属性检查器中使用数学计算来获得设计的准确值,进而确定列大小、图像、网格布局和元素的位置。
改进了Photoshop集成
提高了导入到XD中的Photoshop文件的保真度。使用最新更新,您还可以更快地转移描边和图像效果和导入PSD
AdobeXD33是一款非常好用的UX设计软件,它的功能十分的强大,能够让用户们在几分钟之内就可以把用户们的创意从画板上面转换成为各种线框图形,方便用户们进行各种修改设计,能够满足广大用户们的使用需求,无论是设计还是创建原型在这款软件内都是可以实现的。软件还具备了各种绘画设计功能,相信大家应该都有过感受,就是使用某款软件的时候很多需求都能够被满足,但是总会有那么一两个需求软件不支持,要重新去别的软件进行操作,就会比较麻烦,但是这款软件就不会出现这样的问题,因为它的设计就是以能够满足所有用户们的需求而制作,就算真的没有哪个用户们需要的功能,软件也是支持使用插件功能的,只需导入各种需求的插件就能够进行操作,而且软件内自带了插件管理工具,用户们可以有效的对插件进行管理非常的方便快捷,简直就是一款相关设计神器啊,今天小编带来了AdobeXD33中文破解版,软件是直装破解版,安装完成即可免费体验,有兴趣的朋友们可以来下载体验!
竟技体育 体育文化节口号 莱茵体育怎么样 深保体育 体育国际会议展开内容
抖山短视频下载-抖山短视频app2.6.9安卓版
嘟嘟脸恶作剧手游下载-嘟嘟脸恶作剧(trickcal revive)v1.0.3 安卓版
月上重火下载-新版月上重火手游1.0正版
全球旅游地图app下载-中文谷歌地图(全球旅游地图)2.0.2 安卓最新版
生命简史app1.6 安卓最新版
RecognizeVoice免费下载-红草莓语音互动软件(RecognizeVoice)2.1.0 官方版
FG铁锈联盟单机版下载-单机FG铁锈联盟1.09 安卓最新版
钱笔记app-钱笔记1.0免费版
蛇蛇大作战2联网版下载-蛇蛇大作战2手机版0.0.1 官方正版联网版
讯飞极智手机版下载-讯飞极智app1.0 最新安卓版
聚宝斋问道手游交易平台app下载-聚宝斋雷霆官方交易平台1.7.0最新版
再造乾坤安卓最新版游戏下载-再造乾坤手游3.0 官方版
恋与总裁正式版下载-恋与总裁ios版1.0.1 苹果版
沙龙合并游戏下载-沙龙合并(Salon Merge)1.01 最新版
marsapp下载-mars软件3.4.8 官方手机版
高新智慧社保app下载-高新智慧社保app1.0安卓版
dcom端口设置工具2.1.0.0 官方正版
幻书启世录互通服下载-幻书启世录ios安卓互通版1.0.5互通版
地铁我行安卓版下载-成都地铁官方手机app(地铁我行)1.0.3 官网最新版
闪电找房app下载-闪电找房软件1.0.3 安卓最新版
AniHyou官方下载-AniHyou(AniList第三方客户端)1.3.5 最新版
电力698规约-电力规约分析工具(IEC8705)1.0 中文绿色版
五岳乾坤百返版下载-五岳乾坤百返版1.0 折扣福利版
萌巨官方版APP下载-萌巨约稿平台2.6.9 最新版
winrar64位中文破解版下载-winrar64位破解版5.50 beta 4 官方版
8.6/392.3M
手机下载各种压缩文件,想要快速的解压非常的麻烦,通过手机rar解压软件能够直接解压rar格式的文件,直接提取压缩文件内容,有需要的可以下载试试。手机rar解压软...
9.3/1,879.3M
隋唐英杰传是一款超好玩的历史SLG策略战棋手游。游戏以经典隋唐时期为历史背景,完美还原了当时的剧情内容。玩家可以看到很多熟悉的瓦岗英雄,比如秦叔宝、罗成等。丰富...
你好邻居正版下载-Hello Neighbor你好邻居官方正版下载2.3.6 国际服
7.9/900.6M
HelloNeighbor游戏,经典的模拟冒险类游戏,玩家的目标就是进行邻居家中,使用各种手段躲开邻居的侦查,进入一个神秘的车库。游戏简介HelloNeighb...
AE CS5.5完整破解版下载-Adobe After Effects CS5.5中文版10.5.0.253 完美汉化破解版
9.5/916.1M
好像现在大多都是用的AfterEffectsCS5.5,而不是5.0版本。其实这二者功能上差异不大,就是对5.0做了一些优化,相对稳定。小编这里带来AdobeA...
8.2/176.9M
神武飞仙可以说是一款给我们极致享受的手机修仙游戏了,有高清的游戏特效,极致的游戏享受,多种社交玩法为一体,来一段真正意义的修仙较量。还有盛世良缘,甜蜜社交哦。神...
8.5/679.9M
这是一款可以赚钱的区块链软件,一个果园的玩法,你可以在这里成为代理电商平台,帮助销售各种水果,你还可以拿提成,这里的水果都十分新鲜!软件介绍叮咚果园是一个可以赚...
巧克力爷爷和糖奶奶绘本故事-巧克力爷爷和糖奶奶故事txt格式免费下载
9.7/49.3M
好多的幼儿们在睡觉前需要讲故事才能够睡着,这里我们小编给大家推荐这一篇睡前小故事巧克力爷爷和糖奶奶故事,故事简单易懂,可以让孩子们学会宽容,有兴趣的家长们快来下...
文明曙光之末日重生官方版下载-文明曙光之末日重生手游1.0.0 安卓正版
7.8/1,799.5M
文明曙光之末日重生是一款末日题材的生存冒险rpg手游。游戏有着宏大的世界观,末世冒险,强者生存。你需要利用一切资源生存下去,多种游戏模式,废土文明,让你享受不一...
8.1/981.0M
爱美食,爱生活魔方!想在一个城市里,找到更多的好吃的,和更多的美食优惠,那就需要生活魔方来帮助你寻找了!吃货的手机上终极神器,那就是生活魔方!软件介绍生活魔方由...
7.8/1,703.3M
布谷鸟定时关机器是款定时关机软件,它能够支持不同类型的关机任务,使其让大家的电脑能够准时在无人情况下,进行自动关机!布谷鸟定时关机器有什么用布谷鸟定时关机器功能...
CAD迷你家装工具下载-CAD迷你家装2017R3绿色免费版
8.6/868.2M
CAD迷你家装2017是一款简单易用的家庭CAD平面设计软件,如果你想设计你自己的房子,也可以通过这款软件来设计平面图,非常简单好用一款CAD制图软件。CAD迷...
9.1/1,349.8M
荣宝阁app是一款全新上线的数字艺术藏品交易平台,这里每隔一段时间就会推出各种数字艺术品,有传统精粹,也有各种动漫联名等,很有收藏价值,感兴趣的朋友们快来东坡下...
多屏互动无线投屏下载-多屏互动无线投屏软件1.1.1 官方最新版
9.7/1,633.4M
多屏互动无线投屏是一个集多屏互动、投屏等功能于一体的手机投屏应用,可以实现电脑、手机和电视等不同设备之间的通信和文件共享,实现了全面互动体验,适用于商务、办公、...
2015台历模板-2015羊年孝义台历封面模板素材psd分层高清版
9.3/1,568.0M
今天小编和大家分享的是一个2015台历模板,羊年台历模板,具体为2015羊年孝义台历封面模板素材,psd分层高清版,希望这个2015年台历封面模板大家会喜欢,有...
大智慧炒股软件官方免费下载-大智慧手机版官方下载10.10.0 经典版
7.6/74.8M
喜欢炒股的朋友,不知道你们在使用什么软件来炒股的,不知道有没有朋友听过大智慧炒股软件!大智慧炒股软件集中展示大盘指数、外围指数、资讯、自选股行情等信息,是一款很...
9.9/287.7M
幻音二次元音乐是一款非常好用的音乐软件,相信大家都是有一定的了解的,超多的二次元音乐和非常不错的人物,感兴趣的可以试用哦!幻音二次元音乐功能特点幻音——国内最二...
9.0/1,810.6M
实况足球20184D草坪优化补丁是一款非常好用的优化补丁,可以让你在3D的草的游戏场地玩,而且还有很多是你想象不到的,让你开开心心的玩游戏,需要的下载吧。把场地...
天地道免费版下载-天地道安卓版(天地道免费版)1.0.3 最新版
9.7/1,778.7M
天地道手游是一款动作仙侠题材手机游戏,这款游戏不但画面精美,玩法多样,而且还有特殊竞技PK游戏模式,喜欢的网友快来下载体验吧!天地道游戏介绍《天地道》是昆仑游戏...
监控录像恢复软件-赤兔DAT监控录像恢复软件V8.0 中文版
8.2/1,265.5M
赤兔DAT监控录像恢复软件能够恢复因病毒感染、误格式化、误分区、误克隆、误删除、操作断电等而导致数据丢失的多种格式的DAT监控录像。软件采用碎片处理技术,可以最...
Toms Editor轻量图片编辑工具1.0.3 绿色免费版
7.9/1,839.0M
TomsEditor可以让你查看任何格式的图片,来方便你上传到你的空间博客,并且你可以关联任何的文件夹,让工具自动为你抓取本地图片进行整理查看。可以进行各种格式...
8.2/575.8M
是一款全新的空调手机端控制软件,利用这款软件无需遥控器即可进行对空调的温度控制,帮助你更好的实用空调享受生活。乐视空调介绍乐视空调是一款致力为用户提供简单、易用...
7.6/729.2M
搜狗拼音输入法除了传统的输入法外,搜狗更是精心打造了一款智慧版的拼音输入法,也就是小编今天推荐的搜狗拼音输入法智慧版,它能和你心有灵犀,贯穿到你的生活每一个不经...
欢游app下载安装-欢游appv2.72.5-18902 最新版本
9.5/425.3M
欢游app是一款功能强大的实时语音开黑软件,旨在为游戏玩家提供高质量的语音通话功能和丰富的社交功能。无论你是个人玩家还是团队玩家,欢游都能够满足你的需求,让你的...
7.8/1,020.7M
德品微护app是一个医疗护理服务平台,拥有超多陪护和上门护理服务,用户可以随时预约服务,在线下单,医护人员上门帮助你!软件介绍德品微护用户端软件,包含合作医院的...
8.1/1,595.2M
大象点映app是一款关于电影的平台,提供了最新的电影资讯,用户可以根据自己的喜欢自主发起观影活动,帮助优质电影在影院实现排片,让好电影遇见对的观众。功能介绍大象...