随着互联网的发展，协同设计工具和技术不断更新迭代，在线协作工具走上舞台。在疫情大环境影响下，居家办公越来越普及，在线协作设计成为热门话题，常能在设计过程中听到：“我们协作一下”。今天，Pixso设计师结合自己多年工作经验，想与大家一同分享在线协作是如何存在在日常的设计过程中的。
1. 什么是在线协作设计
协作其实一直出现在设计的过程中，随着科技的发展，协作的方式也发生着变化。早期协作是一群人坐在设计师背后指指点点（很像如今协作工具的评论功能）。随后，协作就是一群UI设计师在同一个网盘里一起做原型，那时候的修改是牵一发而动全身。
而web 3.0时代的协作指的就是多人在线协作设计。这是一个复杂的过程，需要让团队不同的成员、职业不同的同事以及想法不同的客户共同使用一个设计方案，以此做出最佳解决方案。协作工具中所有的操作会根据不同的成员属性和权限进行管理，在项目中所有成员通过不断的反馈修改，直到完成最终目标。
而这一切的前提就是在线协作设计工具的出现。它可以让多人同时修改同一个原型，还可以一键修改所有的控件图标，让团队工作变得亲密无间。
Pixso多人协作画面
2. 在线协作设计的流程
目前大部分设计公司常用的协作流程，大体分为以下几步。
2.1 项目需求对接
在线协作设计从营销团队写项目需求的时候就已经开始了，其中包括设计的尺寸、格式、项目日期以及产品细节等，都会被记录在需求文档中。在面对大量的整理工作就需要团队协同作战，高效完成需求文档。
2.2 原型设计
确定了项目需求后就是原型设计阶段了，原型设计阶段的创意很重要。一般项目经理会带着设计师和程序员进行头脑风暴，这个阶段设计师会绘制大量的纸质原型稿，快速测试、模拟和测试，不断创建-推翻，直到设计出合适的界面雏形。最近不是都流行居家办公么，Pixso的原型设计就可以在线上协同设计，让项目成员边讨论边设计。
2.3 原型反馈
在完成原型设计后，需要给客户预览效果。在线协作设计工具中有交互原型和演示布局的功能，可以实现点击跳转和拖拽等操作，就像在真实的站点上一样，让客户非常直观的感受项目最终的效果。而且还不需要代码开发，只需要在Pixso中点击右上角的演示按钮即可直接生成。
当然客户也会提出一系列的意见，通过直接在页面对应位置上添加标记，项目成员看到后也可以回复相关内容，实现实时线上沟通（确实比一群人对着屏幕指指点点优雅多了）。
2.4 反馈修改
收到反馈后的修改也十分让人头痛，因为在UI设计中很多组件是通用的，如果修改一个组件，其他的组件都需要连带着一起改动。而在线协作设计工具中可以轻松解决这个问题，Pixso可以自定义组件和图标样式，调整一个，一键全部修改，大大提高了修改效率。即使面对再难搞的客户也可以不用加班，轻松搞定了。
2.5 高保真设计稿
完成项目原型设计后，就要做高保真设计稿了。一般项目都会需要2-3位设计师共同完成，这里就需要协作设计，分配好每个人需要做的页面内容。在此之前，会将项目组件和项目配色等通用的元素都设计出来，做成设计规范，其他人在设计页面的时候可以直接调用，十分方便。
2.6 标注切图
设计稿完成后，需要移交给开发人员，这里就需要对设计好的页面进行标注和切图。在在线协作工具中可以轻松标注切图，把每个元素的位置、颜色等属性信息变成了代码形式，前端开发人员可以轻松完成页面布局。感兴趣的小伙伴可以看看之前的文章《协作工具如何快速标注切图》，里面详细分享了如何快速标注切图的。
2.7 项目复盘
传统的项目复盘需要整理大量项目资料，非常耗时，所以很多设计公司干脆省略项目复盘，直接开始后面的项目，归根结底还是因为没有在线协作设计工具。在Pixso，你无需花时间整理这些，工具本身详细记录了各阶段项目过程，对于项目复盘非常方便。
3. 如何在线协作设计
以上分析可以看出，在线协作设计已经融入UI设计的每个步骤中了，相比之前的设计工作流简直先进太多了。下面来分享一下改进在线协作设计效率的几个想法。
3.1 建立团队协作意识
在线协作设计指的不仅是协作工具，还是一种团队协作思维。包括参与项目的每个人、每个岗位都需要有协作意识。协作就是沟通的艺术，是向所有团队成员展示你们所有人都可以交流的媒介，以便每个人都可以参与其中。
3.2 平等的协作环境
协作是同行之间交流和反馈的结合。在项目开始时，需要清楚地呈现这种交流和反馈的工作方式。为此，需要建立平等的协作环境。在协作中团队是一个整体，每个成员都是平等的，避免将职位高低带入协作中。平等的协作环境可以建立良好的团队氛围，高效的完成工作。
3.3 选择正确的协作设计工具
市面上的在线协作设计工具有很多，其中Figma、Pixso 的表现比较突出。相比之下这两款UI设计工具哪款优势更突出？哪款更便捷？哪款更适合本土设计师？可以看看以前的文章《这篇UI设计工具测评！真的很全面！》。Pixso作为国内的在线协作设计工具更胜一筹。不过设计的核心是创意，在Pixso的社区中有大量有创意的设计素材，可以免费学习研究。
3.4 协作评估
在线协作设计项目结束后，每位团队成员都应该对自己和其他团队成员进行简短评估，说出他们在协作中遇到的困难。 此外，他们可以结合当前项目和未来项分享他们的观点。及时的团队沟通也是在线协作设计中最重要的部分之一，可以更好的促进团队融合，提升团队实力。
4. 总结
在线协作设计已经成为当下最流行的设计趋势，也是推动企业走向成功的重要因素之一，协作思维早已深入企业每个员工内心。通过阅读这篇文章，是否激发了你尝试在线协作设计工具的兴趣呢？话不多说，赶快打开Pixso试试吧！
