Axure入门

Axure RP是一个专业的快速原型设计工具。让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。同时支持多人协作设计和版本控制管理。

站点地图面板

对所设计的页面(包括线框图和流程图)进行添加、删除、重命名和组织页面层次。

模块面板

一种可以复用的特殊页面,在该面板中可进行模块的添加、删除、重命名和组织模块分类层次。

界面与功能

导航面板

在绘制线框图(Wireframe)或流程图(Flow)之前,应该先思考界面框架,决定信息内容与层级。

明确界面框架后,接下来就可以利用页面导航面板来定义所要设计的页面。页面导航面板是用于管理所设计的页面,可以添加、删除及对页面层次进行重新组织。

交互设计

控件的交互

用户操作界面时就会触发事件,如鼠标的 OnClickOnMouseEnter OnMouseOut

每个事件可以包含多个场景,场景也就是事件触发后要满足的条件;

每个场景可执行多个动作,例如:打开链接、显示面板、隐藏面板、移动面板。

:选中一个页面,点击这个按钮可以进入页面编辑状态

:搜索页面,在页面过多的时候可以使用,平时用的少

将页面结构生成流程图:

 

认识axure组件区域

 组件区域也叫做部件区域,英文为widgets,还有人称之为控件区域,组件是axure事先准备好的网站项目常用的零件,比如一些基本的页面元素

Axure默认存在2个组件库,分别为线框图和流程图。同时我们也可以自己去制作一些组件加载进来,或者从网络上下载一些其他网友制作的组件

认识axure部件库中各个部件的属性

axure中,部件名称并不是唯一的。

文本面板——axure线框图部件库介绍

特别注意:文本面板的高度无法直接调整,它的高度是随着字体的大小自动变化的

矩形、占位符组件——axure线框图部件库介绍

矩形组件和占位符没有太多的区别

 1. 可以用来做页面布局

2. 可以变化成为其他的形状:三角形、圆形、椭圆等很多的形状

3. 可以填充颜色:用着背景和层次

4. 可以用来制作表格

5. 可以直接输入文字

6. 可以添加很多的交互

动态面板——axure线框图部件库介绍

1、什么是Axure的动态面板

动态面板控件(Dynamic Panel)可以让你实现高级的交互功能,实现原型的高保真度。动态面板包含有多个状态(states),每个状态可包含一系列控件(你可以把一个状态理解成一个独立的页面)。任何时候都只有一个状态(页面)是可见的,或整个动态面板可以被隐藏。结合交互动作,可以让动态面板的状态进行隐藏、显示和改变。像添加其它控件一样,可以在控件面板中拖放动态面板控件到线框图中。

简单的说,动态面板就是展示在页面不跳转的情况下所能实现的交互状态。而动态面板的每一个状态都可以看作是产生的一个新的交互结果。简单的说,动态面板就是展示在页面不跳转的情况下所能实现的交互状态

 2、Axure的动态面板可以用来做什么

1)tab式页签的切换效果:Axure的官方给出的实例就是这个

2)鼠标触发式和点击触发式的下拉菜单效果:这个可以结合Axure的默认组件中的“垂直菜单”、“水平菜单”来实现,常用于导航的原型制作。
3)鼠标触发式的浮窗效果:类似“Alt”的效果,常用于浏览提示和触发式广告。
4)JS的鼠标点击弹层效果:这个是目前使用被广泛使用的效果之一。
5)注册表单中的根据焦点判断提示的效果:当焦点在输入框内的时候提示该表单栏目填写规范,当焦点离开输入框的时候根据填写的结果提示正确或者错误原因,这个需要动用高级设计交互编辑功能结合Axure的逻辑条件和设置变量功能来实现。

 3. 关于动态面板和其中状态的理解

内部框架——axure线框图部件库介绍

2. 如何应用内部框架引用视频内容

如果只需要视频内容,不需要网页的内容,记得复制flash地址,框架的大小是视频播放的大小


 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章