如何设计高保真原型图
背景
在设计“专项测试平台项目”的需求文档时，按传统的word设计需求文档带来的问题：
- 文档不够详细，没有交互，没有各种出错的处理情况
- 没有一个平台的功能流程全貌，无法提前给上级审核
- 需求评审的效率很低
通过分析，发现主要原因是出在需求文档上，现在的静态word文档，能表达的信息很有限，那有没有更好的方式。这就是今天要分享的：高保真原型图。
注意：实现高保真原型图的软件有很多，完全不限于Axure
高保真原型图Axure
意义
我们可以通过房屋装修来理解，在房屋真正开始装修之前，我们要做很多的工作，如看建材，看家电，看家具，看设计师做的效果图。这些都是为了在开始真正装修之前，尽最大可能去了解最终效果是什么样子，是不是我们想要的，因为一旦开始装修，就很难去更改。
这时如果能把想要装修的房子变成一个真实的样板间，我们看提前看到所有的效果，家电，家具等等，而且还能进行体验，提出改进意见，满意后，才真正开始装修。
高保真原型图Axure就是制作这个真实样板间的工具。总结几点好处：
- 实现功能与视觉上的统一，通过实际演示，减少口头沟通
- 领导与用户可以提前体验最终效果，可以提前收到他们的反馈意见
- 开发者终于可以了解你想要什么。以前用文档与图片无法解释清楚的需求，现在可以很容易的让开发者理解
Axure版本
- 使用的是AxureRP Pro 7.0版本，同时下载注册机
- 下载对应版本的汉化包
Axure的主要功能
线框图+设计
仅仅使用方块，占位符，形状和文本设计的，称之为线框图，如下图所示：
对线框图进行视觉美化设计后，称之为高保真原型图，如下图所示：
线框图与高保真原型图的差别，仅仅是真实程序不一样而已
母版
母版可以理解为PPT里的母版，是可以复用部分。设计网站时，网站的导航栏，Footer等等都是通用的组件，每个页面都有，这时可以创建一个母版，实现复用，如下所示：
元件库
原生自带的元件库只适合做线框图，要做手机app的原型图设计的话，工作量会比较大，这时可以导入其他的元件库，如下导入了ios8组合元件库：
动态面板
上面的功能模块，在原型图里实现，就可以使用动态面板，动态面板是指在同一个区域里，有多种展示形态：
控件连线
通过如下可以把两个控件进行连接：
交互
给控件添加交互，就是给此控件添加：事件(event)，用例(case)，动作(action)。
- 事件，如鼠标点击事件，鼠标移入时，鼠标移出时等等
- 用例，发生事件后，做什么样的业务逻辑判断
- 动作，即这个用例下，执行什么下的动作
如下创建的交互：
事件的种类：
用例与其条件：
常用的动作有：
- 打开新的链接
- 动态面板切换
- 设置显示/隐藏
浏览器展示
直接可以在预览，但为了不出现显示问题，建议使用chrome浏览器进行预览
文档
每个控件可以添加文档
当前页面也可以添加文档
合作
- 通过AxShare可以实现合作编辑
- 通过版本管理来保存原文件，进行合作编辑
工具对比
谁来制作高保真原型
产品经理与设计师是高保真原型的制作者。（技术做支持）
- 产品经理负责收集各方面的需求，在平衡各种资源后，确定最值得开发的产品的功能
- 设计师按照这个功能的规划制作视觉体现，然后产品经理和设计师一起，将功能点、设计图和交互流程一起合并为高保真原型。
参考
- Axure RP高保真网页原型制作