互联网一直高速前进,UI设计领域同样如此,十年前大家还在用PS做设计,后来先后诞生了Sketch、Figma两款产品,也诞生了不少的后起之秀,Sketch、Adobe XD、Figma 和 Pixso就是比较具有代表性的四款产品。
如果协作对你的UI设计过程至关重要,那么Figma 和 Pixso应该是你的首选;如果你喜欢折腾各种插件,那Sketch可能更适合你;如果你已经熟悉Adobe全家桶的界面,那么Adobe XD学习起来可能更轻松。
下面,我们将分别对这4 款UI设计软件进行介绍,方便你在挑选UI 设计工具时,可以选择到适合自己的那一款。
1. Pixso
Figma 诚然是一款非常优秀的UI设计工具,但对国内的用户而言,它也存在一些水土不服的地方。首先网页加载慢、部分内置字体不兼容中文,其次以及没有推出中文版,这些无疑增加了软件的使用门槛。
Pixso ,是由国内本土团队打造的对标 Figma 的一站式协同设计工具,集UI设计、原型、交互、标注和资源于一身,几乎涵盖了 Figma 的所有核心设计和协作功能,打通产品、设计和研发协作多款软件间的壁垒,在一款软件中就能完成产设研全流程,原生中文语言,更符合国人的使用习惯和需求。
基于对本土用户需求的洞察和用户反馈,在产品设计方面,相比国外的 Figma , Pixso 提供了不少差异化的功能和服务:
① 独特的矢量网格,绘图效率拉满
凭借在计算机图形领域的深厚积累, Pixso 推出了独特的矢量网格功能,支持在一个锚点上创建无数条路径,可以连续创建多个开口或闭合路径。借助矢量网格,可以快速完成复杂图形的绘制,无需像传统工具绘制多个图层进行拼凑对齐。
②共享样式和团队组件库
在 Pixso 中,颜色、文本样式、图层样式不仅可以一键保存为资源,还可发布为团队组件库,在团队内部和多个项目中多次调用。
一旦资源修改后,项目中引用的所有实例将会自动更新,可以大大提升设计创作及迭代的效率,并且所有资源都能共享到团队,实现快速复用。
当你在团队空间中新建了一个项目,可以看到团队先前发布的团队组件库,启用组件库之后,在左侧面板就能看到来自团队组件库的所有组件,这样就实现了组件在不同设计项目中的共享和调用,减少不必要的重复劳动。
③自带中文免费商用字体
鉴于最近这些年字体侵权的案例时有发生,为减少设计师因字体使用不当而带来的侵权问题, Pixso 自带了多款免费可商用的中文字体:思源黑体、OPPO Sans、站酷快乐体、优设标题黑体、思源宋体等等,这些字体存储在Pixso云端,使用前无需手动安装,可一键调用。
④兼容多种设计文件,无缝衔接过往工作
在文件兼容方面, Pixso 支持导入来自 Figma 、 Sketch 、 XD 、 Axure 的文件,成为国内首个兼容多种文件格式的设计协作平台。
不仅如此,Pixso还支持企业级迁移功能,在迁移 Figma 、 Sketch文件的时候,能保持设计稿和组件库的调用关系,后期修改组件库内容,实例也会自动调整,这也是国内首家实现这一功能的产品。
⑤ 支持私有化部署,满足企业更高级别安全需求
Pixso 目前对所有个人用户免费开放,个人用户可以享受到 Pixso 会员的几乎所有权益:无限文件数量、无协作者人数限制、无限云存储空间等等,内置的所有功能都可以免费使用,对广大国内 UI、UX 设计群里来说,诚意十足。
默认情况下,用户创建的文件都存放在 Pixso 服务器上,考虑到企业想要自主掌握数据的需求,Pixso 也提供了私有化部署的方案,满足企业更高级别安全需求。据 Pixso 团队介绍,目前已经有数十家各行业头部企业的设计团队正在使用 Pixso 企业服务。
2. Figma
Figma ,是一款基于云端的UI设计工具,可以直接在浏览器中运行,你可以在任何设备或平台访问你的项目,也无需安装软件或购买多个软件许可证。
来自 UX TOOLS 发布的《2021设计工具调查报告》显示,在 Windows 和 macOS 系统上, Figma 的使用人数都超过了先前推出的 Sketch 和 Adobe XD 。
在 Figma 之前,从最初的草图到原型设计,往往需要用到多款软件,文件流转次数多,迭代的周期比较长。
有了 Figma 之后,同样的对接流程大幅缩短,团队成员都能拿到最新版的文件。
Figma 最大的特色在于协作,在右上角会显示当前正在浏览和编辑文件的成员头像,每个人的鼠标指针会带有各自的昵称,可以很方便地查看谁更改了什么,并将评论和反馈直接添加到需要沟通的位置。
当涉及矢量操作时, Figma 的钢笔工具更加灵活。 Figma 内置的矢量网络,允许你把多条线连接到一个点上,在移动线段时,连接成线的点也会自动跟随,这加快了矢量绘图的效率。
对于选定的画板或对象, Figma 可以 CSS 、 iOS 或 Android 格式显示代码片段,供开发人员在查看设计文件时使用。此外,开发人员可以在设计文件中直接获取标注信息,没有必要使用第三方工具。
在价格方面, Figma 有免费和收费两种模式,免费用户最多创建 1 个项目和 3 个文件,每个文件只能包含 3 个页面,保存 30 天的版本历史记录,无法使用共享团队库;收费版分为两档,专业版每人每月 12 美元,组织版每人每月 45 美元,整体价格较高。
3. Sketch
过去十年,Sketch 一直是主流 UI 设计工具之一,虽然它到现在都不支持 Windows 系统,但仍有一大批忠实追随者。
回顾它的背景,它是由荷兰公司 Sketch BV 于 2010 年推出的 macOS 桌面矢量图形处理软件。Sketch 在设计之初,就被设计成尽可能轻量和快速响应,去除了Adobe Photoshop 和IIustrator 内置的许多附加功能。
与 IIustrator CS4 相比,早期的 Sketch 界面极其简单,不像 Adobe 拥有复杂的嵌套工具栏,Sketch 顶部的图标就是它的核心功能。
Sketch Mirror App 是 Sketch 最有用也最受欢迎的功能之一,设计师将 iPhone 连接到 Mac 电脑,可以在移动设备上实时测试他们的设计。
这在现在看来可能不够惊艳,但在 2010 年,这可以称得上一个改变游戏规则的功能,即便是行业标杆 Adobe 也没有类似的功能。
Sketch 最初不支持多人实时在线协作,团队成员编辑稿件时,需要频繁来回传输文件,效率非常低下。
直到 2020 年底, Sketch 才发布了实时协作功能,试图在这一领域赶上 Figma 。不过这个功能并没有集成到 Sketch 客户端,开始协作之前,本地的 Sketch 文件需要先上传到 Sketch Cloud 中,在浏览器打开分享链接,才能参与协作。
在价格方面,Sketch采用免费试用+订阅制的方案,提供30天免费试用,到期后每位编辑者每月9美元,按年付费99美元,整体费用对设计师来说没有吸引力。
4. Adobe XD
Sketch 的优点很明显,但一直没有推出 Windows 版本,有人为了能用 Sketch 进行 UI 设计,不得不先去购买一台苹果电脑…天下苦 Sketch 久矣。
2016年, Adobe 公司推出了基于矢量的 UI 设计工具 Adobe XD ,支持 macOS 和 Windows 系统,作为 Sketch 在 Windows 上的替代品,让跨平台协作的团队能够顺畅沟通。
在使用 Adobe XD 之前,如果你用过 Adobe 的软件,并且熟悉软件的界面,那么当你接触XD,就会感到很亲切,可以很快上手,唯一的区别在于更复杂的设计系统和元件复用上。
背靠 Adobe 打造的多款软件,可以说是 XD 最大的卖点之一,从位图到矢量到动效, Adobe 都有对应的工具来满足设计师的需求,可以与 XD 很丝滑地联动工作。
为了追赶 Sketch 形成的插件生态, Adobe 公司设立了 1000 万美元的基金,鼓励众多开发者开发面向 XD 的插件,目前 XD 已集成了 RenameIt 、 Pixel Perfect 、 Data Generator 等插件。
在多人协作方面,XD 支持将本地的文件保存为云文档,之后向协作者发送邮件邀请,收到邀请的人打开文档就可以参与设计协作。
不过, XD 的协作功能存在着一定的限制,对于付费用户创建的文档,免费用户试用 30 天协同编辑后就只能查看,无法再进行编辑。
本文提及的 4 款常用的 UI 设计软件,可以说 UI 设计工具的演变和发展,实际上也是一个行业工作模式发生变化的缩影。
从最开始有一个好用的 UI 设计工具就够了,到后来诞生了具备多人实时协作、打通产设研流程的一站式 UI 设计工具,工具的演变轨迹,也越来越贴合UI设计师的需求和协作流程。经过对比之后,无论是 Sktech 强大的原型设计功能, Figma 的社区生态,还是 Pixso 的原型+UI设计+交付的流畅体验,都并没有限制你必须选择哪一款工具,而是了解并选择更适合团队工作节奏和语言环境的工具。
(免责声明:本网站内容主要来自原创、合作伙伴供稿和第三方自媒体作者投稿,凡在本网站出现的信息,均仅供参考。本网站将尽力确保所提供信息的准确性及可靠性,但不保证有关资料的准确性及可靠性,读者在使用前请进一步核实,并对任何自主决定的行为负责。本网站对有关资料所引致的错误、不确或遗漏,概不负任何法律责任。
任何单位或个人认为本网站中的网页或链接内容可能涉嫌侵犯其知识产权或存在不实内容时,应及时向本网站提出书面权利通知或不实情况说明,并提供身份证明、权属证明及详细侵权或不实情况证明。本网站在收到上述法律文件后,将会依法尽快联系相关文章源头核实,沟通删除相关内容或断开相关链接。 )