微信热点

About Axure

0
登录或者登记去做吧。

About Axure 8.0

Axure:产品人必备必会的软件,快速原型设计工具。

Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。

1. Axures的安装

官方下载地址:https://www.axure.com/download

汉化包地址:http://www.iaxure.com/menupage/download.html

国内下载地址:https://pan.baidu.com/s/1LAzDpeHav1ff-73SfR4NkA 密码: czfj

Licensee: Koshy

Key: wTADPqxn3KChzJxLmUr5jTTitCgsfRkftQQ1yIG9HmK83MYSm7GPxLREGn+Ii6xY

傻瓜式安装教程,这里就不用详说了。

2.打开Axure界面如下图所示:

 

3.界面功能

(1)导航面板:主要是主菜单和工具栏,站点地图面板,控件几个区域的使用基本操作。

(建议先利用xmind等思维导图设计一下框架,其次设计首页原型开始,首页原型板块定了,再设计各个内页)

控件:用于设计线框图的用户界面元素。在控件面板中包含有常用的控件,如按钮、图片、文本框等。从控件面板中将一个控件拖动到线框图工作区即可。可以进行选择,移动,改变尺寸等操作。另外,还可以组合、排序、对齐、分配和锁定控件。这些操作可通过控件右键菜单中进行,也可在Object 工具栏上的按钮进行。

添加注释

在线框图中选择控件,然后在控件注释和交互(Annotations and Interactions)面板中编辑字段中的值,即可为控件添加注释。面板顶部的 Label 字段是为控件添加一个标识符。

自定义字段(Fields

通过主菜单Wireframe->CustomizeAnnotation Fields and Views 或点击面板上Annotations 头部的“CustommizeFields and Views” 然后在弹出的 CustommizeFields and Views对话框中可以添加、删除、修改、排序注释字段。

脚注(Footnotes

在控件上添加注释后,控件的右上角会显示一个黄色方块,称为脚注。

页面备注

页面备注可对页面进行描述和说明。

 

浏览如下:

 

(2)交互设计:交互事件(Events) 、场景( Cases)和动作(Actions)。

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

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

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

定义链接

下列步骤说明如何在按钮控件上定义一个链接:

1.首先,拖拉一个按钮控件到线框图中,并选择这个按钮;

2.然后,控件交互面板中鼠标双击“OnClick”这个事件,这时会出现“Interaction Case Properties”对话窗,在这个对话框中可以选择要执行的动作;

3.在“Step 2”中,勾选“Open Link in Current Window”动作。

4.在“Step 3”中,点击“Link”,在弹出的Link Properties 对话框中可以选择要链接 的页面或其它网页地址 。

除了上面的步骤,加入一个链接的最快的方法是单击控件交互面板顶部的QuickLink” ,在弹出的 Link Properties 对话框中选择要链接的页面。

如下图所示:

 

以下是 Axure所支持的动作:

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:显示动作的文字说明

3)多个场景:一个触发事件可以包含有多个场景,根据条件执行流程或互动。

4)事件:Axure支持一个页面层级的触发事件:OnPageLoad,这个事件在原型载入页面时触发。

 

 

 

 

 

【设计】UI设计、UE设计、交互设计分别是什么?
交互设计流程(一):需求分析(转自人人都是产品经理)