2021年UI设计软件到底该用哪个?来看这篇全面盘点!

UI 设计的工具层出不穷,每年都有不同的设计软件、动效工具、标注工具、原型工具问世。原因是因为 UI 类设计操作太简单,所以软件都以轻量化标榜。

轻量就意味着开3 w ^ / ] S [发的门槛低,会有很多新创业团队参与开发新的软件,形成一个X ) F 3 #充分 “内卷” 的环境。

从 SketchQ e ] u E * iI t G I = W世以后,Adobe 上市了 XD,AffiL = / , Fnity Design 更新了对 UI 的支持,再然后有了千呼T c j %万唤+ a Z M N始出来的 Invisio4 U f : %n Studio,以及后来居上的 Figma 等。

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

没有一家产品能像 Adobe 一样在平面领域获得统治地位,山头林立。

上面提到的还都是国外的产品,既然产品门槛不高,为什么只能鬼佬做,中国人就不能做(狗头)。于R p , Z :是,在今天国内 “致敬” Figma 的 UI 界面工具也出现了。

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

还有一些针对原型、交互领域的设计工具理论上也是可以进行 UI 界面视觉设计的,这导致了我们在工具选择领域上的进一步混乱。

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

下面,我们再把上面提到的所有软件做个汇总,见下面的图表。

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

界面的设计本质上是对 2D 平面图形的设计、排版t q | 0 4,理论上所有可以进行平面设计、g , M % 8 h Q排版的软件都可以做 UI 设计。但合不合适,好不好用,那是另一个议题。

只要你乐意,拿 Excel 做 UI 也不是不可以。

在 Adobe 已经称霸平面软件的背景下,Sketch 还能异军突起,就是因为 PS、AI、ID 等软件,对于 UI 设计来说太臃肿。

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

本来这应该是一个共识了,但依旧有大量的同学还在用 PS 做界面,以及争论 PS 的好处(对 UI 设计),这是让我比较惊讶的。

“设计重要的是想法,不是软件……”,这话并不是在什么情景下都正确,PS/AI 和 Sketch 的对比,就像欧洲重卡和超市购物车的区别,都可以装货送货,即使欧卡冠军也不会开重+ r ! l卡进超市里购物的。

UI 的界面设计需要应用到视觉功能大概只占 PS/S 4 _AI 的 1%,而多* ! m G 8 ) ; P J出来的 99%,并不是额外附赠的,是需要承担对应代价的:

  • 启动关闭软件n K @ e F a B 6 :速度更慢,时间更久
  • 生成的文件体积更大,更占空间
  • 对 CPU、内存的消耗更大,更占资源
  • 图层计y o x a %算量较大,延迟高,卡顿
  • 有更多的奇怪 BUG 和闪退问题
  • ……

在刚开始学习做界面的时候,只做一两个界面对问题感[ B @ * i – ~知是不明显的。但一个完整I E p W = t ` R的 UI 项目,页面数不是个位数,往往总量达到三位数。

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

我们不仅要做很多页面,而且要反复调整里面的内容,在上百个页面中甚至还要经常修改反复出现的某类文字、控件的样式,这样操作效率的问_ ; ~题就会被无限的放大,直至你发现 PS/AI 的7 \ t = 4 r {缺陷会严重影响m ; X y P G { o你的进度和工作量,并且完全无法避免。

而在 Sketch/XD/Fg 6 B V 8 $ r ` Rigma 中,除了轻量化带来的效率优势外,会针对项目使用场景提供丰富的功能,– , 5 , T w包括样式批量的修改、自动布局、复用组件、团队协作、线上分享……

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

PS/AI 虽然是设计师必学软件,但应用它们的场景并不在设计一般 APP 界面中,这是毋庸置疑的结论。

我们在学习的过程是不需要纠结应该学 PS/AI 好还是 Sketch/XG F G C F 8D/Figma 好,而是两类都要学,只是 Sketch/XD/Figma,你应该学哪个?

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

熟悉我们的朋友应该都知道,很多年前我们就在网上的平A _ H ] O %台推荐使用 XD,也录制了不少和 XD 有关的教程 https:w = ! w x N 7//uiiiui5 Z fii.com/other/121283544.html

但是,今天它是我们第一个要排除的对象,因为过去我们看好它的潜力在这几年并没有* w \ 4 V E |兑现,且远远没有达到预期。相比 Sketch 和 Figma 来讲,功能过于简陋。

