成为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上面也有许多独立开发者所制作的外挂可以使用。
由于各自支援的第三方工具青菜萝卜都有,难分高下;如果团队在设计开发流程中有刚好能配合上的工具,在设计流程上就很加分。
描边增强功能163邮箱注册机破解版-红颜163邮箱注册机1.0 绿色版
控制点线或虚线描边,并设置末端端点和转角的外观。如需进行更精细的控制,您可以从Illustrator中复制复杂的描边并将其应用到XD中的对象。
资源重命名
现在,您可以直接在资源面板中为颜色、字符样式和符号添加标签,从而更好地进行整理并更轻松地进行访问。
评论设计规范
设计规范现在具备与原型相同的出色评论功能。开发人员可以评论规范,并且您会收到通知。在他们刷新浏览器时,您做出的任何更新、更改或回复均会自动显示。
叠加支持
现在,您可以通过创建叠加来在原型中堆放内容,从而节省时间和精力–不再需要为键盘、菜单和对话框复制画板。
设置固定位置
让元素始终处于同一位置,在查看者进行滚动操作时,使其位置保持不变。这种全新的原型创建功能非常适合固定的页眉、页脚等内容。
更好地控制图像填充
设计人员现在可以裁切和重新放置从桌面上拖放的用于填充形状的图像。
使用数学计算进行设计
通过在属性检查器中使用数学计算来获得设计的准确值,进而确定列大小、图像、网格布局和元素的位置。
改进了Photoshop集成
提高了导入到XD中的Photoshop文件的保真度。使用最新更新,您还可以更快地转移描边和图像效果和导入PSD
AdobeXD33是一款非常好用的UX设计软件,它的功能十分的强大,能够让用户们在几分钟之内就可以把用户们的创意从画板上面转换成为各种线框图形,方便用户们进行各种修改设计,能够满足广大用户们的使用需求,无论是设计还是创建原型在这款软件内都是可以实现的。软件还具备了各种绘画设计功能,相信大家应该都有过感受,就是使用某款软件的时候很多需求都能够被满足,但是总会有那么一两个需求软件不支持,要重新去别的软件进行操作,就会比较麻烦,但是这款软件就不会出现这样的问题,因为它的设计就是以能够满足所有用户们的需求而制作,就算真的没有哪个用户们需要的功能,软件也是支持使用插件功能的,只需导入各种需求的插件就能够进行操作,而且软件内自带了插件管理工具,用户们可以有效的对插件进行管理非常的方便快捷,简直就是一款相关设计神器啊,今天小编带来了AdobeXD33中文破解版,软件是直装破解版,安装完成即可免费体验,有兴趣的朋友们可以来下载体验!
1、全新工作流程。
通过AdobeXD,您可以获得一款用于整个UI/UX设计流程的强大工具。创建用户流程、线框、高保真设计、交互式原型、动画等,无需在多个应用程序之间来回切换,也无需担心设计是否保持同步。
2、快速、强大且易于使用。
XD旨在让所有人都能完成任何类型体验的设计。提供了响应式调整大小、重复网格和自动生成动画等丰富的功能,可加快常见任务的执行速度,因此您可以将更多时间投入到创作中。
3、专为团队协作而打造。
让每个人从第一次头脑风暴到最终交付都保持同步。与其他设计人员同时处理同一文档。邀请利益相关者审阅设计并提供反馈。并共享设计规范,为开发人员提供开始编码所需的全部资料。
4、创建设计系统。
借助XD中的设计系统保持一致并帮助团队更快地完成工作。创建和共享可用于多个项目的颜色、字符样式及组件。
5、强化工作流程。
通过数百个插件以及与AdobeCreativeCloud应用程序和第三方工具的集成,释放XD的全部功能。在AdobePhotoshop中编辑图像,通过AdobeFonts同步喜爱的字体,并在Jira、Slack和Zeplin等其他应用程序中共享设计。
1、快速且具备多种用途的画板
无论您是处理几十个还是几百个画板,您都可以在没有任何延迟的情况下平移和缩放画布。借助XD,您可以针对任何尺寸的屏幕或设备自定义画板,并在多个画板之间进行复制,且不会丢失设计元素的位置。
2、重新设计了图层和符号
利用新式的上下文图层面板(该面板仅会显示您正在处理的文档部分的图层),更快地处理工作并确保有条不紊。将常用元素(如按钮和徽标)转换为可拖放到画板上并可在整个文档中重复使用的符号。更改一个符号,然后它便会在所有位置更新,或者选择覆盖特定实例。您也可以将颜色和字符样式添加到“资源”面板,从而在任何位置加以应用。
3、易于使用的强大工具
借助按照设计人员的思考方式工作的对齐、度量和定位工具、排版和蒙版工具,更快地绘制、重复使用和合成设计元素。您还可以直接通过“文件”菜单共享文档以及访问内置的教程和UI套件。
4、在几分钟内,将静态内容转变为交互式内容
将您的合成内容转换为带有过渡的交互式原型,然后测试您的体验–完全不需要上传、同步或在应用程序间来回跳转。您在设计模式中做出的更改将会显示在原型中,因此您始终能够处理最新版本。
5、控制和自定义您的体验
借助XD,您可以轻松地向同事展示您的多屏幕体验的外观、感觉和工作方式。只需单击一下,即可从设计模式切换为原型模式。然后,使用拖放控件连接您的画板,并通过将过渡和缓动效果从一个画板应用到另一个画板,来帮助传达流程。
6、更快地征集反馈,更快地进行迭代
通过Web与团队成员共享原型。审阅者可以将评论固定到原型的特定区域,并且所有反馈会被整合到一个位置,所以您能够快速地进行修订和重新发布。
7、在移动设备上预览
通过在实际的目标屏幕上预览原型,确保体验按照您需要的方式运转。您在桌面上做出的更改将会反映在您的Android或iOS设备上。
ag88旗舰 时间球在哪买 世界杯亚盘网址 99体育电话 威尼斯天气今天展开内容
极简线稿下载-极简线稿app头像转线稿1.0.0 免费版
碰碰大作战游戏下载-碰碰大作战1.3.3 安卓版
圣战传说送充值下载-圣战传说送648充值卡1.0 公益服版
Yoga瑜伽官网下载-Yoga Go爱瑜伽3.9.0 瑜伽减肥
放置城堡手游下载-放置城堡1.0公测版
鸿星易订购下载-鸿星易订购app3.16.1542安卓版
一念倾心手游1.0.9 官方版
扭蛋回忆手游下载-扭蛋回忆Gacha Memories1.0.21安卓版
通卡宝app-通卡宝(公交卡充值app)3.2.3.6 安卓最新免费版
小学识字软件下载-小学识字软件1.0.0官方正式版
鼠标自动点击器下载-小小杰鼠标连点器2.0 绿色免费版
复古传世冰雪服正版下载-复古传世冰雪服打金版0.7.1.15高爆版
见游戏下载安装官方版-见游戏官方版v2.0 最新版
龙斗士手机版2.6.4 官网最新版
网易云音乐荣耀定制版下载-网易云音乐荣耀定制版(荣耀音乐)1.8.21 安卓版
金族财神霸业游戏下载-金族财神霸业传奇手游1.1.0 单职业版
9.2/332.9M
2021复古传奇手游,10倍爆率回收,散人玩家的打宝天堂,金族财神霸业是一款单职业的传奇游戏,还你记忆中最难忘的传奇,开启经典回归之旅。金族财神霸业传奇手游介绍...
WOW pixel app下载-WOW pixel像素动态壁纸1.1 最新手机版
9.1/1,585.8M
WOWpixelapp是一款像素动态壁纸软件,WowLivePixelWallpapers多彩精美的动态背景图片,设置成手机桌面非常的具有个性化。使用方法选择喜...
9.3/1,577.9M
等待QQ空间批量粉丝关注器是等待工作室针对QQ认证空间出品的一款软件,主要功能是用小号批量对认证空间进行关注,软件可多线程全自动登陆并关注,只要有足够的小号或信...
9.5/1,602.3M
《战盟大乱斗》是一款凸显休闲向的养成小游戏,以较为轻松的养成设定与单一乏味的体验流程来为玩家提供游戏体验。作为一款养成小游戏,的确具备一定的休闲趣味,但是可玩性...
9.8/181.6M
八闽废帮app是一款非常好用的废旧物品交易软件。你可以在上面交易购买废纸,废铁,甚至是一切你想卖的废品,靠着废物回收,你可以发家致富。深度分析的废料资讯,提供废...
8.7/1,162.5M
师乐汇旗下打造的软件,提供了丰富的幼教资源,幼师助手App有早操、手工和舞蹈等,素材丰富多样,课件活动多到你想不到。幼师助手App介绍幼师助手—拥有丰富的幼儿园...
西瓜视频苹果版下载安装-西瓜视频ios最新版本8.6.4 iphone/ipad版
9.3/1,587.6M
西瓜视频苹果版最新版本可以在东坡下载免费安装哦。西瓜视频(原头条视频)是一款娱乐视频社区,超过1000万人在这里分享趣味视频,没有广告,精彩分享,给大家提供最新...
9.0/351.6M
在速度与激情中感受欢乐大乱斗,对于赛车,大家的第一印象大部分是充斥着令人血脉喷张的速度感与刺激感。这个游戏不一样的是还给汽车增加了不一样的技能,玩法更加丰富,赛...
末日来袭终身0.1折版下载-末日来袭首续0.1折无限充1.1.3 送魔英雄百抽版
9.5/1,821.1M
末日来袭终身0.1折版是一款以末日生存为题材的手游,玩家在游戏中需要面对丧尸横行的世界,通过不断地寻找资源、建立自己的生存领地、与其他幸存者合作对抗丧尸,以在这...
cad2015下载免费中文版-浩辰CAD201532Bit官方测试版
8.6/93.7M
浩辰公司于2013年推出全新重构的浩辰cad软件后,继续加紧前进的步伐,以专注和持续创新的精神,不断寻求给用户提供更好的CAD产品。新版浩辰CAD2015软件,...
9.8/316.1M
2017全国安全知识竞赛答案是一组知识竞赛的答案和解析,让没考过的朋友给出以考答案和历届考试答案浏览和分析,快来下载参考吧!全国性的安全知识竞赛活动介绍一、活动...
七月你好请对我好一点说说带字图片-七月你好下半年你好图片无水印高清最新版
9.5/1,076.7M
七月你好请对我好一点说说带字图片,七月你好,六月再见!下半年你好,上半年再见!很多时候告别和开始会同时发生。愿这个7月的我:沉迷赚钱,日渐消瘦,喜欢的一切都能来...
8.1/374.3M
国信互学eapp国信证券的办公软件,让用户可以随时、随地的学习相关法规、业务等知识,并完成一系列的考试,还有论坛社区可以在这里进行互动。国信互学eapp特色工作...
neko-nin exheart汉化包下载-猫忍之心neko-nin exheart汉化补丁最新汉化版
8.3/796.6M
猫忍之心neko-ninexheart是专为爱猫人士打造的一款绅士游戏,画面精美可爱,相信很多玩家都下载开始玩了,东坡小编提供的是猫忍之心neko-ninexh...
韭菜天气app下载安装最新版-韭菜天气预报1.0.4 最新版
10.0/1,511.8M
韭菜天气预报app是一款实用的天气查询工具,支持多城市管理,可实时查看各地天气情况,提供温度、湿度、风速等详细信息,满足日常出行需求,其简洁直观的界面设计让操作...
2017湖北招生考试客户端下载-2017湖北招生考试app1.0苹果版
9.8/610.2M
2017湖北招生考试app是一款招生考试专用软件,汇集院校招生信息及各类考试资讯,你的招考小助手,需要的同学快来下载吧!软件介绍招生考试是由上海欣移网络科技有限...
2017茄子U盘装机工具免费下载-茄子U盘装机工具2017官方最新版
10.0/1,646.9M
茄子U盘装机工具2017是一款非常好用的装机工具,一键装u盘和重装系统,小白都会用的,给大家提供最新的2017版本下载,功能更加齐全,需要的用户快来下载吧!茄子...
网站备份工具-网站文件和数据库备份软件(BackupSF)3.1.0 特别版
9.0/1,804.5M
站长管理着一个网站的所有内容,网站备份是每个站长必须要做的事情。网站崩溃、被攻击这些问题大部分都会导致数据丢失或者损坏,有的服务器托管服务提供商也会提供备份服务...
9.2/1,394.9M
这款软件是一款机器人app,在上面你可以直接的控制机器人进行对话,可以选择机器人显示的内容,软件控制速度非常快速,并且可以语音进行对话!小帅机器人app介绍海尔...
地狱边境游戏配置工具下载-地狱边境游戏配置工具1.0 最新免费版
9.6/147.2M
地狱边境游戏配置工具,一款功能强大的游戏配置工具,专为地狱边境游戏而设置。非常的好用,而且功能也很强大哦!有需要的欢迎前来东坡下载使用哦!地狱边境游戏配置工具使...
8.6/1,239.7M
这款软件是一款非常不错的购物软件,在上面你可以看到众多的商品,超多不同种类的商品价格齐全,可以便捷的购买各种物品,让大家选购更加轻松!百家优购app介绍百家优购...
微信四张猪套路塔罗牌图片-微信四张塔罗牌测试前世猪图片素材1.0完整版
10.0/996.5M
微信四张塔罗牌测试前世猪图片素材是目前在微信非常火爆的一套图片,让你可以套路所有的朋友,他们无论选什么都会显示是猪字,非常有意思,需要的下载吧。图片素材预览套路...
9.2/610.0M
魔斗卡是一款好玩的卡牌对战游戏,收集好你的卡牌去开始真正的封魔大战吧,这款游戏一局只需要三分钟就可以来一局完整的战斗,游戏有着独特的艺术画风,喜欢的朋友可以来下...
9.8/1,607.7M
真龙传奇bt版是一款东方武侠战斗冒险rpg手游。游戏有着丰富的玩法内容,熟悉的传奇元素再现。玩家可以自由选择喜欢的职业加入战斗。丰富的主线任务搭配特色剧情副本等...
希平方app下载-希平方攻其不背app2.1.2.1 安卓最新版
7.7/1,293.9M
采用最新计画式学习英文法打造的一个平台,希平方攻其不背app让你学习英文再也不用背,不用背单词也可以学习英文,只需要简单的五步,有兴趣了解更多的可以来看看,独家...