Pixso、即时设计和 MasterGo,三款都是国内新一代协同设计工具,刚好我前阵子体验了一下 Pixso,这里重点介绍一下 Pixso。

Pixso,是由国内的万兴科技推出的主打 设计协作 的工具,可完成涉及多人协作的 UI 设计、原型设计、交互设计、标注切图 等工作,用一款工具打通产设研工作流,解决原先需要用到多款软件进行交接的麻烦。

Pixso 本质上是一款 矢量软件 ,如果你之前用过 Sketch、XD、Ai 等矢量软件,应该不会对 Pixso 的工作方式感到陌生。

对比前面提到的几款矢量软件,Pixso 最显著的区别在于,它主要 基于网页进行工作 ,浏览器打开即用,支持 Windows、macOS 和 Linux 系统,不局限于单个平台或系统,保证使用不同设备的人可以无缝协作。

Pixso 帮助文档

对于许多刚接触一款新软件的人来说,如果在入门阶段能看到相关的说明文档或使用指南,应该可以大大减少上手过程的挫败感。

Pixso 在这方面也考虑得比较周到,点击右下角的「帮助」按钮,在弹出的「学习和探索」面板,可以看到 Pixso 提供的 新手视频教程、教程文档 ,以不同形式的内容为新手提供指引,降低软件的上手门槛。

Pixso 工作台

Pixso 基于浏览器进行工作,首次使用需要创建一个 Pixso 账号,登录后会进入 Pixso 工作台,如下图所示。

点击最近打开文件下方的「 新建文件 」,可以创建新的空白 Pixso 文件,在 Pixso 中创建的文件,会保存在自己的 Pixso 云端账号中。

这样即便你换了一台新的电脑,只要登录同一个账号,就能看到之前创建的所有文件,方便你在新电脑上继续编辑文件。

Pixso 虽然支持实时自动保存,但它不会将每一步的编辑操作都保存为一个单独的版本,而是每隔一段时间才会增加一条自动保存的记录。

对于比较重要的设计节点,我们可以使用 Pixso 的 手动保存 功能,将重要的节点及时保存下来,方便后期回溯。

点击版本历史右上角的加号 + ,在弹出的窗口,给拟保存的历史版本添加一个「 标题 」,之后在右侧的版本历史就能看到刚刚手动保存的记录。

自动布局,提升 UI 设计效率

UI 设计是 Pixso 的核心能力,在这方面,Pixso 提供了多个 提升 UI 设计效率 的功能,其中不得不提「 自动布局 」。

关于自动布局,Pixso 官方的帮助文档给出的定义是: 根据内容自动响应的动态画板

单纯看定义还是有些难理解,我们来看一些例子吧~

自动布局 拖拽放大文本框.gif

另外一个自动布局的例子:对于添加了自动布局的多张图片,当我们拖拽改变其中任意一张图片的位置,上下两张图片会 自动调换位置 ,而不会打乱原有的排版。

这在你不确定采用哪种排版方式比较好的情况下,可以通过拖拽图片快速预览不同的版式,对比之后或许就能找到找到答案了。

兼容性强,支持导入多种设计文件

格式兼容 方面,Pixso 拥有良好的表现, 支持导入多种主流的设计文件格式 ,包含 figma(.fig)、sketch、svg、xd 和 axure(.rp)。

这意味着,你可以很方便地将之前在其他软件中创建的设计文件,迁移到 Pixso 中,借助 Pixso 的云端协作功能,与团队成员在线编辑和沟通,提高跨部门的协作沟通效率。