
是的鸭,都 2022 年了,Sketch 还是只支持苹果电脑,不支持用户数量更多的 Windows 电脑。
与其等待 Sketch 推出 Windows 版本(这似乎遥遥无期),不如使用其他可以代替 Sketch 的工具,例如国产在线 UI 设计工具——Pixso。
Pixso:可以看成是在线版的 Sketch,Sketch 有的功能,Pixso 一样有,而且 Pixso 可以做得更好!Pixso 集合了更多功能,可以在一款软件中完成 UI 设计、原型设计、交互设计等工作,减少文件在不同软件间的流转次数。
Pixso 不仅解决了 Sketch 无法跨平台使用的问题,还在团队协作、切图标注和资源交付方面,提供了相应的解决方案,改善了 Sketch 存在的体验痛点,可以说得上是 Sketch 比较理想的替代品。
下面就和皮仔一起,看一下 Pixso 中都有哪些好用的功能:
Pixso 是专为产品、设计、研发协作(产设研)而打造的一体化工具,协作涉及的人数较多,可能不是所有人都使用 Mac 电脑。
Pixso 可以在不同系统(Windows、macOS、Linux系统)、不同设备(Web、电脑、平板)上使用,跨平台的特性保证了参与协作的人都可以加入到协作中,满足用户需求的最大公约数。
除了硬件设备,传统的产设研在上下游的协作方面,也会用到多款不同的软件:
整个上下游协作用到的工具非常多,协作时需要在多个软件来回横跳,不同部门的人第一次接触新的软件,也要花费一定的时间才能上手,这无形中增加了团队协作的成本。
Pixso 的出现,就是希望彻底解决现有工作流存在的「软件工具多、管理难」问题,Pixso 集合了原型设计、UI 设计、交互设计、交付和版本管理功能,产品、设计、研发跨部门间的协作,可以在一款软件中完成。
用过 Sketch 的朋友应该都知道,Sketch 没有提供切图标注功能,在 Sketch 中做好的设计稿,交付给研发人员之前,还需要经过切图标注的流程。
这一流程,往常都需要借助外部的工具,例如国外的 Zeplin、国内的蓝湖来完成,文件导入导出还不是切图标注流程最麻烦的,更要命的是,后续如果设计文件发生变更,每变更一次,就要重复执行一次切图标注的操作。
对于切图标注现存的问题,Pixso 尝试给出了一种「一劳永逸」的解决方案:
将原来需要借助 Zeplin 等第三方工具实现的自动标注功能,集成到了软件之中,在 Pixso 中就能直接查看标注信息,而且基于 Pixso 云端实时更新的特点,后续设计文件发生修改,对应的标注信息也会随之自动更新,这样就很好地解决了需要重复标注的问题。
打开右侧栏的「代码」面板,选中任意元素,就能看到相应的属性和 CSS 代码,另外按住 Alt/Option 键,也可以快速获取元素距离容器的相对位置。
前端工程师如果想要复制相应的代码,将鼠标移动到 CSS 代码上方,顶部就会弹出隐藏的「复制」按钮。
导出切图方面,点击右侧面板的「设计」选项卡,在面板底部可以看到「导出」的选项,支持导出不同的倍数。
如果同时选中多个元素,再点击右侧的「导出已选项」按钮,就可以批量导出多张切图。
在 Pixso 中做好的高保真原型,无需导出到 Principle 等外部工具中添加交互动效,而是可以直接在 Pixso 中添加。
选中想要添加交互动效的元素,点击右侧面板的「原型」选项卡,添加交互事件,将鼠标移动到元素右侧,将箭头与下一个页面进行关联,确定单击元素后出现的新页面。
设置好动效后,点击右上角的「播放」按钮,进入交互动效的预览界面,可以模拟产品的最终形态,后续进行设计评审或是交付给研发部门,形象生动的交互动效可以大大降低跨部门的沟通成本。
Pixso 的「本职」是一款设计工具,但它不仅提供了设计所需要的工具,还内置了一个寻找设计素材和模板的好去处——Pixso 资源社区。
Pixso 资源社区,内置了腾讯、阿里、字节等大厂优秀的设计规范,查看这些设计规范,既是一次了解大厂成熟的企业级设计的机会,也可以作为项目执行时的参考原则,让设计更加有的放矢。
此外,在 Pixso 中编辑项目时,我们可以通过左侧栏的「资源」,使用来自 Pixso 资源社区的众多组件库,打开其中任意一个,找到我们需要的组件类型,将其拖拽到编辑区域,就可以直接复用到我们的项目中。
这两年随着远程办公的兴起,不少团队更倾向于使用支持远程协作的应用,相应地这类工具也变得炙手可热。
许多人最熟悉的应该是各类在线文档应用,例如石墨文档、腾讯文档、飞书文档等等,这一趋势也扩展到了设计领域。
Pixso 可以类比为设计届的「在线文档」,支持所有与设计相关的人员在一个 Pixso 文件中实时异地完成创作和沟通,不受时间和空间的限制。
通过 Pixso 链接参与协作的团队成员,鼠标指针下方会带有自己的昵称,每个人对设计稿件进行的编辑操作,会实时同步给所有协作者。
参与协作的方式:点击 Pixso 文档右上角的「分享」按钮,在弹出的面板,可通过链接或邮箱的方式,邀请他人加入协作。
如果你原先一直在用 Sketch 等本地端的 UI 设计软件,了解了 Pixso 众多实用的功能后,想把设计工具切换到 Pixso,完全可以做到无缝衔接。
Pixso 支持导入 4 种类型的外部文件,包含 sketch、figma、xd 和 svg,这意味你可以很方便地将 Sketch、Figma、Adobe XD 和 Illustrator 制作的文件迁移到 Pixso,之后可以在 Pixso 中进行新的编辑操作。
如果需要导入 Pixso 的文件数量比较多,可使用 Pixso 的批量导入功能:选中多个文件,将其直接拖拽到 Pixso 工作台,就可以同时导入多个文件。
对于导入 Pixso 的文件,我们也提供了多种导出格式,包含 sketch、xd 和 Pixso 的专属格式 pix,无需担心导入 Pixso 的文件无法导出。
保证用户文件的来自自由,是我们对自己产品的自信!
Pixso 目前对所有个人用户免费开放,内置的所有功能都可以免费使用!
现在前往 Pixso 官网注册账号,可以享受到 Pixso 会员的所有权益:无限文件数量、无协作者人数限制、无限云存储空间等等,快来尝试一下吧~
以上,希望有帮助。
码字不易,如果对你有帮助的话,请别忘了赏个【三连】或是【关注】我哦,关注不迷路!
我是皮仔 @Pixso协同设计 ,那我们下次再见咯。
