当然每个团队、公司都有一套更适合自己的工作流程，这里的工作流程只能说是一个通用的原则，总的归纳起来用下面一个图即可表达。

 

　　UI设计工作流程
 

　　
　　这里说的PO岗位为产品运营，SM为高级经理，代表的是产品经理。

 

　　涉及到的协同平台很多，包括蓝湖、石墨等，其他协同工具有。

 

 

　　InVision 主要是针原型设计和团队协同来提供服务的。当你创建新的项目的时候，可以选择从 Sketch/Photoshop/图片导入到InVision当中，然后通过InVision 添加动画、手势和转场动效，将它转化为逼真的原型。InVision 是一个非常棒的协同平台，你可以在原型的任何地方添加注释和评论，从而实现视觉上的反馈。此外，你可以通过 Facebook、Twitter和Linkedin 等平台快速便捷地分享你的项目链接。此外，InVision 用户还能使用内置于浏览器的协作工具 LiveShare，轻松地同团队内其他的用户协作。

 

 

　　zipBoard 是一个简单的设计反馈工具，它可以实现简单的基于上下文的反馈。即使是客户和团队内的非设计成员，都能顺畅地使用它。在使用 zipBoard 的过程中，只需要浏览网页内容，无论发现任何问题，只需要抓取一张屏幕截图捷克。现在可以通过添加注释来查明问题，它还允许你通过分配、共享、设置优先级来组织问题。你可以设置数量无上限的协作者参与到项目中，也可以通过共享链接来获取评论和反馈。zipBoard 还提供 JIRA 和 Slack 的集成功能，让你的团队可以和项目保持进度同步。

 

 

　　UXPin 旗下主要有两个产品，一个是UXPin 原型，一个是UXPin 系统。前者是设计和原型工具，后者则是包含设计、原型在内的交付工具。你可以在UXPin 中从零开始设计，也能从已有的 Sketch 或者 Photoshop 项目直接导入到UXPin。你可以使用 UXPin 设计出可交互的完全响应式的原型，其中内置了十几个不同的库，包括最常见的 BootStrap、Foundation、Android、iOS 等不同平台 UI控件库。就制作线框图和原型而言，UXPin 有着明显的优势。

 

　　团队版的UXPin 中可以添加三类不同的成员角色，包括管理员，创建者和协作者。管理员可以创建和访问所有的项目，创建者可以创建项目和访问选定的项目，协作者则只能访问选定的项目。UXPin 可以实现流畅的团队协作，用户可以对各种元素进行直接评论和注释，也能在电子邮件和Slack 中反馈。

 

 

　　Figma 是一款带有实时协作的UI设计工具。

 

　　Figma 是基于浏览器和云端的工具，允许多个设计师同时在线对一个项目进行编辑。Figma 是一个完全独立的设计工具，内置矢量栅格，具备完整的历史和版本管理的功能。与 Sketch 不同，Figma 不需要专门的客户端，所有的设计、评论、反馈和协同都发生在浏览器内部。你所需要做的只有一件事，就是在你选中的位置或者控件上进行修改和留言，进行协同。

 

　　多人模式下，协同是实时的，这种体验非常有意思，同时，其中还包含了诸如在移动端上实时查看修改的效果，它们让整个服务显得非常的实用也非常的好玩。

 

　　很多设计师也用Principle配合来做。

 

 

　　Zeplin 是一款能让设计师和开发者更加高效协同的标准化设计风格工具，有了它设计师和开发者不用在细节上反复纠缠。Zeplin 有专门的 Windows 版，Mac版和Web版。它能自行生成风格指南，并且同 Sketch 和PS 进行同步。友好的用户界面是 Zeplin 的加分项，这使得用户可以相当方便地调整细节，比如控制字体样式，大小和颜色，而当你调整完了之后，通过Zeplin 的同步，你的队友会立刻收到更新，看到调整。

 

 

　　Hotjar 是一个用来分析和反馈的工具，主要是的功能是用来监控和分析用户在网站上的交互和操作。它提供了多种多样的分析途径，比如热图，反馈调研，转换渠道等等，它能将访客的行为数据完整的记录并提供相应的分析。Hotjar 在热图和用户交互记录上有着突出的优势。


UI设计师测试 中遇到的问题用 图标来呈现如上图