AXURE
2023-11-14 14:18:43 0 举报
AI智能生成
AXURE简单的软件介绍,想要大致了解这个工具可以看下
作者其他创作
大纲/内容
第1章 Axure RP介绍
第1节 认识Axure RP
1.1 什么是Axure RP
快速的原型工具
1.2 原型的作用和好处
简化文档编制、
吸引使用者参与、
早期辨认需求遗漏、
将外在需求风险降到最低
第二章 Axure工作区间
第1节 了解Axure的工作区
1. 主菜单和工具栏(Main Menu & Toolbar)
2. 页面导航板(Sitemap Pane)
3. 控件面板(Widgets Pane)
4. 模块面板(Masters Pane)
5. 线框图面板(Wireframe Pane)
6. 控件交互面板(Interactions Pane)
7. 控件注释面板(Annotations Pane)
8. 页面交互和注释面板(Pages Notes & Page Interactions Pane)
第2节 Axure页面导航面板 (Sitemap)
绘制线框图(Wireframe)或流程图(Flow)之前,应先思考界面框架,决定信息内容与层级
用于管理所设计的页面,可以添加、删除及对页面层次进行重新组织
1. 页面的添加、删除和重命名
2. 页面组织排序
3. 打开页面进行设计
第3节 Axure控件面板 (Widgets)
控件是用于设计线框图的用户界面元素
1. 添加控件
2. 操作控件
3. 编辑控件风格和属性
第4节 Axure模块面板(Master)
1. 什么是模块?
可以重复使用的特殊页面,相当于母版
2. 模块的操作
3. 在页面中使用模块
Normal
模块可以被移动与放置在线框图中的任何地方,对模块修改后,所做的修改会在该模块的所有使用实例中反映出来
Place in Background
模块应用在线框图中时,会处于线框图的最底层并被锁定,所包含控件的位置与在模块中的位置相同,常用于作为模板、布局、底板
Custom Widget
模块应用在线框图中时,模块中的控件与模块失去关联,模块中的控件可以像一般控件一样进行编辑
常用于创建具有自定义属性、注释和交互的自定义控件库,例如:具有白色文字的蓝色按钮。
第5节 Axure控件交互面板(Annotations & Interactions)
定义控件的交互
事件(Events)
用户操作界面时会触发事件
事件可以包含多个场景
场景( Cases)
场景是事件触发后要满足的条件
场景可执行多个动作
动作(Actions)
事件名称
OnClick:鼠标点击
OnMouseEnter:鼠标的指针移动到对象上
OnMouseOut:鼠标的指针移动出对象外
OnKeyUp
OnFocus:鼠标的指针进入文字输入状态(获得焦点)
OnLostFocus:鼠标的指针离开文字输入状态 (失去焦点)
OnPageLoad:页面或模块载入
动作名称
Open Link in Current Window:在当前窗口打开一个页面
Open Link in Popup Window:在弹出的窗口中打开一个页面
Open Link in Parent Window:在父窗口中打开一个页面
Close Current Window:关闭当前窗口
Open Link in Frame:在框架中打开一个页面
Set Panel state(s) to State(s):为动态面板设定要显示的状态
Show Panel(s):显示动态面板
Hide Panel(s):隐藏动态面板
Toggle Visibility for Panel(s):切换动态面板的显示状态(显示/隐藏)
Move Panel(s):根据绝对坐标或相对坐标来移动动态面板
Set Variable and Widget value(s) equal to Value(s):设定变量值或控件值
Open Link in Parent Frame:在父页面的嵌框架中打开一个页面
Scroll to Image Map Region:滚动页面到Image Map所在位置
Enable Widget(s):把对象状态变成可用状态
Disable Widget(s):把对象状态变成不可用状态
Wait Time(s):等待多少毫秒(ms)后再进行这个动作
Other:显示动作的文字说明
场景
一个触发事件可以包含有多个场景,根据条件执行流程或互动
使用条件说明可以有效操作条件流程
在条件中定义条件逻辑:根据控件的值或变量值执行动作
第6节 Axure控件注释面板(Annotations)
可以为控件添加注释,以说明控件的功能
1. 添加注释
2. 自定义字段(Fields)
3. 脚注(Footnotes)
第7节 Axure页面交互和注释面板(Page Notes & Page Interactions Pane)
对页面进行描述和说明
1. 添加页面备注
2. 管理页面备注
为不同的人提供不同的备注
第三章 Axure流程图
第1节 Axure什么是流程图
第2节 Axure流程控件
rectangle:矩形
执行框
页面
rounded rectangle:圆角矩形或者扁圆
起始框或者结束框
beveled rectangle:斜角矩形
diamond:菱形
判别框
file:文件
生成或调用的文件
bracket:括弧
注释或者说明
条件叙述
semicircle:半圆形
流程页面跳转、流程跳转的标记
triangle:三角形
和线条结合使用,画数据传递
trapezoid:梯形
手动操作
ellipse:椭圆形或圆形
小圆
按顺序数据的流程
椭圆形
流程的结束
hexagon:六边形
流程的起始,类似起始框
parallelogram:平行四边形
确定的数据处理
资料输入(Input)
actor:角色
模拟流程中执行操作的角色
database:数据
数据库
image:图片
图片
第3节 Axure流程连接线
第4节 Axure创建流程图
第5节 Axure流程图中引用页面
在页面导航面板中拖拉页面到线框图或流程图中,将会创建一个引用了页面的流程图控件
可以通过在控件上的右键菜单 “Edit Flow Shape->Edit Reference Page”进行编辑和清除
引用页面后,控件左上角会有一个“页面”图标进行标识
第6节 Axure自动生成流程图
创建一个流程图页面,并双击打开
分支根节点上点击右键,选择“Generate Flow Diagram”,Standard digram 或Right Hanging,选择其中一个
按钮控件
单选框、复选框
文本框、文本域、下拉框、列表框
页面加载或模块被载入
0 条评论
下一页