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 的云端协作功能,与团队成员在线编辑和沟通,提高跨部门的协作沟通效率。