成为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、快速且具备多种用途的画板
无论您是处理几十个还是几百个画板,您都可以在没有任何延迟的情况下平移和缩放画布。借助XD,您可以针对任何尺寸的屏幕或设备自定义画板,并在多个画板之间进行复制,且不会丢失设计元素的位置。
2、重新设计了图层和符号
利用新式的上下文图层面板(该面板仅会显示您正在处理的文档部分的图层),更快地处理工作并确保有条不紊。将常用元素(如按钮和徽标)转换为可拖放到画板上并可在整个文档中重复使用的符号。更改一个符号,然后它便会在所有位置更新,或者选择覆盖特定实例。您也可以将颜色和字符样式添加到“资源”面板,从而在任何位置加以应用。
3、易于使用的强大工具
借助按照设计人员的思考方式工作的对齐、度量和定位工具、排版和蒙版工具,更快地绘制、重复使用和合成设计元素。您还可以直接通过“文件”菜单共享文档以及访问内置的教程和UI套件。
4、在几分钟内,将静态内容转变为交互式内容
将您的合成内容转换为带有过渡的交互式原型,然后测试您的体验–完全不需要上传、同步或在应用程序间来回跳转。您在设计模式中做出的更改将会显示在原型中,因此您始终能够处理最新版本。
5、控制和自定义您的体验
借助XD,您可以轻松地向同事展示您的多屏幕体验的外观、感觉和工作方式。只需单击一下,即可从设计模式切换为原型模式。然后,使用拖放控件连接您的画板,并通过将过渡和缓动效果从一个画板应用到另一个画板,来帮助传达流程。
6、更快地征集反馈,更快地进行迭代
通过Web与团队成员共享原型。审阅者可以将评论固定到原型的特定区域,并且所有反馈会被整合到一个位置,所以您能够快速地进行修订和重新发布。
7、在移动设备上预览
通过在实际的目标屏幕上预览原型,确保体验按照您需要的方式运转。您在桌面上做出的更改将会反映在您的Android或iOS设备上。
AdobeXD33是一款非常好用的UX设计软件,它的功能十分的强大,能够让用户们在几分钟之内就可以把用户们的创意从画板上面转换成为各种线框图形,方便用户们进行各种修改设计,能够满足广大用户们的使用需求,无论是设计还是创建原型在这款软件内都是可以实现的。软件还具备了各种绘画设计功能,相信大家应该都有过感受,就是使用某款软件的时候很多需求都能够被满足,但是总会有那么一两个需求软件不支持,要重新去别的软件进行操作,就会比较麻烦,但是这款软件就不会出现这样的问题,因为它的设计就是以能够满足所有用户们的需求而制作,就算真的没有哪个用户们需要的功能,软件也是支持使用插件功能的,只需导入各种需求的插件就能够进行操作,而且软件内自带了插件管理工具,用户们可以有效的对插件进行管理非常的方便快捷,简直就是一款相关设计神器啊,今天小编带来了AdobeXD33中文破解版,软件是直装破解版,安装完成即可免费体验,有兴趣的朋友们可以来下载体验!
描边增强功能
控制点线或虚线描边,并设置末端端点和转角的外观。如需进行更精细的控制,您可以从Illustrator中复制复杂的描边并将其应用到XD中的对象。
资源重命名
现在,您可以直接在资源面板中为颜色、字符样式和符号添加标签,从而更好地进行整理并更轻松地进行访问。
评论设计规范
设计规范现在具备与原型相同的出色评论功能。开发人员可以评论规范,并且您会收到通知。在他们刷新浏览器时,您做出的任何更新、更改或回复均会自动显示。
叠加支持
现在,您可以通过创建叠加来在原型中堆放内容,从而节省时间和精力–不再需要为键盘、菜单和对话框复制画板。
设置固定位置
让元素始终处于同一位置,在查看者进行滚动操作时,使其位置保持不变。这种全新的原型创建功能非常适合固定的页眉、页脚等内容。
更好地控制图像填充
设计人员现在可以裁切和重新放置从桌面上拖放的用于填充形状的图像。
使用数学计算进行设计
通过在属性检查器中使用数学计算来获得设计的准确值,进而确定列大小、图像、网格布局和元素的位置。
改进了Photoshop集成
提高了导入到XD中的Photoshop文件的保真度。使用最新更新,您还可以更快地转移描边和图像效果和导入PSD
1、全新工作流程。开云
通过AdobeXD,您可以获得一款用于整个UI/UX设计流程的强大工具。创建用户流程、线框、高保真设计、交互式原型、动画等,无需在多个应用程序之间来回切换,也无需担心设计是否保持同步。
2、快速、强大且易于使用。
XD旨在让所有人都能完成任何类型体验的设计。提供了响应式调整大小、重复网格和自动生成动画等丰富的功能,可加快常见任务的执行速度,因此您可以将更多时间投入到创作中。
3、专为团队协作而打造。
让每个人从第一次头脑风暴到最终交付都保持同步。与其他设计人员同时处理同一文档。邀请利益相关者审阅设计并提供反馈。并共享设计规范,为开发人员提供开始编码所需的全部资料。
4、创建设计系统。
借助XD中的设计系统保持一致并帮助团队更快地完成工作。创建和共享可用于多个项目的颜色、字符样式及组件。
5、强化工作流程。
通过数百个插件以及与AdobeCreativeCloud应用程序和第三方工具的集成,释放XD的全部功能。在AdobePhotoshop中编辑图像,通过AdobeFonts同步喜爱的字体,并在Jira、Slack和Zeplin等其他应用程序中共享设计。
足球竞彩如何买 众博台子靠谱嘛 华体会体育真黑 怎么报体育生 英博娱乐客服展开内容
我的女神3.55破解版地图下载-我的女神3.55 破解版【附攻略+隐藏英雄密码】
羚羊夫人的幼儿园下载-羚羊夫人的幼儿园游戏4.9 手机版
安徽老兵app官方下载-安徽老兵app1.1.9.0 安卓版
实惠猫app下载-实惠猫appv8.7.12 安卓版
AI修图抠图工具app下载-AI修图抠图工具1.0免费版
NBA2K14补丁下载-NBA 2K14科比真实面补v2.0 新版
樱花校园模拟器星辰版下载-樱花校园模拟器星辰服装版1.039.55 官方最新版
人人美剧星球app下载-人人美剧星球2022最新版1.0 安卓版
调查报告模板下载-街头错别字调查报告作文(参考范文)doc格式【word版】
天一大联考答案2018-2018天一大联考试题及答案最新完整版
笔画输入软件-1234笔画输入法5.01 官方版
Petya勒索病毒安全补丁下载-Petya勒索病毒专杀软件1.0 最新绿色版
明朝人生养成记下载-明朝人生养成记最新版1.0.7 单机版
浮图鉴真app下载-浮图鉴真app1.4 安卓版
江苏食品药品职业技术学院app下载-江苏食品药品职业技术学院appv3.2.0 最新版
无尽争霸百度版下载-无尽争霸手游百度版1.38.0.1 安卓百度版
8.2/1,512.7M
无尽争霸手游百度版是一款以三国时代为背景的3DMOBA竞技手游,游戏玩法与王者荣耀相似,游戏画面流畅画质高清,赶紧叫上你的好友来一场5v5竞技比赛吧。东坡手游玩...
7.7/128.0M
专门考验玩家耐心和观察力的游戏,超级虫子手游关卡设计巧妙,还有很多烧脑的设计,玩法丰富有趣,特效爆破不断,打发时间不错的选择。玩法介绍游戏操作简单,上下左右轻松...
巩义市人民法院ios版-巩义市人民法院手机版1.0.1 官方苹果版
8.8/1,716.3M
巩义市人民法院手机版是河南省巩义市人民法院官方打造的一款手机应用软件,提供巩义市人民法院最新新闻资讯,权威法律知识,诉讼指南,让人民全面了解法律知识,掌握法律知...
9.6/1,285.8M
年轮营养助手app是一款非常实用的减肥营养搭配软件,用户下载这里软件减肥的时候就能够了解如何科学搭配食物热量的摄入,能够进行健康减肥科学减脂的作用,非常的健康。...
8.4/1,774.2M
末日入侵1.9是一款比较经典的魔兽防守类型地图了,很多玩家都在关注,加上一定的生存玩法,新版本更新了非常多的英雄,这张图的玩法比较多,新版本更加好玩!末日入侵1...
魔影工厂转换器(WinAVI Video Converter)11.0 英文特别安装版
8.1/1,247.5M
WinAVIVideoConverter是一款视频格式转换软件。界面很漂亮,简单易用。该程序支持包括AVI、MPEG1/2/4、VCD/SVCD/DVD、Div...
8.5/242.8M
鸿运和牛牧场红包版是一款很好玩的模拟经营游戏,通过自己的能力来完成更多任务,饲养最顶级的和牛,让自己牧场的规模变得越来越大,能够带给玩家一些不一样的游戏体验,并...
7.5/977.0M
葵和她的朋友们正在搬到新市镇。在这个小镇上,她遇到了一个新情人,但有很多女孩追着这个男孩。新来的高中生葵对她的森派情有独钟,想与黑帮老大抗争。就像在动漫动作格斗...
9.0/846.9M
康康app是一款便捷的手机线上中药购物商城软件,用户下载这款软件能够在上面直接进行中药的购买,app上涵盖的种类超级全面,每一种药品都能够溯源体系可查,非常的有...
微博相册批量下载器-胖西西微博相册下载工具3.0 绿色免费版
7.8/1,259.8M
胖西西微博相册下载工具是一款对新浪微博相册图片原图批量下载的下载器。非常的好用,下载效率高,不占后台内存,有这方面需要的朋友不要错过了。它可以帮助你很好的进行微...
祖安乱斗下载(荒野乱斗魔改)-祖安乱斗(荒野乱斗)v1.1.0 最新版
8.2/301.6M
祖安乱斗是荒野乱斗的魔改版本,加入了很多新鲜的元素和技能,让荒野乱斗的玩法再上一层楼。这个版本属于正常服的铲铲魔改版,还有各种新鲜的技能互换,相较于传统的荒野乱...
10.0/1,568.6M
去南昌就可以下载这款南昌公厕导航app,附近所有的厕所一目了然,还可以查看一些公厕信息,拥挤程度等,出门在外更加的方便。使用方法第一步:输入查找范围第二步:轻点...
9.9/227.1M
心悦货车app是一款互联网出行平台的货车司机端,操作简单,快速上手,一键注册心悦货车,每天多赚数千元。功能介绍1、操作简单,快速上手,适合各个年龄段的司机。2、...
8.6/127.7M
以西游为题材的一款rpg游戏,伏魔情缘至尊无限版有着丰富的奖励,上线就送vip特权,还有绝世神将相送,丰富的操作玩法,超多特权给你带来极佳的游戏体验,爱这类游戏...
战地硬仗破解-Xbox360战地硬仗三项修改金手指1.0 绿色版
8.9/443.0M
Xbox360战地硬仗三项修改金手指是一款同名游戏战地硬仗的游戏修改器。该修改器支持无限生命、无限子弹等等功能。有需要的可以来此下载。Xbox360战地硬仗三项...
超级动物合成手游下载-超级动物合成0.13.0.0211 最新版
8.3/1,915.3M
超级动物合成游戏主打动物合成,碰撞比拼的全新玩法模式,在这里你可以看到各种动物的奇幻合成,能合成什么样的动物都是未知的哦,趣味合成挑战,新颖合成玩法,一起解锁超...
8.7/291.4M
在我们不能够做出决定的时候可以用到这款小决定喵app,提供了多种选择方式,小决定大转盘,通过随机抽取的方式帮助你做出选择。小决定喵app介绍小决定喵是一个帮你快...
8.9/1,595.0M
换换优品app是通过对手机的出售和回收形成的交易平台,它能让让有需要的人买到心仪实用且价格合理的手机,同时也能让用户不需要的手机变废为宝,是一款方便实用的软件。...
度量衡单位换算器2015-单位换算3.2.2 安卓免费版【度量衡换算】
8.2/1,947.8M
单位换算是一款非常好用的运行于安卓平台的度量衡单位换算器,采用的是中国,香港,台湾,日本常用的度量衡单位转换程式,单位换算还备有实时换算的功能,而且支持输入负数...
9.7/1,857.8M
2R酷玩app,遥控模型车、钓鱼无人船、潜水器远程遥控管理软件,一键连接设备,远程控制管理,轻松分享遥控视频,让远程视频遥控更轻松。2R酷玩软件介绍用户可以利用...
吃鸡模拟器3DM分流版-吃鸡模拟器3DM完整分流版【附汉化补丁】
8.7/1,860.9M
吃鸡模拟器3DM完整分流版是小编为大家分享的一款非常好玩的游戏,这款游戏可以让你模拟吃鸡的所有场景,让你模拟出自己吃鸡的画面,是菜鸟学习吃鸡技巧的神器。吃鸡模拟...
9.3/1,103.0M
投翔三国手游是一款三国题材的手机策略游戏,精致细腻的画风,精彩的剧情,独特的三国内容,还有各种华丽酷炫的动作场面,想要在三国之战中争取一席之地,那就来下载投翔三...
雷电游戏中心下载安装-雷电游戏中心手机版3.3.14 官方最新版
8.5/1,845.3M
雷电游戏中心下载官方,雷电模拟器专门打造的一款app,提供了各种游戏和资讯,还有一些应用,专属的活动和福利,提供了最快速的游戏下载通道!雷电游戏中心手机版介绍雷...
8.7/1,829.8M
逆战绝地突围轻端官方封测来袭,游戏有经典的多模式玩法,开放刀锋战士娱乐PVP玩法以及全新的樱之城PVE关卡,玩家可以直接进入游戏,从而提高游戏的体验感,有喜欢的...
Dota2 7.06更新补丁下载-Dota2v7.06国服更新补丁1.0 官方版
9.3/451.3M
Dota2v7.06国服更新补丁是官方更新的一款最新的补丁,此次更新可以说是重大改变,圣坛现在需要5分钟才能激活,近战小兵的基础经验奖励也从45减少至40,需要...