Pixso作为一个基于浏览器的UI设计工具,以其强大的实时协作功能和高完成度赢得了设计师的青睐。它支持多平台,拥有类似Figma的矢量网格功能,提高设计效率,并完美兼容Sketch、Figma等主流设计软件。其免费的个人版和丰富的中文字体选项使其在国内市场更具竞争力。Pixso的实时协作和设计体验,使得设计团队能够无缝合作,提升整体生产力。 摘要由CSDN通过智能技术生成

Figma这些年在设计圈用的是相当的多,相比较传统的sketch软件来说优点也渐入人心,但是Figma自身也有各种限制,本文重点盘点下最近比较火的几款UI设计软件Figma,Pixso和Sketch,由于篇幅有限,几个工具也非常的相似,这里先从Pixso开始讲,在Figma断供大疆后,开始尝试国产的设计工具,原以为Pixso不过是又一个拿着国产替代当噱头,实际无法当作为生产力工具使用的半成品。在有限的几天时间试用后,我的想法改变了,比起设计工具圈的前辈们,Pixso也经历了相当的打磨,完成度很高。除了实时协作,组件变体,国内大厂的设计体系,还有版本控制、矢量网络、全平台适配等很棒的特性。

更妙的一点是,假设你曾经使用过figma,或者是 Sketch的深度用户,那么上手Pixso 几乎没有难度,学习成本几乎扁平。这篇文章帮助你快速你认识 Pixso ,掌握基本的使用技巧,并给出一些心得和建议。

Pixso 是一个基于浏览器的 UI 设计工具

过往,在我内心深处总会觉得桌面软件的速度要明显优于浏览器的产品,工作中使用Sketch,Axure,Photoshop这类桌面应用程序性能上都够吃力,打开大的文件也会有卡顿,尤其是涉及到复杂的图形运算,大量的路径文本处理,然而,Pixso和Figma这种基于浏览器的工具同时打开上百个画板也没有卡顿,背景高斯模糊,渲染上特耗性能的毛玻璃效果,遮罩,这样的特技动作也没有问题,拖曳、缩放、绘制矢量图形、就更不用说。在此之前,我很难想象一个基于浏览器的设计软件可以做到如此高效流畅,如果不是网络环境上有细微的延迟,我甚至都感觉不到这是在浏览器里完成的。

全平台助力设计无边界

Pixso目前支持 Windows,MacOS ,Linux。移动端上可以下载App预览效果。这得益于它是基于浏览器运行的,只要装有Chrome浏览器,就可以随时随地的开展工作,不受操作系统限制,不想下载Chrome也没关系,Pixso提供了下载器,可以直接安装运行,只要上面跑着主流的浏览器就行。

团队实时协作改变一切

团队协作是一个热门话题,某种程度上它被认为是超级生产力的典型助推剂之一。实时协作能帮助团队在最短的时间内同时出多个风格稿,来快速敲定思路,减小后期返稿的可能性。几乎每个和我交谈过的Pixso用户都会说,他们更喜欢Pixso的原因是它具有出色的协作功能。

但我觉得 Pixso之所以会受到大家的追捧,更多原因在于它的个人版免费计划以及完善的几乎媲美Sketch的UI设计能力。Pixso的用户在工作中无需将设计和协作分成前后两个步骤,大家都在一个画板上工作,设计、讨论,评论甚至直接在别人的工作上继续修改,这些都是实时的。这种感觉很像是直播,完整还原了设计的过程。对于设计leader,可以很方便看到其他人的设计进展,全程把握设计的风格和主题,避免了大量因为沟通不明确造成的无用功。对于新人来说,也是绝佳的学习机会,应该没有什么比跟着老司机开车来的更快的学习方式了!

矢量网格重新定义设计效率

Pixso完美的支持了矢量网格这个设计新变革特性,学过figma的同学大多清楚,矢量网格极大的提高了设计效率,颠覆了以往我们试用ps和sketch拼凑图层绘制icon的习惯,用矢量网格可以做到一笔就画完复杂路径图标,可以在不同的方向直接分叉而不需要创建单独的路径对象。

此外还可以使用椭圆工具创建形状如饼图、环状图等,极大地提高图标绘制的效率。尝试在pixso中绘制一个魔方,那种体验几笔就可以搞完,路径色快可以快速填充各种颜色,而以前绘制一个魔法需要更多的路径线条,更多的色卡,还得考虑图层的对齐,间距是否一致统一的问题,在Pixso这些都不需要考虑了。UI 设计的最终目的是帮助用户更加愉悦高效的达成某个目标,Pixso在这些细节上做得非常好。

