设计师如何有效参与团队协作

jongde

关于这个话题，我看过好几篇文章，但似乎每篇文章都是在讲“设计师如何参与团队协作”，而忽略了“有效”两个字。有效，我觉得主要包含两个层面的意思：有效率、有效果。作为产品研发团队的设计师，团队协作是工作日常，但如何让协作更有效呢？

想让协作更有效，首先我们需要找到导致团队协作低效甚至无效的问题所在。我们可以从设计环节和开发环节来总结：

设计环节：

• 需求方不明确，需求表达不清晰，导致反复改稿，产出效率被拉低
• 工具不统一，设计师之间协作和共享困难，设计进度缓慢
• 设计审核流程复杂，项目推进进度缓慢
  
  

开发环节：

• 只能看到视觉设计稿，开发不理解设计思路，设计稿还原度低
• 缺乏多端开发经验，反复要求设计师输出不同规格的素材切图
• 按照标注还原设计稿过于繁琐和低效，耽误整体进度
  
  

了解了问题所在，我们就可以对症下药，提升团队协作效率，达到更好的协作效果。首先是设计环节，如何有效提升团队协作效率，加快项目进程？

1、明确设计需求

当设计师面对产品、市场、运营、策划等多个需求方时，收到需求就开始设计是最大的错误。在开始设计前，必须要积极和上游的需求提供方进行仔细的沟通。如果团队中缺乏交互设计师的角色，设计师需要直面产品时，还要适当地筛除伪需求，理清真实需求，再进入设计环节。

在这一环节，我通常会整合所有需求方的需求。如果无法确定主要需求方，我们可以将所有需求方的需求整理一遍，找到其中的共同点和矛盾冲突的地方，再召集所有人共同商议确定。

当然，在产品研发团队中，需求梳理一般是产品经理的工作。但作为设计环节的主要负责人，参与需求梳理可以让自己更加直观地理解需求，设计工作也可以更加顺利推进。

2、寻找合适的协作工具

以我的团队为例，设计师最常用的设计工具是PS和Sketch，在Figma火了之后，也有一些小伙伴转战Figma。使用不同设计工具，不仅存在兼容性问题，网络限制、设备限制等问题都让人苦不堪言，设计师交流全靠截图，仿佛回到了“原始社会”。

为了解决这个问题，我们尝试了很多工具，最后选择了国产工具—— 摹客( [url]https://www.mockplus.cn/)[/url]作为我们的协作“根据地”。当时主要是因为国内协作平台只有摹客支持交付Figma设计稿，但用了一段时间发现，摹客的宝藏功能远不止上传和分享设计稿。

1).在线审阅设计稿：设计稿上传后，团队成员可以直接在设计稿上打点评论，反馈意见。这个功能对于我们接下来要讲的“简化设计审核流程”来说非常重要。

2).版本对比和管理：设计稿修改后可以直接同步，同时摹客会自动生成历史版本，可以随时查看不同版本，还可以直接在摹客对比不同版本之间的异同，检查是否存在问题。

3).制作高保真交互：用PS、Sketch、Adobe XD、Figma完成设计稿并上传后，可以在摹客快速将设计稿转化为可交互的高保真原型，不需要再单独制作高保真。

4).快速交付设计稿：摹客的智能标注方式可以准确传达设计规范，同时开发工程师也可以自主获取不同平台尺寸的切图，因此设计师在定稿后可以直接交付，这一点我们在后面的开发环节详细介绍。

3、简化设计审核流程

在原来的工作流程中，重要设计稿需要经过多人审核，那么就会出现这样的问题：A审完设计稿并提出修改意见，我们根据意见进行修改后发给B审核，结果B完全不赞同A的评审意见，并要求全部改回来，如果后续还有CDEF，那么恭喜你，即使是一个静态页面，你也极有可能会经历涂涂改改的一个月。

如何简化设计审核流程，杜绝上述情况发生？我们依然可以用摹客来解决。摹客最大的特点是它设定的工作流程非常灵活，并不是一环接着一环的单线推进，而是支持多人同时在不同环节进行协作。

以设计稿评审环节为例，摹客提供了多种评审工具，参与审核的成员可以同时对设计稿进行打点评论，也可以查看和回复其他人的评论内容。设计师只需要根据所有成员的最终评审意见逐条进行修改即可。修改后还可以直接更新评论的解决状态，二次评审时其他成员可以根据评论来对照检查，问题就这样迎刃而解，效率自然也就大大提升。

提升了设计环节的协作效率，接下来我们继续来解决开发环节的问题。开发环节提到的三个针对设计师的问题，其实可以归类为一个问题，即：

如何高效完整交付设计稿？

与开发工程师的协作，主要是需要帮助开发工程师理清产品逻辑，准确还原设计稿。要达到这个目的，开发工程师在开发环节就需要查看精准的UI标注和获得不同平台的切图，如果这一环节出现纰漏，一定会影响设计的最终呈现效果。

借助合适的交付工具，就能完美解决这个问题，如上文中提到的摹客。摹客具有强大的设计稿智能标注、自动切图及代码输出功能。设计师在交付设计稿前，只需要使用摹客做到以下几点，就可以完成一次高质量交付，提升和开发同事的协作效率：

1.理清产品逻辑：在交付设计稿前，我们可以在摹客的全貌画板中添加逻辑线和逻辑说明，开发工程师只需查看全貌画板，就能快速理解产品业务流程和交互逻辑。

2.准确标注：摹客提供了“自动+手动”的智能标注模式，图层信息和图层之间的间距等数据都可以自动生成，还可以使用手动标注功能进行补充，相当于生成了一个轻量的开发文档，可以帮助我们准确传达设计要求。

3.标记切图：在上传设计稿前，我们需要做好标记切图的工作，上传到后直接交付给开发工程师，开发工程师可以根据开发需求，下载不同平台不同尺寸的切图，而不用我们一张张切好再打包交付。

设计稿交付后，开发工程师可以自由查看设计稿中的精准标注和图层标记信息，下载使用切图，还能直接复制图层的样式代码，不仅减轻了设计师的负担，也简化了开发工程师的工作流程，这才是真正的“有效协作”。

总结

互联网时代效率为王，提升项目的推进效率，就可以挤出更多时间来创造更大的价值。想要有效参与团队协作，适合自己团队的效率工具必不可少，有了工具的协助，脱离了传统工作方式和繁复工作流的束缚，自然可以达到事半功倍的效果。