Axure原型设计工具实战培训
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
注册
4、Axure功能介绍
产品原型可以概括的说是整个产品面市之前的一个框架设计图，原型设计是交互设计师与客户、项 目经理、开发工程师沟通的最好工具。
1
• 现存在的问题及其主要原因
2
• Axure是什么？
3
• Axure安装配置
4
• Axure功能介绍
5
• 案例演示
6
• 学员上机操作
7
• FAQ
1.1、现存在的问题—各方理解不一致(1)
I think… I need!!!
ok,ok… I see!!!
No problem So easy!!!
关键用户
需求人员
开发人员
理想很丰满，现实很骨感
1.1、现存在的问题—与用户沟通费劲、用户不感兴趣(2)
这是啥顾问？ 就这专业水平！
呼噜、呼噜 …
坐太近了！ 没办法开小差！
1
• 现存在的问题及其主要原因
2
• Axure是什么？
3
• Axure安装配置
4
• Axure功能介绍
5
• 案例演示
6
• 学员上机操作
7
• FAQ
3、Axure安装配置
安装
Axure有5、6、7版本，最新版本为8，新版本引入很多新功能、更强大，所以建议都下载安装最新版本。
汉化
1）菜单汉化 下载汉化包，将lang目录拷贝至D:\Program Files (x86)\Axure\Axure RP Pro 8.0\ 2）元件库汉化 下载元件库汉化包，将线框图.rplib、流程图.rplib拷贝至D:\Program Files (x86)\Axure\Axure RP Pro 8.0\DefaultSettings\Libraries\目录下
4.2.2 母版
4.3.1 元件 库及其属 性、样式
4.3.2 元件 交互事件
4.3.3 自定 义元件库
4.3.4 动态 面板
4.3.5 中继 器
4.5.1 条件 表达式
4.5.2 变量
4.5.3 公式
4.6 发布
4.6.1 生成 HTML文件
4.6.2 生成 规格说明书
4.2、页面管理
4.2.1 页面管理
问题的主要原因：
原型展示不直观，无法提起用户兴趣，无法产生共鸣…
2、Axure是什么？
产品原型可以概括的说是整个产品面市之前的一个框架设计图，原型设计是交互设计师与客户、项 目经理、开发工程师沟通的最好工具。
1
• 现存在的问题及其主要原因
2
• Axure是什么？
3
• Axure安装配置
4
• Axure功能介绍
如何创建自定义元件？
4.3.3、元件交互事件
事件三要素：起因、过程、结果
4.3.4、动态面板
动态面板
可实现高级的交互功能，实现原型的高保真度。动态面板包含有多个状态（states），每个状态可包含一 系列控件（你可以把一个状态理 解成一个独立的页面）。任何时候都只有一个状态（页面）是可见的，或 整个动态面板可以被隐藏。
4.2.2 母版管理
模版的作用：
可重复复用 便于管理维护 大幅度降低文件大小 行速度也会有大的提升
4.3、元件管理
4.1 软件总体 功能布局
4.2 页面管理
4.3 元件管理
4.4 流程图
4.5 高级应用
4.2.1 页面 及其注 释、交 互、样式
4.2.2 母版
4.3.1 元件 库及其属 性、样式
4.5.1 条件 表达式
4.5.2 变量
4.5.3 公式
4.6 发布
4.6.1 生成 HTML文件
4.6.2 生成 规格说明书
4.1、软件总体功能布局
4.2、页面管理
4.1 软件总体 功能布局
4.2 页面管理
4.3 元件管理
4.4 流程图
4.5 高级应用
4.2.1 页面 及其注 释、交 互、样式
可实现的主要效果：
• 隐藏与显示效果 • 滑动效果 • 拖动效果 • 多状态效果(如：Tab页签)
示例3、如何实现新增、删除行项目动态效果？
如何实现新增、删除行项目动态效果？
4.3.5、中继器
4.3.2 元件 交互事件
4.3.3 自定 义元件库
4.3.4 动态 面板
4.3.5 中继 器
4.5.1 条件 表达式
4.5.2 变量
4.5.3 公式
4.6 发布
4.6.1 生成 HTML文件
4.6.2 生成 规格说明书
4.3.1、Axure标准元件库
一、线框图
Axure自带的 元件库有两大 类： • 线框图 • 流程图
Axure原型设计工具实战培训
大纲
产品原型可以概括的说是整个产品面市之前的一个框架设计图，原型设计是交互设计师与客户、项 目经理、开发工程师沟通的最好工具。
1
• 现存在的问题及其主要原因
2
• Axure是什么？
3
• Axure安装配置
4
• Axure功能介绍
5
• 案例演示
6
• 学员上机操作
7
• FAQ
二、流程图
示例1：如何使用元件库来画国旗？
如何设置元件的属性及样式
4.3.2、自定义元件库
什么是自定义元件库？
当Axure标准的元件无法满足需求时，可考虑自定义元件，如按钮等。
1）创建元件库
选择创建元件库，会单独弹出个编辑元件的窗口
2）载入元件库
选择载入元件库，选取自定义的元件库
示例2：如何创建自定义元件？
4、Axure功能介绍
4.1 软件总体 功能布局
4.2 页面管理
4.3 元件管理
4.4 流程图
4.5 高级应用
4.2.1 页面 及其注 释、交 互、样式
4.2.2 母版
4.3.1 元件 库及其属 性、样式
4.3.2 元件 交互事件
4.3.3 自定 义元件库
4.3.4 动态 面板
4.3.5 中继 器
讲什么啊？ 真心听不懂！
1.1、现存在的问题—频繁返工、团队氛围出现矛盾(3)
频繁返工
出现矛盾
搞不懂? 你这也叫开发!
真奇怪? 你怎么调研的!
1.2、问题的主要原因
常见的交互方式：
口述 #￥！@#￥%￥……%……*&*！#@￥@#￥@#%￥*……&*（@！#￥！@#￥@##￥！#@！￥
Word/Excel
5
• 案例演示
6
• 学员上机操作
7
• FAQ
2.1、Axure是什么？
Axure是什么？
2.2、Axure是什么？（2）
Axure只是工具，核心的还是要把需 求调研清楚ห้องสมุดไป่ตู้
2.3、Axure是什么？（3）
Axure虽是工具，但可美化心灵、提高效率
3、Axure安装配置
产品原型可以概括的说是整个产品面市之前的一个框架设计图，原型设计是交互设计师与客户、项 目经理、开发工程师沟通的最好工具。
4、Axure功能介绍
产品原型可以概括的说是整个产品面市之前的一个框架设计图，原型设计是交互设计师与客户、项 目经理、开发工程师沟通的最好工具。
1
• 现存在的问题及其主要原因
2
• Axure是什么？
3
• Axure安装配置
4
• Axure功能介绍
5
• 案例演示
6
• 学员上机操作
7
• FAQ
1.1、现存在的问题—各方理解不一致(1)
I think… I need!!!
ok,ok… I see!!!
No problem So easy!!!
关键用户
需求人员
开发人员
理想很丰满，现实很骨感
1.1、现存在的问题—与用户沟通费劲、用户不感兴趣(2)
这是啥顾问？ 就这专业水平！
呼噜、呼噜 …
坐太近了！ 没办法开小差！
1
• 现存在的问题及其主要原因
2
• Axure是什么？
3
• Axure安装配置
4
• Axure功能介绍
5
• 案例演示
6
• 学员上机操作
7
• FAQ
3、Axure安装配置
安装
Axure有5、6、7版本，最新版本为8，新版本引入很多新功能、更强大，所以建议都下载安装最新版本。
汉化
1）菜单汉化 下载汉化包，将lang目录拷贝至D:\Program Files (x86)\Axure\Axure RP Pro 8.0\ 2）元件库汉化 下载元件库汉化包，将线框图.rplib、流程图.rplib拷贝至D:\Program Files (x86)\Axure\Axure RP Pro 8.0\DefaultSettings\Libraries\目录下
4.2.2 母版
4.3.1 元件 库及其属 性、样式
4.3.2 元件 交互事件
4.3.3 自定 义元件库
4.3.4 动态 面板
4.3.5 中继 器
4.5.1 条件 表达式
4.5.2 变量
4.5.3 公式
4.6 发布
4.6.1 生成 HTML文件
4.6.2 生成 规格说明书
4.2、页面管理
4.2.1 页面管理
问题的主要原因：
原型展示不直观，无法提起用户兴趣，无法产生共鸣…
2、Axure是什么？
产品原型可以概括的说是整个产品面市之前的一个框架设计图，原型设计是交互设计师与客户、项 目经理、开发工程师沟通的最好工具。
1
• 现存在的问题及其主要原因
2
• Axure是什么？
3
• Axure安装配置
4
• Axure功能介绍
如何创建自定义元件？
4.3.3、元件交互事件
事件三要素：起因、过程、结果
4.3.4、动态面板
动态面板
可实现高级的交互功能，实现原型的高保真度。动态面板包含有多个状态（states），每个状态可包含一 系列控件（你可以把一个状态理 解成一个独立的页面）。任何时候都只有一个状态（页面）是可见的，或 整个动态面板可以被隐藏。
4.2.2 母版管理
模版的作用：
可重复复用 便于管理维护 大幅度降低文件大小 行速度也会有大的提升
4.3、元件管理
4.1 软件总体 功能布局
4.2 页面管理
4.3 元件管理
4.4 流程图
4.5 高级应用
4.2.1 页面 及其注 释、交 互、样式
4.2.2 母版
4.3.1 元件 库及其属 性、样式
4.5.1 条件 表达式
4.5.2 变量
4.5.3 公式
4.6 发布
4.6.1 生成 HTML文件
4.6.2 生成 规格说明书
4.1、软件总体功能布局
4.2、页面管理
4.1 软件总体 功能布局
4.2 页面管理
4.3 元件管理
4.4 流程图
4.5 高级应用
4.2.1 页面 及其注 释、交 互、样式
可实现的主要效果：
• 隐藏与显示效果 • 滑动效果 • 拖动效果 • 多状态效果(如：Tab页签)
示例3、如何实现新增、删除行项目动态效果？
如何实现新增、删除行项目动态效果？
4.3.5、中继器
4.3.2 元件 交互事件
4.3.3 自定 义元件库
4.3.4 动态 面板
4.3.5 中继 器
4.5.1 条件 表达式
4.5.2 变量
4.5.3 公式
4.6 发布
4.6.1 生成 HTML文件
4.6.2 生成 规格说明书
4.3.1、Axure标准元件库
一、线框图
Axure自带的 元件库有两大 类： • 线框图 • 流程图
Axure原型设计工具实战培训
大纲
产品原型可以概括的说是整个产品面市之前的一个框架设计图，原型设计是交互设计师与客户、项 目经理、开发工程师沟通的最好工具。
1
• 现存在的问题及其主要原因
2
• Axure是什么？
3
• Axure安装配置
4
• Axure功能介绍
5
• 案例演示
6
• 学员上机操作
7
• FAQ
二、流程图
示例1：如何使用元件库来画国旗？
如何设置元件的属性及样式
4.3.2、自定义元件库
什么是自定义元件库？
当Axure标准的元件无法满足需求时，可考虑自定义元件，如按钮等。
1）创建元件库
选择创建元件库，会单独弹出个编辑元件的窗口
2）载入元件库
选择载入元件库，选取自定义的元件库
示例2：如何创建自定义元件？
4、Axure功能介绍
4.1 软件总体 功能布局
4.2 页面管理
4.3 元件管理
4.4 流程图
4.5 高级应用
4.2.1 页面 及其注 释、交 互、样式
4.2.2 母版
4.3.1 元件 库及其属 性、样式
4.3.2 元件 交互事件
4.3.3 自定 义元件库
4.3.4 动态 面板
4.3.5 中继 器
讲什么啊？ 真心听不懂！
1.1、现存在的问题—频繁返工、团队氛围出现矛盾(3)
频繁返工
出现矛盾
搞不懂? 你这也叫开发!
真奇怪? 你怎么调研的!
1.2、问题的主要原因
常见的交互方式：
口述 #￥！@#￥%￥……%……*&*！#@￥@#￥@#%￥*……&*（@！#￥！@#￥@##￥！#@！￥
Word/Excel
5
• 案例演示
6
• 学员上机操作
7
• FAQ
2.1、Axure是什么？
Axure是什么？
2.2、Axure是什么？（2）
Axure只是工具，核心的还是要把需 求调研清楚ห้องสมุดไป่ตู้
2.3、Axure是什么？（3）
Axure虽是工具，但可美化心灵、提高效率
3、Axure安装配置
产品原型可以概括的说是整个产品面市之前的一个框架设计图，原型设计是交互设计师与客户、项 目经理、开发工程师沟通的最好工具。