成为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上面也有许多独立开发者所制作的外挂可以使用。
由于各自支援的第三方工具青菜萝卜都有,难分高下;如果团队在设计开发流程中有刚好能配合上的工具,在设计流程上就很加分。
AdobeXD33是一款非常好用的UX设计软件,它的功能十分的强大,能够让用户们在几分钟之内就可以把用户们的创意从画板上面转换成为各种线框图形,方便用户们进行各种修改设计,能够满足广大用户们的使用需求,无论是设计还是创建原型在这款软件内都是可以实现的。软件还具备了各种绘画设计功能,相信大家应该都有过感受,就是使用某款软件的时候很多需求都能够被满足,但是总会有那么一两个需求软件不支持,要重新去别的软件进行操作,就会比较麻烦,但是这款软件就不会出现这样的问题,因为它的设计就是以能够满足所有用户们的需求而制作,就算真的没有哪个用户们需要的功能,软件也是支持使用插件功能的,只需导入各种需求的插件就能够进行操作,而且软件内自带了插件管理工具,用户们可以有效的对插件进行管理非常的方便快捷,简直就是一款相关设计神器啊,今天小编带来了AdobeXD33中文破解版,软件是直装破解版,安装完成即可免费体验,有兴趣的朋友们可以来下载体验!掌上遂宁(遂宁生活圈)5.0.6安卓客户端
1、快速且具备多种用途的画板
无论您是处理几十个还是几百个画板,您都可以在没有任何延迟的情况下平移和缩放画布。借助XD,您可以针对任何尺寸的屏幕或设备自定义画板,并在多个画板之间进行复制,且不会丢失设计元素的位置。
2、重新设计了图层和符号
利用新式的上下文图层面板(该面板仅会显示您正在处理的文档部分的图层),更快地处理工作并确保有条不紊。将常用元素(如按钮和徽标)转换为可拖放到画板上并可在整个文档中重复使用的符号。更改一个符号,然后它便会在所有位置更新,或者选择覆盖特定实例。您也可以将颜色和字符样式添加到“资源”面板,从而在任何位置加以应用。
3、易于使用的强大工具
借助按照设计人员的思考方式工作的对齐、度量和定位工具、排版和蒙版工具,更快地绘制、重复使用和合成设计元素。您还可以直接通过“文件”菜单共享文档以及访问内置的教程和UI套件。
4、在几分钟内,将静态内容转变为交互式内容
将您的合成内容转换为带有过渡的交互式原型,然后测试您的体验–完全不需要上传、同步或在应用程序间来回跳转。您在设计模式中做出的更改将会显示在原型中,因此您始终能够处理最新版本。
5、控制和自定义您的体验
借助XD,您可以轻松地向同事展示您的多屏幕体验的外观、感觉和工作方式。只需单击一下,即可从设计模式切换为原型模式。然后,使用拖放控件连接您的画板,并通过将过渡和缓动效果从一个画板应用到另一个画板,来帮助传达流程。
6、更快地征集反馈,更快地进行迭代
通过Web与团队成员共享原型。审阅者可以将评论固定到原型的特定区域,并且所有反馈会被整合到一个位置,所以您能够快速地进行修订和重新发布。
7、在移动设备上预览
通过在实际的目标屏幕上预览原型,确保体验按照您需要的方式运转。您在桌面上做出的更改将会反映在您的Android或iOS设备上。
1、全新工作流程。
通过AdobeXD,您可以获得一款用于整个UI/UX设计流程的强大工具。创建用户流程、线框、高保真设计、交互式原型、动画等,无需在多个应用程序之间来回切换,也无需担心设计是否保持同步。
2、快速、强大且易于使用。
XD旨在让所有人都能完成任何类型体验的设计。提供了响应式调整大小、重复网格和自动生成动画等丰富的功能,可加快常见任务的执行速度,因此您可以将更多时间投入到创作中。
3、专为团队协作而打造。
让每个人从第一次头脑风暴到最终交付都保持同步。与其他设计人员同时处理同一文档。邀请利益相关者审阅设计并提供反馈。并共享设计规范,为开发人员提供开始编码所需的全部资料。
4、创建设计系统。
借助XD中的设计系统保持一致并帮助团队更快地完成工作。创建和共享可用于多个项目的颜色、字符样式及组件。
5、强化工作流程。
通过数百个插件以及与AdobeCreativeCloud应用程序和第三方工具的集成,释放XD的全部功能。在AdobePhotoshop中编辑图像,通过AdobeFonts同步喜爱的字体,并在Jira、Slack和Zeplin等其他应用程序中共享设计。
描边增强功能
控制点线或虚线描边,并设置末端端点和转角的外观。如需进行更精细的控制,您可以从Illustrator中复制复杂的描边并将其应用到XD中的对象。
资源重命名
现在,您可以直接在资源面板中为颜色、字符样式和符号添加标签,从而更好地进行整理并更轻松地进行访问。
评论设计规范
设计规范现在具备与原型相同的出色评论功能。开发人员可以评论规范,并且您会收到通知。在他们刷新浏览器时,您做出的任何更新、更改或回复均会自动显示。
叠加支持
现在,您可以通过创建叠加来在原型中堆放内容,从而节省时间和精力–不再需要为键盘、菜单和对话框复制画板。
设置固定位置
让元素始终处于同一位置,在查看者进行滚动操作时,使其位置保持不变。这种全新的原型创建功能非常适合固定的页眉、页脚等内容。
更好地控制图像填充
设计人员现在可以裁切和重新放置从桌面上拖放的用于填充形状的图像。
使用数学计算进行设计
通过在属性检查器中使用数学计算来获得设计的准确值,进而确定列大小、图像、网格布局和元素的位置。
改进了Photoshop集成
提高了导入到XD中的Photoshop文件的保真度。使用最新更新,您还可以更快地转移描边和图像效果和导入PSD
展开内容
果加app下载-果加智能锁手机版(果加智能app)1.0.352 用户版
贪玩连连看游戏赚现金下载-贪玩连连看游戏1.0.5 红包版
赣州智慧党建app0.0.46 安卓手机版
凡人修仙传挂机版内测服下载-凡人修仙传挂机版内测版1.1.0安卓最新版
好玩部落下载安装手机版中文-好玩部落app3.24.1 手机版
未知文章
夜班VR游戏下载-Night Shift夜班VR版1.0.0 中文安卓版
追耽漫画app下载-追耽漫画软件1.0.4 安卓版
我们是怪兽游戏下载-我们是怪兽游戏1.0.1 安卓版
法制教育作文-法制教育作文范文大全(6篇)doc格式【word完整版】
仙变3oppo版下载-仙变3手游oppo礼包版1.12.1.26手机版
开心宝贝塔防游戏下载-开心宝贝塔防v1.0.1 最新版
物业管理委托合同范本下载-物业管理委托合同书(与开发商)
跑跑狼人杀最新版-跑跑狼人杀开黑版2.1.0三周年庆典版
兴渔学堂下载-兴渔学堂app最新版2.0.25 安卓版
7.5/349.1M
文星直书是一份为写作者准备的写作兼文稿管理的工具软件,帮助你更好的写作,写完后可以快速的保存,让你放心写作,有需要的赶紧来下载使用吧。文星直书介绍文星直书专注于...
9.3/753.8M
游戏是一款以黑猫人物为原形的游戏,主要是rpg逃脱向为主,在游戏中你的选择将会决定黑猫的命运,游戏有多个不同的结局,并且彩蛋很多,相信给你不同的体验!黑猫的危机...
7.9/886.3M
可以实时通过儿童手表监控孩子情况的软件,乐蜂窝智能儿童手表app搭配儿童手表使用,能精准定位,功能丰富完定时定位,守护孩子每一天的健康。软件特色1.完全免费,持...
MPV EASY Player免费下载-MPV EASY Player0.28.2.12 绿色版
7.9/1,689.4M
MPVEASYPlayer是一款简易的mpv视频播放器,它的界面设计的简洁,支持调整众多参数,还有无边框GUI模式,最新版对代码有所改进,修复了一些问题,更好用...
9.2/1,809.0M
这是一款优质的购物软件,通过这个app你可以找到更多优质好货,全国包邮服务,各种精选商品每日领取优惠券,还有准点秒杀功能开启哦!软件介绍樊登心选商城是一款拥有海...
视频会议系统-OM视频会议系统下载2.2.2.0 官方免费版
9.6/518.9M
OM视频会议系统是一套实时交互式在线会议系统,B/S架构,用户无需安装客户端软件或浏览器插件,只需在服务器端安装本软件。主旨是在Internet上构建虚拟会议室...
9.9/189.6M
蓝奏云上传工具是网友编写的一款蓝奏云网盘批量上传工具,操作简便,接将大量的文件直接上传到云盘中,对文件进行备份。蓝奏云上传工具使用方法首先登陆账号和密码导入文件...
9.9/506.7M
主要用于托管的商家及企业用户全品类报修功能,应用包含查看订单、维修账单、维修工单、电子签名、实时维修情况、地图定位等功能。柚能修app功能更规范柚能修根据多年维...
百度开发者工具-百度小程序开发者工具2.29.1 官方免费版
8.4/1,535.6M
为了帮助开发者简单高效地开发和调试智能小程序,使用百度开发者工具调试,开发者可以完成智能小程序的API和页面的开发调试、智能小程序预览和发布等功能。开发者工具登...
9.0/1,002.0M
汽车短视频APP是一款汽车视频全方位综合传播平台,包含:汽车视频播放,汽车视频发布,汽车视频搜索,汽车视频服务等板块。主要功能提供汽车试驾,汽车新闻,车展报道,...
StopWinUpdates下载-StopWinUpdates(禁用windows系统自动更新)2.2 最新绿色版
9.5/368.5M
StopWinUpdates是一款很好用的快速的关闭/禁用windows系统的自动更新的软件,支持和兼容win7及更高版本,官方最新绿色版本,下载压缩包后解压运...
8.1/1,085.4M
爱维宝贝是一款帮助幼儿园家长和老师沟通的智能管理平台,被称为幼儿园管理专家,爱维宝贝教师版,更适合幼儿教师使用哦。爱维宝贝教师版简介爱维宝贝-教师版,帮助幼教老...
loficam复古ccd相机下载-lofi cam复古ccd数码相机1.4 安卓版
9.1/83.9M
LoFiCam复古仿ccd相机app中提供各种精美复古滤镜,原图直出高质量大片,无需PS,可自定义相关参数,调整到最合适、最喜欢的效果,拍出各种风格的复古大片。...
8.6/447.7M
大王饶命是一款全新推出的卡牌鬼畜大乱斗系列手游。游戏将三国和封神、西游相结合,你能看到很多熟悉的角色。游戏采用鬼畜风格画风设计,爆笑的玩法,新颖的内容,给你绝佳...
清明上河图ppt模板-中国风清明上河图全景动态ppt模板喜庆花朵纹理免费版
7.7/704.9M
今天小编和大家分享的是一个中国风ppt模板,清明上河图ppt模板,具体为中国风清明上河图全景动态ppt模板,喜庆花朵纹理风格,ppt格式,有需要的朋友可立即下载...
10.0/1,026.8M
是一款为要去河南旅游的朋友们打造的一款实用助手软件,通过这款软件你可以一键进行景点的概述了解,可以在这里查看旅游线路,可以一键预定酒店等等,帮助你的旅游更加的方...
东京复仇者拼图复仇迈向全国制霸之路下载-东京复仇者全国制霸之道最新版2.0.6 官方版
8.0/1,441.8M
东京复仇者之谜!国家统治之路,这是一款动画改编的手机三消小游戏,这里推出了手游版本,喜欢这个动画的可以下载试试看哦,虽然是日服的游戏,但是并不影响中国玩家看懂玩...
2017消防知识竞赛试题及答案-2017年全国首届中小学生消防安全知识竞赛试题及答案1.0 官网版
8.6/814.9M
2017年全国首届中小学生消防安全知识竞赛已经开始了,省级竞赛还有几天就要结束了,过了省级竞赛就可以参加全国竞赛了,小编带来了2017消防知识竞赛试题及答案,欢...
9.0/1,327.2M
空洞骑士3dm是一款2D动作游戏,强调操作技巧和探索发现,虽然当前有很多同类型的独立游戏,但是这款游戏的画面非常突出,感兴趣的同学欢迎下载体验。空洞骑士游戏剧情...
8.0/1,182.4M
传世英雄1.45正式版是一款角色剧情类型地图,剧情内容十分丰富,很多玩家都在关注,新版本新增了一些任务,修改了一些玩法,修复了一些bug,地图更加稳定!传世英雄...
Hoverbus Simulator 2018(高速公路模拟器2018)1.0 手机版
8.6/561.0M
是一款很好玩的汽车驾驶模拟器,在游戏中你需要驾驶旅游巴士来进行接驾乘客,你需要利用稳定的技术成功送达指定地点,保证乘客的安全!游戏介绍扣上并系好安全带!并开始你...
电话记录表下载-电话记录表模板(来电记录表)doc格式【word版】
7.7/1,521.9M
这份doc格式word版电话记录表模板(来电记录表)主要由来电时间、来电人(单位)、来电号码、来电内容、记录人等项别构成,是一份排版简单大方,但绝对实用的表格。...
8.1/1,935.1M
学生可以直接的通过平台查看学习成绩,慧学宝学生端app就是知心慧学推出的,丰富的题库,有针对性的学习,哪里不会就练哪里,帮助学生提高学习效率。功能介绍学习路径指...
8.5/1,050.3M
一款好的手机,它的电池使用的时间都是不长的,现在的智能手机更是如此!今天小编给大家介绍一款专业的安卓手机优化工具---手机电池优化大师!希望给你的手机电池一个好...
护士考试笔记下载-护士考试笔记app4.0.25 最新免费版
9.7/1,618.4M
护士考试笔记app是手机上面最全的护士笔记,同时为你收集了历年所有的护士考试的试题,护士考试笔记app就是为你提供最新的护士题库,心动就来试试!护士考试笔记ap...