设计师怎么进行在线评审?2 个实用软件盘点!

Figma 是设计界大名鼎鼎的 UI 设计工具,随着 Figma 逐渐流行,它的应用范围也从 UI 设计拓展到更多领域,包括平面设计、用户体验设计、产品设计、工业设计、3D 设计等。
在众多环节中,设计评审逐渐从过去的线下会议转移到线上平台,相应地我们使用的评审工具也在发生变化,从 PPT 演示文稿转换为 Figma、boardmix、Pixso 等支持多人评审的在线协同软件,这些新一代的评审软件不仅解决了传统设计评审面临的痛点,而且还能借由生态集成能力发挥协同效应,比如 Figma 设计文件嵌入在线白板 boardmix,实现在一个画布内同时查看和评审多个设计文件,多线程并行,极大提升办公效率的同时,最大程度降低跨团队协作的信息不对称!
今天这篇文章,笔者会为大家介绍如何将 Figma 设计稿无缝导入到不同的在线白板软件中,尤其是 boardmix,助你轻松搞定设计评审,希望能帮到有需要的朋友。
Figma 可与哪些在线白板软件实现集成或联动?
Figma 在业内拥有许多产品无可比拟的品牌影响力,用户广泛分布于世界各地,基于此不少办公应用会自发地实现对 Figma 的集成支持,让用户也能在自家产品中使用 Figma。
具体到在线白板软件,目前可于 Figma 实现集成联动的工具有:Miro、boardmix、Mural、Whimsical、Lucidspark、Conceptboard 等,其中 boardmix 是国内领先的在线协作白板,拥有良好的兼容性和优秀的集成能力,支持在白板内嵌入来自多个产品的文件,包括 Figma 设计稿、墨刀原型文件、产品设计工具 Pixso 设计文件等。

Figma 设计稿如何导入 boardmix 在线评审?
boardmix 作为新一代的一站式在线协作工具,在 Figma 设计稿导入方面提供了便捷和强大的功能支持,想要将其置入 boardmix 进行在线评审,可按下面的步骤进行操作:
① 复制 Figma 设计稿链接
在 Figma 中打开设计稿,点击右上角"Share"按钮,在弹出的窗口,点击右上角的"Copy link"按钮,复制文件链接

② boardmix 内粘贴链接
在浏览器打开 boardmix 首页,点击中间的按钮,进入 boardmix 工作台。

来到 boardmix 工作台,点击快速开始下方的“新建白板”,创建一个 boardmix 白板文件。

在打开的 boardmix 画布中,点击左侧工具栏底部的“更多”,呼出创作工具面板,选择“嵌入网页”,接着在 boardmix 画布上单击,添加右侧的卡片,粘贴将刚复制的 Figma 设计稿链接。

粘贴后会渲染为下图左侧的 Figma 卡片,默认为“卡片视图”,无法直接查看 Figma 设计稿,选中卡片,点击上方工具栏的“预览视图”,此时卡片会自动切换为右侧的预览窗口,就能在 boardmix 中自由查看 Figma 设计稿。

③ 在 boardmix 白板软件中进行设计评审
将 Figma 设计稿无缝导入 boardmix 后,接下来就可以使用 boardmix 的标注工具(如便签、文本和文档等),在导入的 Figma 设计稿旁添加批注或修改意见。

如果是多人参与的项目,可以点击右上角的“分享”按钮,使用 boardmix 的实时协作功能邀请团队成员参与评审,并利用视频会议或评论功能讨论修改意见。

导入 PSD/AI 设计文件
除了无缝导入 Figma 设计稿,boardmix 具备良好的兼容性,支持导入多种类型的文件,其中就包括设计常用到的 PSD 和 AI 文件。
在任意一个 boardmix 白板文件中,点击左上角的设置,选择导入 > Photoshop,上传本地的 PSD 文件,PSD 文件插入画布后会自动切换到预览视图,如下图所示,就能在白板中直接查看 PSD 文件的内容。

在预览视图模式下,我们还可以使用 boardmix 内置的画笔工具(快捷键为 P),对 PSD 文件进行批注,如下图所示,使用画笔中的荧光笔工具,在 PSD 文件上画两笔,这在和他人沟通设计文件需要改动的地方时就非常方便。

此外,boardmix 还支持对 PSD 文件进行裁剪,去除不想显示的内容,操作也非常简单:
单击选中 PSD 文件,文件上方会弹出一个工具栏,点击其中的裁剪工具,进入裁剪模式,就能剪裁 PSD 文中不想展示的区域。

上传到 boardmix 白板的 PSD 文件默认使用预览视图,在这之外,boardmix 还提供了另外 2 种视图——文本视图和卡片视图,单击选中 PSD 文件,点击上方工具栏的视图按钮,可一键切换文件的视图模式。

说完 PSD 文件,boardmix 也支持在线打开和查看矢量 AI 文件,即矢量设计软件 Adobe Illustrator 保存得到的专属格式,其操作与前面导入 PSD 文件是类似的:
点击 boardmix 左上角的设置,选择导入 > Adobe Illustrator,上传本地的 AI 文件,AI 文件插入画布后会自动切换到预览视图,如下图所示,就能在白板中直接查看 AI 文件的内容。

如果 AI 文件包含多个页面,可点击 AI 文件右上角的按钮,切换查看不同页面的内容。

值得一提的是,在线白板软件 boardmix 还提供了提取 AI 文件内容的功能,可将 AI 文件包含的页面快速转换为位图格式,操作起来也非常简单。
单击选中 boardmix 画布上的 AI 文件,点击顶部工具栏的提取页面,下方弹出的浮窗可选择提取的页面数量,默认提取全部页面,点击右侧的提取按钮,就能将 AI 文件包含的页面一键转换为位图格式。

以上就是本次想和各位分享的所有内容,希望能帮到有需要的朋友。如果你有其他疑问,或是想进一步了解的内容,欢迎在下方的评论区留言,我们一起交流探讨。
版权声明: 本文为 InfoQ 作者【职场工具箱】的原创文章。
原文链接:【http://xie.infoq.cn/article/f188f4e22cbce2a01131d610f】。文章转载请联系作者。
评论