UI 设计的工具层出不穷,每年都有不同的设计软件、动效工具、标注工具、原型工具问世。原因是因为 UI 类设计操作太简单,所以软件都以轻量化标榜。
轻量就意味着开发的门槛低,会有很多新创业团队参与开发新的软件,形成一个充分 “内卷” 的环境。
从 Sketch 问世以后,Adobe 上市了 XD,Affinity Design 更新了对 UI 的支持,再然后有了千呼万唤始出来的 Invision Studio,以及后来居上的 Figma 等。
没有一家产品能像 Adobe 一样在平面领域获得统治地位,山头林立。
上面提到的还都是国外的产品,既然产品门槛不高,为什么只能鬼佬做,中国人就不能做(狗头)。于是,在今天国内 “致敬” Figma 的 UI 界面工具也出现了。
还有一些针对原型、交互领域的设计工具理论上也是可以进行 UI 界面视觉设计的,这导致了我们在工具选择领域上的进一步混乱。
下面,我们再把上面提到的所有软件做个汇总,见下面的图表。
界面的设计本质上是对 2D 平面图形的设计、排版,理论上所有可以进行平面设计、排版的软件都可以做 UI 设计。但合不合适,好不好用,那是另一个议题。
只要你乐意,拿 Excel 做 UI 也不是不可以。
在 Adobe 已经称霸平面软件的背景下,Sketch 还能异军突起,就是因为 PS、AI、ID 等软件,对于 UI 设计来说太臃肿。
本来这应该是一个共识了,但依旧有大量的同学还在用 PS 做界面,以及争论 PS 的好处(对 UI 设计),这是让我比较惊讶的。
“设计重要的是想法,不是软件……”,这话并不是在什么情景下都正确,PS/AI 和 Sketch 的对比,就像欧洲重卡和超市购物车的区别,都可以装货送货,即使欧卡冠军也不会开重卡进超市里购物的。
UI 的界面设计需要应用到视觉功能大概只占 PS/AI 的 1%,而多出来的 99%,并不是额外附赠的,是需要承担对应代价的:
- 启动关闭软件速度更慢,时间更久
- 生成的文件体积更大,更占空间
- 对 CPU、内存的消耗更大,更占资源
- 图层计算量较大,延迟高,卡顿
- 有更多的奇怪 BUG 和闪退问题
- ……
在刚开始学习做界面的时候,只做一两个界面对问题感知是不明显的。但一个完整的 UI 项目,页面数不是个位数,往往总量达到三位数。
我们不仅要做很多页面,而且要反复调整里面的内容,在上百个页面中甚至还要经常修改反复出现的某类文字、控件的样式,这样操作效率的问题就会被无限的放大,直至你发现 PS/AI 的缺陷会严重影响你的进度和工作量,并且完全无法避免。
而在 Sketch/XD/Figma 中,除了轻量化带来的效率优势外,会针对项目使用场景提供丰富的功能,包括样式批量的修改、自动布局、复用组件、团队协作、线上分享……
PS/AI 虽然是设计师必学软件,但应用它们的场景并不在设计一般 APP 界面中,这是毋庸置疑的结论。
我们在学习的过程是不需要纠结应该学 PS/AI 好还是 Sketch/XD/Figma 好,而是两类都要学,只是 Sketch/XD/Figma,你应该学哪个?
熟悉我们的朋友应该都知道,很多年前我们就在网上的平台推荐使用 XD,也录制了不少和 XD 有关的教程 https://uiiiuiii.com/other/121283544.html
但是,今天它是我们第一个要排除的对象,因为过去我们看好它的潜力在这几年并没有兑现,且远远没有达到预期。相比 Sketch 和 Figma 来讲,功能过于简陋。
而且在国学的教学经验中,XD 还有个非常不靠谱的问题就是因为采用 Winapp 格式,兼容性极差,在 Win10 不同版本会产生各种奇怪的问题,只有重装系统一条路能走。
所以还没开始学习的同学,可以直接略过 XD,正在用的同学,可以尽早开始迁移到其它软件。
而接下来,就要说说 Sketch,这是名气最响,在国内使用范围也最广的 UI 设计工具。
Sketch 功能强大,也发展和积累了足够久的轻量化设计软件,但苦于只能在 Mac 端使用,Windows 用户是无缘上手的。
当然,这也不是它唯一的问题,还有下面这些缺点:
- 内存管理不理想,容易导致内存占用率过高和溢出
- 位图渲染方式也不理想,缩放显示效率低..
- 不能多人协作,只能使用传统的文件保存和分享
- BUG 越改越多,极其容易造成未响应和闪退问题
- ……
Sketch 的这些缺陷在 UI 设计圈子中造成非常普遍的吐槽和不满,所以,Figma 就踩着它的痛处上位了。
Figma 从诞生起就被称为次世代的设计工具,因为它最大的特点就是通过线上网页的方式运行,能高效满足远程的分享、协作和沟通。
这意味着一个设计团队的工程文件管理可以实时同步,再也不用分散在每个设计师的电脑中,修改一个文件也不用每次发一遍源文件,加上可外链的规范库,让团队设计效率得到革命性的升级。
至于细节功能上的差异,还有 Figma 对页面渲染效率的优势,都是次要因素。在各个国外设计媒体和网站上,Figma 使用者的占比逐年稳步上升,反超 Sketch 成为最多人使用的 UI 设计工具,就已经说明它的优势了。
即使国内的主流大厂,也有大量的团队开始转用 Figma,作为主要的项目界面设计工具。腾讯自己出过一份 Figma for Tencent 的报告,下面是一些关键截图。
Figma 在国内也必将成为未来的发展趋势之一,这个方向是不可逆的,在趋势面前……当然是选择顺应它咯!Figma 是目前我们最推荐的 UI 设计工具,是新手学习和入门的首选。但是,对新手来讲,它前期包含的 3 个阻力,分别是网络、语言、费用,下面简单做个说明。
1. 网络问题
因为 Figma 没在国内部署服务器,所以在不开加速器的情况下往往会访问比较慢,但实际体验下是这两年的国内访问速度提升非常可观(做过专项线路优化应该),满足日常使用。
2. 语言问题
因为 Figma 没做中文适配,有传说中的补丁包,但是非常不稳定,而且每次 Figma 更新就要重装(每周一次以上的频率)。作为 UI 设计来讲,必要的英文专业词汇还是要了解的,只要看过教程多操作,顺带用翻译软件看下名词解释,几天就能完全适应。
3. 费用问题
对于个人用户是免费的,在未来进行团队协作的时候,人均月费是 12 刀,价格并不算太贵,而且因为自带蓝湖的功能,可以省掉蓝湖的费用。
如果现在正在用别的软件,也不要紧,UI 类软件的学习成本非常低,只要掌握其中一款,再学会另一款也就 1-2 天的时间。
前面也说到,除了国外的产品,国内也开始有团队入局开发类 Figma 的软件,我们姑且称为是 “致敬”(比如类 Notion 应用)。
长远来看,这当然是一件好事,因为自己人做的产品必然会以迎合本土设计市场、习惯来定制,随着功能的迭代,必然会新增更多符合国内 UI 设计师实际需求的功能。同时,会有更快的网络,更便宜的价格,更好的售后支持,这对于生产力工具来说都是必要的条件。
当然,前景看好归看好,那是以后的事情,但在今天,这两款软件都还非常的不成熟,有大量的问题。
JS Design 上线的比较早,功能相对完善一点,我们有用它来处理一些课程需要的知识点,但是页面往往加载有 BUG,读取速度慢,对于轻量使用来说勉强够用。
而刚上线的 Master,是由蓝湖团队自己开发的设计工具,明摆着是为了和自家标注切图工具打通实现 UI 设计流的闭环。
但是,目前的实际使用体验只能说是 “惨不忍睹”,有大量的恶性 BUG,字体的使用上也有非常多的局限。只能简单尝尝鲜关注下,在短期内完全无法作为生产力工具。
虽然看好国产类 Figma 工具的未来,但是时机还不够成熟,作为新人也不需要花太多精力学习。只要能掌握 Figma 本身,等到这些软件完善以后在未来再转入即可。
看完想必大家也知道我们最推荐的 UI 设计工具就是 Figma,它代表了未来的生产力和趋势。顺便,我们再制作了张表,把这些软件的特征做一个横向的对比。
欢迎关注作者的微信公众号:「超人的电话亭」