而且在国学的教学经验中,XD 还有个非常不靠谱的D 0 ] U问题就是因为采用 Winapp 格式,兼容性极差,在 Win10 不同版本会产生l l e a { +各种奇怪的问题,只j q U 5 e D Q e f有重装系统一条路能走。

所以还没开始; 2 ~ T ?学习的同学,可以直接略过 XDn + M | ` / l ) G,正在用的同学,可以尽早开始迁移到其它软件。

而接下来,就要说说 Sketch,这是名气最响,在= f b U P @国内使用范围也最广的 UI 设计工具。

Sketch 功能强大,也发展和积4 Y @ N –累了足够久的轻量化设计软件,但苦于只能在 Macf $ 5 Q ^ = 1 端使用,Windows 用户是无缘上手的。

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

当然,这也不是它唯一的问题,还有下面这些缺点:

  • 内存管理不I } X l o ;理想,容易导致内存占用率过高和溢出
  • 位图渲染方式也不理想,缩放显示效率低..
  • 不能多人协作,只能使用传统的文件保存和分享
  • BUG 越改越多,极其容易造成未响应和闪退问题
  • ……

Sketch 的这些缺陷在 UI 设计圈子中造成r j B非常普遍的吐槽和不满,所以,Figma 就踩着它的痛处上位了。

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

Figma 从诞生起就被称为次世代的设7 w l计工具,因为它最大的特点就是通过线上网页] , J ^ N i b x M的方式运行,能高效满足远程的分享、协作和沟通。

这意味着一个设计团队的工程文件管理可以实时同步,再也不用分散在每个设计师的电脑中,修改一个文件也不用每次发Z ] R H一遍源文h e n ) A _ s % 5件,加上可外链的规范库,让团队设计效率得到革命性的升级。

至于细节功能– [ q N L I w上的差异,还有| % u Figma 对页面渲染效率的优势,都是次要因素。在各个国外设计媒体和网站上,Figma 使用者的占比逐年稳步上升,) u 0 s / 2反超 Sketch 成为最多人使用的 UI 设计工, I j 1 z n Q T i具,就已经说明它的优势了。

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

即使国i H / I 3 a I ;内的主流大厂,也有大量的团1 P t x 6 e队开始转用 Figma,作为主要的项目界面设计工B P m g y 8 g [ –具。腾讯自B z *己出过一份~ 9 3 p 7 # L Figma for Tencent 的报告* = 2 ; 9 4 E,下面是一些关键截图。

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

Figma 在国内也必将成为未来的发展趋势之一,这个方向是不可逆的,在趋势面前……当然是选择顺应Q ? P W – : I它咯!Figma 是目前我们最推荐的 UI 设计工具,是新手学习和o * ? 1 h p入门的首选。但是,对新手来讲,它前期包含的 3 个阻力,分别是网络、语言、费用,下面简单做个说明。

1. 网络问题

因为 Figma 没在国内部署服务器,所以在不开加速器的情况下往往会访问比较慢,但实际体验下是这两年的国内访问速度提升非常可观(做过专项线路优化应该)K S Q \ H ,,满足日常使用。

2. 语言问题

因为 Figma 没做中文适配,有传说中的补i n q [ x b丁包,但是非常不稳定,而且每次 Figma 更新就要重装(每周一次以上的频率)。作为 UI 设计来讲,必要的英文专业词汇还是要了解的,只要看过教程多操作,顺带用翻译软件看下名词解释s t Y + 4 8 ~ 1,几天j k a ] ?就能完全适应。

3. 费用问题

对于个人用户是免费的m 2 _ J $ D X,在未来进行团队协作的时候,人均月费是 12 刀,价格并不算太贵,而且因为自带蓝湖的/ a c / = q 4 $功能,可以省掉蓝湖的费用。

如果现在正在用别的6 q P软件,也不要紧,UI 类软件的学A 4 B W : h习成本非常低,只要掌握其中一款,再学会另一款也就 1-2 天的时间。

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

前面也说到,除了国外的产品,国内也开始有团队入局开发类 Figma 的q 3 9 1 k s U c软件,我们姑且称为是 “致敬”(比如类 Notion 应用)。

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

长远来看,这当然是一件好事,因为自己人做的产品必然会以迎合本土设计市场、习惯来定制,随着功d { { z d P \ V =能的迭代,必然会新增更多符合国内 UI 设计师实际需求的功能。同时,会有更: W * % 8 B | P快的网络,更便宜的价格,更好的售后支持,这对于生产力工具来说都是必要的条件。

当然,前景看好归看好,那是以后的事情,但在今天,这两款软件都还非常的不成熟,有大量的问题。

JS Design 上线的比较早,功能相对完善一点,我们有用它来处理一些课程需要的知识点,但是页面往往加载= 7 D g L J有 BUG,读取速度慢,对于轻量使用来说勉强够用。

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

而刚上线的 Masm g i d n V I H #ter,是由蓝湖团( m ; \ P P 1队自己开发的设计工具,明摆着是为了和自家标注切图工具打通实现 UI 设计流的闭环。

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

c } / k是,目前的实际使用体验只能说是 “惨不忍睹Y C ? 8 Z A”,有大量的恶性 BUG,字体的使用上也有非常多的局限。只能简单尝尝鲜关注下,在短期内完全无法作为生产力工具。

虽然看好国产类 Figma 工具的未来,但是时机还不够成熟,作为新人也不需要花太多\ m M精力学习。只要能掌握 Figma 本身,等到这些软件完善以后在未来再转入即可。

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

看完想必大家也知道我们最推荐的 UI 设计工具就是 Figma,它代表了未来的生产力和趋势。顺便,我们再制作了张表,把这些软件的特征做一个横向的对比。

2021年UI设计软件到底该用哪个?来看这篇全面盘点!

欢迎关g h M 6 U d [ ?注作者的微信公众号:「超M X m N b ^人的电话亭」

2021年UI设计软件到底该用哪个?来看这篇全面盘点!