Axure制作原型图实战

一、概述

不知不觉已经参加工作有好些年时间了，也从一位萌新转变成了一名职场大叔，在工作的这几年里有一些感悟，今天就分享给大家；在这里，首先强调一些我的职业，没啥亮点，就地地道道的“码农”，但不同的，我是一个有情感，有感悟的“码农”，哈哈，这不，今天又来和大家唠唠嗑，今天和大家唠嗑的话题呢就是关于“码农是否需要了解产品经理相关的工作”，其实吧我觉得是需要的，不仅仅是需要了解产品经理的相关工作，业务经理相关的工作同样需要去了解，说到这里可能有些小伙伴就会抱怨道：“现在新的技术迭代那么快，还要抽时间去了解其它岗位的事，时间都被吸干了，看来真的没时间找对象了？呜呜~~”；现实会告诉你，产品设计能力,及对业务的理解能力其实和我们所掌握的技术一样重要，只要你想往上爬，那么这些是你必须要下功夫的地方，我曾经就遇到过一个干了很多年技术的同事，他一直很沉迷于技术实现，却忽略了产品能力及业务能力的提升，导致到了三十多岁还是处于底层，虽然在技术领域小有成就；为什么说产品及业务那么重要，你想想领导、公司高层都是不怎么懂技术的，也不会和你谈技术，他们只会和你提需求，你只有对产品有敏锐的嗅觉，及对业务又深刻了解，你才能有机会和他们一起讨论一些事情，能了高层交流，说明你的上升空间就非常大啊，对吧。

就拿我的亲身经历来说，我的部门经理就是一个做业务的，对公司业务很了解，但是对技术一窍不通，连“hello world!”都不会写的那种，那么他为什么能当上部门经历呢？我觉得给他很大帮助的一点就是业务，每次和高管、业务部门谈论需求的时候他总是能夸夸其谈，而我们搞技术的只能默默在一旁听着，不敢发言，因为对业务不熟悉啊，只能当一个默默的付出者，没有人会关注到我们，所以升职空间自然就窄了；说到这里我想小伙伴们应该知道了职场上应该需要掌握哪些了吧，对产品设计有自己的思考、对业务有深刻理解、对技术有使用深度等等？说了那么多似乎有些偏移今天的主题了，不过没关系有的时候话总不能只说一半，要让大家有一个整体上的认识嘛；好了，前一部分的唠嗑就先到这里，下面我主要带大家熟悉一下一个axure工具绘制原形图，这是产品设计的必备工具，也是产品经理常用的工具，当然如果你是团队里面的leader，那么我觉得掌握原型图绘制是很有必要的，废话不多说盘它~

二、如何绘制原形

相信经历过企业级开发的小伙伴应该知道，一个项目的生命周期，并不仅仅只有开发这一环节，在这里简单罗列一下我们公司的一个流程：

我们需要关注产品经理这一环节，也就是说我们绘制原形图的基本步骤为：

• 收集用户真实需求
• 根据需求绘制流程图
• 根据流程图分析和选用的页面元素
• 根据流程图及业务元素绘制原型图

三、美团登录页实战

在接收到这样的需求时，不用惊慌，也不用上来就开始绘制原形，根据我们上面的步骤来，先自己认真思考需求，觉得没问题后我们就开始绘制流程图。

1.流程图绘制

说明：

流程图的绘制如果刚开始没有想得那么全面，可以先想到什么就画什么，后面再慢慢补充，参考成功产品的例子也是非常有必要的。

2.梳理页面元素

1.要有一个总的页面用于承载全部的登录方式跳转，密码登录方式界面，验证码输入页面，第三方登录界面等。

2.登录按钮

3.手机号作为首选登录方式，提供手机号输入框

4.用户协议

....暂时先想到这些，后面可以慢慢补充

3.绘制原形图

需要准备的工具：原件库（网上找一下，导入axure中，人家做好的一些原件方便我们使用）、icontfont图标库、AxurePR9软件（自己官网下载，然后网上找一下授权）

基本操作介绍:

最终绘制的效果图：

导入第三方组件库：

到这里我已经带领大家绘制出了一个简单案例，工作中无论多么赋值的案例都是由一个个简单的部分组成的，这里制作的过程和逻辑值得我们借鉴

四、总结

最后和大家简单总结一下，各位一定要相信一点，慢工出细活这个道理，在公司里面无论做什么项目，做什么功能，事先都要以设计先行的原则，设计是一个思考的过程，只有想通了，后面都是工作量的事儿；注重产品思维和业务思维的成长，才能走得更远。