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管理系统原型（各个
端口）等。）

陈博老师的其它课程