同时兼容Sketch,Axure,Figma,XD

Pixso对传统设计软件Sketch的兼容已经做到双向导入导出,对新一代协同设计工具Figma,XD,Axure的导入支持也非常好,切换工具后,原有设计稿中的组件、变体、图形属性、样式、颜色混合模式、以及背景模糊等等,都被完整的保留下来。

基本上,如果你现在的主力设计工具是 Sketch或者Figma,你完全可以把 Pixso 当做一个本地化替代工具,也可以在 Sketch 上做完设计,丢进 Pixso,然后和其他同事一起开展协同或者下一步工作。

中文本地化字体和教程

不同于海外的工具,Pixso除了原生支持 Google fonts 和 FontAwesome等系列字体,还对中文字体有了更好的支持,不仅可以安装中文字体助手用到本地所有的字体库,默认也可以使用预定义的免费字体,开源字体或者商务字体。

Pixso的帮助体系相对于更加完善,工具内不仅集成了教学视频,新手指引,客诉反馈,速成介绍等。

你应该使用 Pixso吗

Pixso是国内知名绘图创意软件团队打造的专业级产品设计协作工具,该团队曾成功打造亿图图示,MindMaster等多款千万级用户的爆品。作为原生的中文专业设计工具,Pixso通过跨平台的协同、文件实时云同步以及强大的绘图与标注功能,打通产品、设计到研发的工作链路,全面覆盖原型、设计、交付全流程,在性能上可以支持数十万个图层在同一个画布上任意缩放操作。格式上可兼容sketch,figma,xd,axure等,让企业迁移成本大幅降低。无论是从设计操作细节,还是用户体验上都更符合国内产研团队的设计和协作习惯,而且提供完善的企业私有化部署服务和企业账号接入,可为团队和企业提供更安全、更稳定、更懂国人的操作体验。Pixso创始人黄勇表示,未来是体验的时代,Pixso立志通过技术和体验创新,为国内创作者带来一款真正具有强体验感的产品,进一步释放了设计师团队的生产力,你完全可以把它当做一个一体化的设计工具来使用。

作为一名大厂UI设计师,使用 Sketch 已经有三年以上,对这个出图神速的设计 工具 高举五星好评。但2020年后,因为疫情的原因,所有打工人都必须适应隔离在家办公的现状。以往使用体验优秀的 Sketch 由于不能支持畅快地开展远程办公,也促使我们考虑寻找新的生产 工具 。 在迁移的过程中,我们也曾试用过评价比较好的 Figma ,但因为信息安全的原因公司不允许继续使用,所以我们只能考虑国产 Figma 类软件。在使用过全网10+ui在线协作 工具 ,终于还是找到了一款从设计、交互、稳定、功能都与 Figma 差异不大的设计 工具 Pix
本文首发于 Beforweb,作者 Juuun,是我与 Beforweb 的合作供稿。 去年(2018)我转行做了交互设计师,一直在用 Sketch 进行设计,但是 Sketch 不便于交付,要借助其它 工具 把源文件转换为可以访问的链接;后来转为产品经理,我开始使用 Axure 制作原型, Axure 的一个问题是太重了,操作起来也不是那么顺滑,会影响到工作效率。 虽然我也知道“ 工具 并不重要,重要...
Figma Sketch 都是流行的UI设计 工具 ,它们有一些区别: 1. 平台支持: Figma 是基于云的设计 工具 ,可在任何平台上使用,包括Mac、Windows、Linux和Web。而 Sketch 只支持Mac系统。 2. 协作功能: Figma 具有强大的协作功能,可以实时共享设计,协作编辑和评论。 Sketch 需要第三方插件才能实现协作功能。 3. 安全性: Figma 的云端存储和备份机制使得设计文件更加安全,即使电脑出现问题,设计文件也可以随时恢复。而 Sketch 需要手动备份设计文件。 4. 插件生态系统: Sketch 的插件生态系统非常丰富,可以实现更多的功能。 Figma 的插件生态系统相对较小,但正在不断发展。 5. 价格: Figma 有免费和付费两个版本,付费版本的价格相对较便宜。而 Sketch 只有付费版本,价格相对较高。