1. 介绍

Pixso是新一代可以直接在浏览器中使用的,功能上兼备Sketch并可以进行实时协作的设计工具。相比本地的Sketch增加了实时协作的功能,Pixso可以看成是在线版的Sketch,两款工具用一个公式可以简单粗暴地总结为:

Pixso = Sketch + 云端实时协作

Sketch是老牌的UI设计软件,从2010推出至今已有10多年,但始终没有Windows版本,一直是许多用着Windows系统的UI设计师心中,抹不去的痛,曾经一度有不少人为了用上苹果电脑专属的Sketch,买了人生的第一台Mac。

时过境迁,Pixso,由国内本土团队打造的对标Figma的一站式协同设计工具,集UI设计、原型、交互、标注和资源于一身,打通产品、设计和研发协作多款软件间的壁垒,在一款软件中就能完成产设研全流程,原生中文语言,更符合国人使用习惯和需求。

2. Pixso vs. Sketch:入门

Pixso工作台与Sketch的相似度极高,就像是一个最新迭代的Sketch,因此,UI设计师从Sketch转到Pixso时,学习曲线不会台陡峭,能够顺畅的从Sketch转到Pixso。

当你打开Pixso工作台时,点击【最近打开】,你可以看到一些预先加载且完全可编辑的文件,这些文件中的任何设计元素都可以供你使用。

最近打开

3. Pixso vs Sketch:平台和性能

1)Pixso和Sketch最主要的区别是Pixso是基于浏览器的,而Sketch完全基于应用程序,并仅能在苹果计算机上使用。

2)在协作设计方面,Pixso具有很大的优势,团队成员之间可以无缝地、同时地处理一个项目。

3)Pixso支持Windows和Mac下载。

平台和性能

4. Pixso vs. Sketch:特性和功能

Pixso是未来UI设计工具的发展趋势。为什么这么说呢?因为Pixso具有协作设计的优势。

  1. 节省团队成员来回修改设计项目的时间

协作设计工具可以实现团队成员随时随地查看设计项目,并进行云端保存。

  1. 简化设计过程

Pixso是基于浏览器的一款设计工具,团队成员无需下载应用程序,只需要登陆Pixso账户,便可在线查看设计项目,每个设计项目都有URL,成员共享文件快速又简单。

简化设计过程

5. Pixso 的功能

替代 Sketch 和 Invision 的多合一程序

Pixso的构建,适用于整个产品的设计过程。

  1. 实时协作

多个设计师在同一个画布或项目进行协作,修改内容实时在线更新与获取,免去繁杂的文件传输、版本更新等步骤。

  1. 原型交互

Pixso支持建立流畅的原型框架流程,将产品整体方案进行具象化演示,以便产品经理、设计师、开发共同探索分析用户核心需求。

  1. 共享链接交付

通过一个链接分享你的作品,受邀约的协作者只需点开链接,就能预览所有设计图层和事件动画。

  1. 在线评论

团队成员直接在设计稿上编注评论,点对点高效反馈与修改校正项目,远程完成头脑风暴、设计评审、意见反馈等工作。

  1. 查看代码

所有图稿信息均可转化为代码,开发人员直接在代码面板中查看和复制代码。

迁移你的设计文件

迁移文件是一件足以让UI设计师头秃的工作,Pixso工作台有文件导入窗口,支持 Sketch、Figma、Axure等文件导入,能够完整保存设计文件的图层、组件。

迁移你的设计文件

使用自动布局进行响应式设计

Pixso将任何图层或对象添加至自动布局框架中,通过自动布局,创建响应式动态分布,无需手动反复调整尺寸。

按钮:每个按钮都可以根据其中的文本大小进行适应的调整,卡片列表可以在项目移动时进行重组。

自动布局

拉伸填充:自动布局组件可以左右拉伸或上下拉伸,以实现更容易响应的设计。

设计和开发:自动布局可以将填充、方向和间距的设置转换为代码,有助于与前端开发人进行交付。

网络设计变得简单

Pixso 基于优秀的组件变体、自动布局、实时协作等特色功能,让UI设计师在网页上就可以尽情自由创作。

  • 钢笔工具:Pixso中,使用钢笔工具创作的矢量网格没有方向,能够在不同方向进行分叉,轻松设计多边圆弧和饼图。

  • 矢量工具:直接在画布绘制五种常见矢量图形,矩形、直线、椭圆、多边形、星形。

  • 蒙版工具:在设计复杂图形时,设计师可以选择用蒙版工具来组合多个图层,从而达到展示某个特定区域的效果。

设计师/开发人员协作从未如此简单

Pixso可以实现设计设/开发人员实时、在线查看设计项目,团队成员只需要通过几个简单的步骤即可使用此功能。

无限查看者: 在Pixso ,你可以通过链接邀请或邮箱邀请的方式,邀请任意数量的团队成员查看你的设计文件,可根据需要设置可编辑和可查看模式。

无限查看者

检查设计文件:你添加到 Pixso 文件中的任何查看器都可以抓取CSS、iOS和Android生成的代码片段。

导出文件:你可以 Pixso 中导出你的设计资产,并根据你的需要导出任意格式。Pixso支持导出Sketch文件、XD文件、PIX文件、PNG、JPEG、SVG、PDF。

导出文件
导出文件

6. 结论

设计一直是一个协作过程,在这过程中,团队成员之间会进行头脑风暴,产生创意的火花,不断萌生新的创意。然而,过去UI设计师常孤立地工作,导致界面布局、流程、模式和解决方案不一致等问题。然而,随着协作工具的产生,这一现象也在逐渐消逝。在线UI设计工具Pixso , 一站式UI设计协作工具Pixso,颠覆国内产、设、研团队工作模式,集合了UI设计师必备强大设计功能,是一款高效的在线设计协同工具,可设计更流畅,协作更高效。