UI设计软件有哪些?

UI设计软件有哪些?

嗨大家好,我是人见人爱的皮仔(๑ `▽´๑)

皮仔最近在 UXTOOLS 上看到一份重磅报告《2021 设计工具调查报告》,这对从事 UI 设计的人来说,是一个重要的风向标,报告提及了近年来流行的多款 UI 设计软件,我们可以结合报告反映的趋势和自身的需求,挑选出最适合自己的那一款。

此次调查采访了来自世界各地 111 个国家的 3139 个受访者,从事的职业包含产品设计师、UI 设计师、UX 设计师等,他们的工作平台涵盖 Mac、Windows(24%)、Linux 和多终端。

皮仔扒拉了 2021 设计工具调查报告的目录,报告提及的设计工具包含:UI 设计、原型设计、设计交付、设计体系、版本管理、用户测试、研究招募、研究知识库。

调查报告中的 UI 设计部分,给出了目前最受欢迎的 6 款 UI 设计工具——Figma、Sketch、Adobe XD、Adobe Illustrator、Adobe Photoshop 和 Axure。

6 款 UI 设计工具中,以主打在线设计协同的 Figma 为首,不管是在 Mac,还是在 Windows 平台上,都成了受访者优先选择的 UI 设计工具。

Figma 推出的时间较早,以先发优势成为受访者优先选择的 UI 设计工具,但其服务器在国外、语言为英文,在国内实际使用下来,经常会遇到网络加载延迟、英文语言使用不方便等问题,反倒显得水土不服。

举贤不避亲,皮仔想给大家安利自家的多人协同设计工具——Pixso,一款对标 Figma 的本土化数字协同工具。

相比于 Figma,Pixso 的优势在于:

不卖关子,下面跟着皮仔一起来看一下,Pixso 都有哪些好用的功能,可以助力你的 UI 设计:

以往使用传统的设计软件,做图过程中总会担惊受怕,害怕软件突然崩溃、或是临时停电,要是没有及时保存文件,辛苦一下午做好的图说没就没。

但如果你使用 Pixso 来进行 UI 设计,原本担心的事情就不再是问题。

Pixso 主打多人云端协作设计,它和许多人用过的在线文档一样,会自动将所有的编辑操作实时保存到云端,不需要手动 Ctrl + S 保存。正因为如此,在用 Pixso 的过程中,我们可以专注于设计本身,无需担心意外事件。

了解了 Pixso 的「实时自动保存」功能,还在用传统设计软件、总是要下意识手动保存的你,是否想换到 Pixso 了呢?

从其他设计工具切换到 Pixso,Pixso 也能做到无缝衔接。

Pixso 支持导入 sketch、svg 和 xd 文件,这意味着在多数场景下,我们可以用 Pixso 来替代 Sketch、Adobe IIustration 和 Adobe XD。

对于中小团队或个人设计师来说,每年为 Sketch、Adobe IIustration 和 Adobe XD 花费的订阅费,也是一笔不小的支出。

现阶段使用 Pixso,不需要支出任何费用:个人用户永久免费,企业用户限时免费,早用早享受。

此外,如果你之前使用的是 Sketch,由于它只有 macOS 版本,不能很好地与使用 Windows 系统的用户协作。

对于这个问题,Pixso 也可以很好地解决,将 Sketch 文件上传到 Pixso,把 Pixso 作为 macOS 和 Windows 设计协作的桥梁。鉴于 Pixso 可以在浏览器中使用,只需要有网络即可,并不受限于使用的设备或系统。

便捷的历史版本管理

相信经常和甲方爸爸斗智斗勇的设计师都经历过,“改了 10 版,最终还是用回第一版”的惨痛经历,比这更绝望的是,第一版的源文件没有单独保存,找不回来了。

基于类似的场景,Pixso 加入了版本管理的功能,可以将某个设计节点以类似「快照」的方式保存下来,方便后期随时找(fan)回(gong)。

点击右上角的第 3 个按钮「历史版本」,在弹出的菜单选择「添加历史版本」。

在弹出的窗口中,对即将保存的版本添加一个标题作为标识,与之后添加的历史版本进行区分。

保存版本之后,再次点击右上角第 3 个按钮「历史版本」,选择「查看历史版本」,打开右侧的版本历史面板。

版本历史面板会以倒序的方式显示所有版本,最近的版本显示在最上方,将鼠标移动到版本名称上方,点击右侧的三个小点「…」,可以将当前版本还原到早期的版本,这样就能找回甲方爸爸最终想要的第一版了。

Pixso 不仅提供设计工具,还内置了丰富的社区资源,集成了腾讯、阿里、字节、蚂蚁设计等众多大厂的组件库和设计规范。Pixso 资源社区 ↓↓

Pixso 社区资源的组件库和设计规范,对没有负责过大型项目的设计师来说,既是一次接触企业级设计体系的机会,也是一份宝贵的学习资料。

以阿里的蚂蚁设计规范为例,它是从大量项目实践抽象得到的稳定且高复用的内容,界定了设计执行时遵循的原则——全局样式(色彩、字体、容器、阴影)、基础 UI 组件(按钮、导航、数据录入、数据展示、反馈),让设计更有条理和统一性。

在实际设计中,我们可以在自己的项目中使用 Pixso 社区资源的组件,点击左侧面板的「资源」标签页,在「组件」下方就可以看到内置的所有组件库。

进入任意一个组件库,里面会显示组件库包含的所有组件,将需要用到的组件从左侧栏拖拽到画板中,就可以直接复用,一步到位。

得益于云端协作模式,Pixso 摆脱了传输设计源文件的传统协作方式,在 Pixso 中完成 UI 设计后,点击右上角的「分享」按钮,可以链接的形式分享源文件。

以链接分享时,有两种分享方式:一种是通过邮箱或用户名邀请协作者,获得邀请的人才可以查看链接内容;另一种是免登录、公开分享的方式,获得链接的人就可以访问。

如果分享的是公司内部或个人的私密文件,建议优先选择前一种分享方式。

看完以上的分享,皮仔最后再给大家总结一下 Pixso 好用的 5 个特性:

✔ 实时自动保存✔ 支持导入多种外部文件✔ 便捷的历史版本管理✔ 丰富的社区资源✔ 链接随时随地分享

不知道你最喜欢其中哪一个特性呢?欢迎留言告诉皮仔。

在体验 Pixso 的过程中,如果有遇到问题,或者有不清楚的地方,也欢迎来评论区留言哦~

标签:UI,软件,生活,用户界面设计,UI设计师