axure如何实现跳转_我该如何画好原型图？

我该如何画好原型图？

原型图绘制思路请看这里

=======================================================

作为一名产品经理，必须得和原型图打交道，而许多刚入行的产品助理可能对原型图的绘制有些不太理解，因为没有相关的项目经验，原型图画得深入还是粗糙这个度不好把握，原型图绘制是一个弹性的东西，你可以花很多时间让它栩栩如生，有颜色有交互，但非常耗费时间，会让人觉得你做的非常的精美。

也可以做的非常非常的简单，简单到连配的文字说明都免去了，这样做起来非常的快，但会让人觉得你做的非常的粗糙。在精美与粗糙之间有着时间的把握，也就是说你做的精美，你会很花时间，你做的粗糙却效果不好，如何掌握这个平衡呢？

要具体情况具体分析，得要有项目思维。

项目思维的意思是你的明白自己是项目中的一员，而不是一个独立于项目之外的产品经理，而项目的目的就是要完成一个目标，比如把一款APP上线，这个上线是有一个时间节点的，而通过这个时间节点，又会倒推到开发所需要的时间，UI设计师设计所需要的时间以及产品经理画原型图的时间，掐好这个时间点，大概就能测算出自己在原型图上所需要花费的时间了，假设如果给你绘制的原型图的时间是在两周以内，那这个时间是十分充裕的，你可以对你的原型图精雕细琢。

这里顺带一说原型图的一般绘制流程：

1.思维导图梳理好架构；

2.visio流程图梳理业务逻辑；

3.开始绘制页面；

4.开始设置按钮的跳转交互以及添加文字相关说明。

一般来说都是按照这四步来做就可以了，切记产品助理不要盲目的一上来就画原型图，得先列清楚和想清楚之后再动手，不然会容易疏漏一些东西，造成返工的麻烦。

回到话题，如果给你绘制原型图的时间不够充裕，只能给到你1周的时间（个人经验一般的项目给到原型绘制的时间也是在1周，仅供参考），那你可以做到我刚刚说的前三步骤，即思维导图、流程图和页面，第四点能补充就补充了，不够时间补充，只能在和开发开完需求评审会之后，开发过程中再慢慢补充（注意：其实在开发过程中你还是会不断地修改需求文档，因为开发过程中开发人员一定会遇到问题，一定会来问你，你也一定会发现有些东西是没写清楚或者没想清楚的，所以需要补需求文档，不是开完评审会就万事大吉）。

假若给的时间更加的短暂，比如只有三天（注意我说的三天只是相对某一个项目来说，三天很短暂，举例说明，有些需求可能给到三天已经很长了），那你就要考虑在第三点即原型图的绘制这个地方压缩了，即在画原型图的时候，就要考虑怎么方便怎么来，画一个页面不要考虑美观了，灰白的原型界面，简单易改快速高效就行，按钮之间的间隔，文字之间的间隔，不要考虑太多，这些等UI设计师帮你调整，本来axure设计的初衷，就是要满足产品经理快速生成原型图的工具，如果你还磨磨蹭蹭这调调那改改，是不是太宽了不好看，是不是这个按钮太小了不喜欢？

这都是很多余的想法（当然我是说在时间不足的情况下，时间充裕你可以慢慢调），直接把axure的控件拉过来用就行了，这是最快也是最符合日常使用的方法，UI设计师，其实有时候更加喜欢看灰白的原型图，这样没有色彩，不会干扰设计师在设计的时候上色，如果你的原型图有颜色，在一定程度上会干扰设计师选择色彩，可能会偏向选你原型图上的颜色，灰白的设计风格，也可以做的很专业的，不一定要做的很高保真才叫做专业。

所谓的专业，不是你画的有多精美的原型图，而是做原型设计的时候，你该考虑的东西都考虑到了，而且都在原型图上有了明确的说明，开发人员在看你的原型图，心中的疑惑都被一扫而空，剩下的只要按着你的原型图来做就行，这才是真正意义上的专业，专业即减少了沟通，通过需求文档最大化的传达需求给开发人员。

画原型图，要考虑看的人的用户体验。

我这里说的用户体验，不是说原型设计需要考虑用户体验，而是说，原型图的设计，需要考虑看的人的用户体验，即开发人员的用户体验，如何让自己的原型图在写最少图文的情况下最容易让人看懂，就是原型图绘制的最高级目的。比如，相比于大段大段的文字去说明一个按钮的跳转，我会选择利用函数等去做好原型图的交互逻辑，做好每个按钮的点击事件，这样就很容易让开发人员理解了，开发人员也是人，看一大段一大段的文字，可能也会有点烦躁，这样不利于开发人员的用户体验。当然，也有一些确实是没办法运用axure等原型设计软件的交互逻辑去说明清楚的，这时候就需要配合文字说明。

文字说明请言简意赅直插主题，个人建议是采用贴便条的说明方式会好一些，这也是axure软件鼓励你这么做的，在axure8.0以上版本中，控件里面有许多种颜色的类似便利贴的控件，目的就是让产品经理直接把便条贴在原型上，然后通过一条连接线把需要说明的地方和便条连接起来，这是最高效最容易做也让开发最容易看懂的办法，我见过一些产品经理是这么操作，直接原型图绘制完毕，下面搞一条分割线，然后下面就来一大段一大段的文字说明，开发看原型设计的时候，还需要上下滚动页面，先看看文字说的是原型图哪里，然后再滚到文字说明中继续看，再滚回来看原型图如此反复。

确实比较影响开发的查看原型图的时间，我也明白一些产品经理为什么这么做，搞一条分割线下面就写文字说明，这样看起来确实会整整齐齐，没有像贴便条那样给人杂乱，但整齐的背后确实阅读的困难，这就是为什当你打开本田汽车的发动机盖，你会发现很杂乱，但修车师傅说本田发动机最好修，很多东西很好找很便利，而一些汽车公司的发动机前盖一打开，虽然看起来很规整但很多部件要找还得这看看那看看，是一样的道理，我们做原型设计的时候，最后都是奔着让开发人员在最短的时间内最快的了解产品的需求，做到这一点才是最好的产品原型图设计。

=======================================================

总结的来说，产品的设计需要把握两点思维：

第一点就是要有项目思维，通过时间上的倒推，来决定自己做的原型图是粗糙还是精细，但一定要明白主次问题，得现在脑子里理顺业务逻辑（流程图与思维导图）才下手开始画页面，避免考虑不周。

第二点就是尊重阅读原型图的人的用户体验，在最简单的情况下最高效的传达原型图所表达的意思，这就需要产品经理去做判断了，我只是举例说明了便利贴的一条，还有许多小细节大家都可以再琢磨琢磨。

原型图对于产品经理来说很重要，但同样离不开的还有word需求文档，word需求文档的归档能力最强，方便转化为pdf存储，几乎每家正规的互联网公司都要求把原型图等产品设计整理成word来后保存起来，方便日后再回来查看需求（久了肯定会忘记的，所以才需要word），所以下一期我会教大家word需求文档怎么写，谢谢大家支持~