对接国企的产品经理如何做产品之工具篇

把产品构思进行可视化的途径很多，有的喜欢用手绘产品草图、有喜欢用PPT做低仿真、还有的喜欢用Axure和Indigo Studio等制作产品高仿真，产品经理是一个负责协调资源和沟通的角色，所以能借助工具把产品构思清楚地表达和呈现出来，显得非常重要。

我想通过以下的提纲和大家分享产品设计中工具的使用。

• 工具选择
• 操作规范
• 原型包装
• 原型展示

工具选择

就像摘要提到的，产品原型设计的方法和工具很多，有手绘、PPT以及专业的原型制作软件，由于手绘原型的能力要求太高（�手活要好），PPT制作高仿真不够高效，而专业的原型制作工具除了入门容易、制作高效等优点外，还具备支持交互和演示的功能，交互的支持可以让工程师更好的理解产品的实现，演示的支持则更好地帮助产品经理做好与客户的沟通，达成共识。

对于工具的使用，讲究的是熟练和高效，切记都去涉及和掌握主流的原型设计工具，目前比较为大家所知的产品原型设计工具是：Axure和Indigo Studio，貌似Axure的使用用户更多啊，还有专门的社区，相比而言Indigo能找到的资料寥寥无几了。这两款工具我都用过，经过对比我最后选择了Indigo Studio。

Indigo Studio

正如我上面说的，Indigo Studio能搜索到的资料少得可怜，我当初一直苦恼没有一款称心的产品设计工具，之所以说不称心，是因为我内心里对这款我需要的工具有明确的要求（好吧，这也是我认为Indigo Studio具备的优点）：

• 组件多且允许灵活自定义样式
• 能提供智能参考线提高布局的效率
• 支持交互且有预设的常用动画效果
• 不需要额外的插件支持即可演示
• 能快速生成PDF和PNG图片

通过在网上各种淘，机缘巧合地偶遇了Indigo Studio，经过试用后，我激动地决定以后就主要用它来做原型设计了。

对于Axure，也许你也以上的功能特点，但是我只能说抱歉，感觉很重要，就像你喜欢的人不一定是这个世上最完美的，但是你就是喜欢她啊。

操作规范

为什么专门列出【操作规范】来讲解呢，由于平时我在做产品原型设计的过程中为求快，没有规范操作，组件使用不得当，导致后来做调整的时候，产品原型的项目文件维护成本过高。在我改掉这些不好的习惯后，团队里同事协助制作的原型文件，也出现同样的情况，所以觉得操作规范是有必要说一说的。

正如上文说的，规范指的组件要使用得当，比如要设计一个项目列表的页面，某些同志直接像做PPT一样一步一步拼贴界面，导致工具的价值没有得到体现，也就会出现我说的不规范的操作导致调整的成本过高。

Indigo Studio操作界面

上图是用Indigo Studio做原型设计的截图，是由image、label、icon、line拼贴而成的，我们借这个特殊来说说规范操作的好处，大家自然就能体会到不规范操作是如何导致修改成本过高的了。

如果要制作List这样由多个子项构成的界面，直接拖出组件库里的Content List，先别急马上编辑子项，而是先编辑整个List的Template，把通过的元素都设计好，List组件本就提供基于Template快速生成子项的功能，然后再根据需求做子项的微调即可。

Content List

如果在优化的过程中，要对产品的细节进行修改，通过List的组件定制功能即可轻松实现。

原型演示

Indigo Studio提供了PDF和PNG导出的功能。

丰富的导出功能

最酷的是提供了原型演示的功能，演示的方式有两种：

• 通过自带的模拟器演示
• 导出静态网页包，通过浏览器演示（部署到服务器上后可以通过手机浏览器演示）

模拟器演示

演示功能特别有用，它使得产品经理在做产品演示时操作灵活（可随时按流程做演示）且逻辑清楚（能演示清楚功能的逻辑），而且相比通过PPT和Word来讲解产品让用户自己想象产品最终的样子，原型演示更能获得用户的好感，并传递了你看到的就是你将要得到的产品信息。

原型包装

看到这样的产品形式，有没有觉得产品很好吃的样子。

原型包装

原型包装

以前我要这样的原型包装效果的时候，我是用PS慢慢做的，一个早上做两张图。后来我遇到的它：Promotee，Mac平台上的一款原型包装神器，可以把软件界面加壳包装，呈现出产品最终的�模样，挺带感！Promotee操作很简单，就不展开说了。

经过包装后的产品原型适合放到产品方案里，提升产品方案的设计感，也可以上传到公司官网展示。

希望本文谈及的方法和介绍的工具，可能帮助正在苦于有好的产品构思却没有好的实现工具的产品汪们。

本文涉及到的软件：

• Indigo Studio
• Promotee