《Axure原型设计思想+实战演练》（基于产品思维）

打造成功产品的利器

Axure原型设计思想+实战演练

主讲老师：陈博

【课程背景】

Axure是一款专业的产品原型工具，能够快速创建线框图、流程图、原型和规格说明

文档，可支持多人协作设计与版本管理。Axure自带的组件库能满足绝大多数用户的需求

，提供强大的交互支持，对专业的需求度较高。

对于产品经理来说，除了要掌握原型软件的使用和产品原型的设计制作，还需要懂得

原型图背后的业务逻辑、部门协同，而这些部分，体现在原型图上，就是梳理清业务条

线逻辑，明确自身的产品会与其他业务线产生哪些交集；原型更新后及时变更日志，让

与你协作的研发、UI不做无效的工作；注释文字清晰，让协作者一目了然……

输出一份好的原型图，不会使你迅速升值加薪，但长期看来，你能在输出原型图时考

虑协同部门的感受，会增强你在同事间的信任感，在排期或设计时能优先考虑你的需求

，这对长期工作来看是大有裨益的。一份优质的，逻辑清晰的原型图，也能使你减少受

到开发、设计质疑的概率，一定程度上也会减少你向leader求助、共同推进工作的概率

，这会让你的leader觉得你是一个靠谱、能解决问题的人。

➢ 如何在一天之内掌握Axure原型设计工具的核心和技巧？

➢ 如何理解原型设计与业务逻辑、用户体验设计之间的关系？

➢ 如何通过原型设计提高工作效率，增强团队合作协调？

➢ 如何通过原型设计降低产品研发的风险？

基于以上典型问题，我们结合大量的培训和咨询案例，并不断总结，从而推出该课程

，案例、模板、经验、教训、学员分享等贯穿全课程。

【课程收益】

➢

掌握Axure原型设计的工具使用，通过一系列基础和高级的实战案例由浅入深的掌握A

xure工具的用法；

➢

掌握Axure原型设计背后的交互设计三大模型，同时结合不同案例和项目来去将理论和

实践相结合；

➢

掌握产品经理和交互设计师对于原型设计的深度认知和把握，包括产品的结构层（信

息架构、导航设计、菜单层级设计等）和框架层（页面布局、交互行为、视觉层次等

）的深度理解和应用；

➢

掌握精益创业，敏捷时代的需求文档的攥写方法，学习使用Axure来撰写需求文档，深

入理解需求文档的挖掘、分析和撰写方法，夯实产品经理的基本功；

➢

掌握Axure作为流程工具的用法，深刻理解流程设计对于产品的重要性、实战思想和方

法。

➢ 透过Axure软件来去深刻理解用户体验在原型设计中的深度整合的方法和意义。

【课程特色】

➢ 通过案例做沙盘演练，强调理论和实践相结合；

➢

强调学、练结合，课堂需要学员积极参与，踊跃提问，通过思想碰撞来加深对课程内

容的理解深度；

【课程对象】

商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交

互设计师、界面设计师、架构师、程序开发工程师等。

【课程时间】2天（6小时／天）

【课程大纲】

Axure9.0原型设计定义和优势？

1. 什么是原型

2. 原型设计方法论

3. 原型设计各工具介绍及优缺点

4. 原型设计注意事项

5. 原型设计分类

➢ 手绘原型

➢ 灰摸原型

➢ 交互原型

Axure8.0 基础动效原型案例-实操演练

➢ 案例1-个人信息填写表单界面

➢ 案例2-登录界面原型

➢ 案例3-复杂标签切换案例（切换菜单标签）

➢ 案例4-轮播图切换

➢ 案例5-锚点导航原型案例

➢ 案例6-麦当劳订购外卖App（动态面板制作动效交互）

Axure中高级技巧原型案例-实操演练

➢ 某旅游网站登陆界面原型案例（嵌套动态面板的使用）

➢ 电商平台界面原型案例（动态面板、脚本、母版的结合使用）

➢ 常用统计图表制作—饼状图、柱状图、折线图、环形图(含交互)

➢

中继器制作表格数据动态双向绑定和统计(主要动态效果：分页、中继器、弹窗、动态

文本、函数变量、数据动态统计、表格增删改查。）

Axure PRD文档实战+需求攥写

1. 敏捷开发和Axure 实战的关系

2. PRD需求文档撰写要点

3. Axure需求撰写案例实操

➢ 需求说明

➢ 功能点业务模型分析

➢ 功能点用户体验分析

➢ 功能点需求撰写

交互设计规范和规格文档说明

1. 交互设计规范之文字输入

➢ 必需项

➢ 字段长度

➢ 格式校验

➢ ……

2. 交互设计规范之界面风格一致性

➢ 色彩与字体

➢ 窗口与风格

➢ 布局与间距

➢ 按钮与控件

➢ ……

3. 交互设计规范之用户界面行为

➢ 鼠标

➢ 光标定位

➢ 键盘支持

……

Axure交互设计底层基础

1. 交互设计三大模型

➢ 实现模型

➢ 心理模型

➢ 表现模型

2. 信息架构设计为什么这么重要？

➢ 什么是信息架构

✓ 内容的划分

✓ 内容的层级组织

✓ 迷宫式的信息架构设计

案例：某网银网站菜单结构设计

➢ 信息架构布局思路

➢ ToC和ToB信息架构的区别

➢ 信息架构的服务对象

✓ 用户

✓ 场景

案例：苹果手机拍照

➢ 信息架构的深度和广度（四种组合方式解析及案例分析）

✓ 架构的深度

✓ 架构的宽度

✓ 架构的几种不同的组合方式及其特点

案例：相机APP

➢ 好的信息架构的特点

✓ 与“产品目标”和“用户需求”相对应

✓ 具有一定的延展性

✓ 保证分类标准的一致性、相关性和独立性

✓ 有效平衡信息架构的“广度”和“深度”

✓ 使用“用户语言”

案例：百度、今日头条、淘宝主界面分类导航、支付宝9.9版本主界面

3. 如何不理解导航设计会有什么问题？

➢ 什么是导航设计

➢ 导航设计与信息架构的关系

➢ 移动UI导航的架构分类

✓ 层级式

✓ 辐射式

✓ 套娃式

✓ 标签式

✓ 汉堡包导航

➢ Web端导航设计

✓ 搜索导航

✓ 分类导航

✓ 相关导航

➢ 导航设计用户体验原则

✓ 导航菜单要清晰可见

✓ 告诉用户其当前位置

✓ 导航菜单要与用户任务协调一致

✓ 导航菜单要易于操作

案例：建行官网、Airbnb等

Axure流程设计

1. 流程设计基础概念

➢ 某C端产品总体流程设计规划思路实战演练

➢ 逻辑流程概念

➢ 某电商网站注册登录逻辑流程案例实战演练（Axure绘制）

➢ 页面流程概念

➢ 页面流程案例分析和实战演练

2. 流程设计中的用户体验案例分析

➢ 清晰的布局

➢ 结构准确的文字描述/提示

➢ 给用户反馈

➢ 不要在同一个页面里面展开多个流程

➢ 流程设计案例分析

综合高级项目原型设计实战演练

带领学员从一个完整项目的角度来去运用Axure从基础到进阶到高级各种功能的综合运用

（如在线课程学习&在线考试平台原型（web）、电商saas原型、O2O管理系统原型（各个

端口）等。）