原型设计Axure的基本使用
2016-11-14 10:59
288 查看
Axure是一款专业的原型设计工具, 让负责定义需求设计;功能和界面的人员能快速设计出所需产品,其中不仅包含了对软件产品的界面,交互逻辑的原型设计,还包含了流程图;web网站的线框图,并且能导出说明文档。
首先介绍以下Axure界面
顶部的一般就是我们的菜单,左部是设计的界面,左下方是元件库,里面有我们需要的大部分控件和图标,其中还可以自定义组件,中部最大区域就是我门的设计界面,右边是用到的组件的所有属性,交互事件,和自定义说明
比如我们要设计这样的界面:
这是最简单的列表界面,其中最重要的莫过于展现数据的table,我们可以用table画出这个list,但是table没有交互效果,他是静态的,想达到点击删除便少一行的效果我们就要用到Axure的中继器组件,对列表的交互效果一般都是用它来实现。
从右边拖出一个中继器
双击中继器,给每一列自定义名称。
点击右边的属性
添加完数据后
此时还没有绑定数据到中继器上。
点击每页加载时
绑定数据:
再看中继器已经有数据了
我们需要点击删除,便删除当前行的效果:
点击菜单上的预览
浏览器中的呈现效果:
点击删除便会删除所在行
导出文档的功能:
点击发布-->生成word说明书
可以选择所要生成的说明列表,点击生成即可生成文档
首先介绍以下Axure界面
顶部的一般就是我们的菜单,左部是设计的界面,左下方是元件库,里面有我们需要的大部分控件和图标,其中还可以自定义组件,中部最大区域就是我门的设计界面,右边是用到的组件的所有属性,交互事件,和自定义说明
比如我们要设计这样的界面:
这是最简单的列表界面,其中最重要的莫过于展现数据的table,我们可以用table画出这个list,但是table没有交互效果,他是静态的,想达到点击删除便少一行的效果我们就要用到Axure的中继器组件,对列表的交互效果一般都是用它来实现。
从右边拖出一个中继器
双击中继器,给每一列自定义名称。
点击右边的属性
添加完数据后
此时还没有绑定数据到中继器上。
点击每页加载时
绑定数据:
再看中继器已经有数据了
我们需要点击删除,便删除当前行的效果:
点击菜单上的预览
浏览器中的呈现效果:
点击删除便会删除所在行
导出文档的功能:
点击发布-->生成word说明书
可以选择所要生成的说明列表,点击生成即可生成文档
相关文章推荐
- UI 原型设计 Axure 7 中使用变量和分支实现按来源页面返回
- 界面原型创建工具Axure使用教程之一:基本操作
- 原型设计工具Axure-基本交互作用
- Axure7.0使用技巧(三)-设计手机APP原型
- 原型设计工具——axure认识与使用
- AXURE 原型设计教程2——变量控制不同场景的交互演示
- AXURE在原型设计中的应用[转]
- 原型设计实践-使用gui design studio进行原型设计(2)
- Axure--一个很好的原型设计软件
- 使用PostSharp进行AOP框架设计:从一个简单的原型
- 界面原型设计工具使用系列(二)-Lumzy
- axure网站开发原型设计(需求文档必备)
- Axure RP Pro - jQuery - 如何在Axure RP Pro生成的HTML原型文档中使用自定义脚本
- 界面原型设计工具使用系列(五)-CogTool
- AXURE在原型设计中的应用
- 界面原型设计工具使用系列(三)-Mockup Builder
- 产品原型设计工具之Axure RP Pro
- 原型设计实践-使用gui design studio进行原型设计(1)
- Axure RP Pro - 相关问题 - Text Panel部件在设计时的效果与原型不一致
- 使用gui design studio做原型设计