预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共34页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

什么是AXURE???什么是AXURE???什么是AXURE???原型的作用和好处Axure工作环境介绍Axure工作环境介绍一、线框图及其注释页面组织排序 在页面导航面板中,通过拖拉页面或点击工具栏上的排序按钮,可以上下移动页面的位置和重新组织页面的层次。 打开页面进行设计在页面导航面板中,鼠标双击页面将会在线框面板中打开页面以进行线框图设计。 控件(Widgets)添加控件 从控件面板中拖动一个控件到线框图面板中,就可以添加一个控件。 控件可以从一个线框图中被拷贝(Ctrl+C),然后粘贴(Ctrl+V)到另外一个线框图中。 操作控件 添加控件后,在线框图中点选该控件,然后可以拖拉移动控件和改变控件的大小,还可以一次同时对多个控件进行选择、移动、改变尺寸。 另外,还可以组合、排序、对齐、分配和锁定控件。这些操作可通过控件右键菜单中进行,也可在Object工具栏上的按钮进行。 编辑控件风格和属性 有多种方法可以编辑控件的风格和属性: 鼠标双击:鼠标双击某个控件,可以对控件的最常用属性进行编辑。 例如,双击一个图片控件可以导入一张图片;双击一个下拉列表或列表框控件可以编辑列表项。 工具栏:点击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。 右键菜单:控件右键菜单上可编辑控件的一些特定属性,不同控件这些属性也不同。注释(Annotations)自定义字段(Fields)脚注(Footnotes)在控件上添加注释后,控件的右上角会显示一个黄色方块,称为脚注。脚注号码可以增大和减小,可通过控件右键菜单或工具栏上的进行修改。页面备注(PageNotes)二、基本交互设计以下是AxureRP支持的事件如下: OnClick:鼠标点击 OnMouseEnter:鼠标的指针移动到对象上 OnMouseOut:鼠标的指针移动出对象外 OnFocus:鼠标的指针进入文字输入状态(获得焦点) OnLostFocus:鼠标的指针离开文字输入状态(失去焦点) OnPageLoad:页面或模块载入 大多对象只具备常见的三种触发事件:OnClick、OnMouseEnter与OnMouseOut, 一些特殊的控件可触发的事件有些不同: 按钮控件只有OnClick 单选框和复选框则具有OnFocus、OnLostFocus 文本框、文本域、下拉框、列表框则具有OnKeyUp、OnFocus、OnLostFocus页面加载或模块被载入时则发生OnPageLoad定义链接除了上面的步骤,加入一个链接的最快的方法是单击控件交互面板顶部的“QuickLink”,在弹出的LinkProperties对话框中选择要链接的页面。设置动作以下是Axure所支持的动作: OpenLinkinCurrentWindow:在当前窗口打开一个页面 OpenLinkinPopupWindow:在弹出的窗口中打开一个页面 OpenLinkinParentWindow:在父窗口中打开一个页面 CloseCurrentWindow:关闭当前窗口 OpenLinkinFrame:在框架中打开一个页面 SetPanelstate(s)toState(s):为动态面板设定要显示的状态 ShowPanel(s):显示动态面板 HidePanel(s):隐藏动态面板 ToggleVisibilityforPanel(s):切换动态面板的显示状态(显示/隐藏) MovePanel(s):根据绝对坐标或相对坐标来移动动态面板 SetVariableandWidgetvalue(s)equaltoValue(s):设定变量值或控件值 OpenLinkinParentFrame:在父页面的嵌框架中打开一个页面 ScrolltoImageMapRegion:滚动页面到 ImageMap所在位置 EnableWidget(s):把对象状态变成可用状态 DisableWidget(s):把对象状态变成不可用状态 WaitTime(s):等待多少毫秒(ms)后再进行这个动作 Other:显示动作的文字说明多个场景(条件)页面上的事件:OnPageLoad实例—用户登录实例—记住用户的输入内容并显示出来实例—纯UI界面效果展示-(无交互动作)实例—输入框提示语自动消失与显示实例—一个网站工具栏实例—用户反馈中的多状态变化实例—信息提交后的状态提示实例—TAB标签实例—延时滚动图片实例—延时移动面板实例—25小时商街界面原型