分享

axure

 ThinkfunQd 2017-12-28

特点

  1.Axure RP快速创建带注释的wireframe文件,并可根据所设置的时间周期,软件自动保存文档,确保文件安全。

  2.Axure RP在不写任何一条html与javascript语句的情况下,通过创建的文档以及相关条件和注释,一键生成html prototype演示。

  3.Axure RP根据设计稿,一键生成一致而专业的word版本的原型设计文档。

  Axure RP 交流论坛(中文)

六合一功能

  一.网站构架图(Site Structure) AxureRP可以快速绘制树状的网站构架图,而且可以让构架图中的每一个页面节点,直接连接到对应网页。

  二.示意图(Wireframe) Axure RP内建了许多会经常使用到的widget元件,例如:按钮(Button)、图片(Image)、文字面板(Text Panel)、选择钮(Radio Button)、下拉式菜单(Droplist)。

  三.流程图(Flowchart)AxureRPFlowDiagram快速建立流程图就像建立wireframe一样容易,Flow Widget中有设计流程图时会经常用到的形状,您可以轻松在流程之间加入连接线并设定连接的格式。

  四.交互设计(InteractionDesign) 大多数的widget可以对一个或多个事件产生动作,包括OnClick、OnMouseOver和OnMouseLeave等

  五.自动输出网站原型(HTML Prototype): Axure RP可以将wireframe,输出成符合InternetExplorer或Firefox等不同浏览器的HTML prototype。

  六.自动输出word格式规格文件(Specification) Axure RP可以输出Word的格式的文件,规格文件包含了目录、网页清单、网页和附有注解的Master、Annotation、Interaction和Widget特定的资讯,以及结尾文件(例如:附录),规格的内容与格式也可以依据不同的阅读对象来变更。

功能改进

1. 可以设置页面背景图片、颜色以及相对于浏览器整体居中了。

2. 可以设置整体在线框边缘变为手绘风格的,以及是否彩色输出。

3. 因为是全新的架构,不再存在某些输入法中文无法输入的问题。

4. 可以设置文本行间距了,同时个性化字体可以输出到Html。

5. 更加易用的事件编辑器,再也不会像之前版本那样,编辑器窗口自动变大了。

6. 输出Html时可以选择用哪个浏览器打开。

7. 增加了栅格系统,自带960宽的12栅和16栅。

8. 增加了页面和模块的搜索功能。

9. 增加了快速隐藏网格的快捷键。Ctrl+’

10. 新的测试版本不能再输入Word2000格式的文档了,只能是Word2007格式。Axure RP 5.6中Word2000格式的输出办法。

11. 兼容性,用Axure6可以打开以前所有版本制作的RP源文件,但是如果是Axure6制作的RP源文件,将无法使用像Axure5.6这样的低版本打开。

12. 取消了原来的状态栏,改为拖放组件时直接在右下角显示组件的位置和大小。同时在工具栏上也会显示当前组件的位置和大小。

13. 条件判断,判断组件或变量值时增加了包含与不包含,这下可以判断输入框是不是包含@符号,用于判断是不是邮箱地址了。同时还增加了一个不是数字或字母的判断,原来版本只有“是”数字或字母的判断。

14. 增加了针对变量或组件值的公式计算,貌似可以加减乘除运算了,还可以插入当前日期或页面名称。具体怎么使用还不熟悉。LVAR.length 函数可以显示字符串长度,LVAR.toFixed(decimalPoints)函数将结果显示到小数点后几位,LVAR.substring(from, to)函数显示字符串指定位置间的内容。

15. 可以创建临时中间变量,方便记录各输入组件的值,而不是设置全局变量。

17. 动态面板上增加了拖动事件,可以实现拖动交互操作了。

18. 增加了三个可用于条件判断的类型:

1. text on focused widget 是判断当前光标所在的组件内容值。

 2. drag cursor 拖动指针的判断(is over:拖动过程中鼠标在某矩形上面,enters:拖动过程中鼠标进入某区域,leaves:拖动过程中鼠标离开某区域)。

 3. widgetrectangle可以判断两个组件是不是叠放在了一起(拖动动态面板进入一个区域时的判断)。

19. 增加了一个可被赋值的类型

20. 矩形右键多了个分配给某个组,编组之后,设置这一组中的某个矩形为选中样式时,其它的矩形会自动变为非选中时的样式。

21. 右键有了特殊性粘贴

22. 从标尺上可以往外拉参考线了。

23. 动态面板上OnMove事件,设置另一个动态面板的跟随移动。

界面与功能

导航面板

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

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

页面的添加、删除和重命名

点击面板工具栏上的“Add Child Page”按钮可以添加一个页面,点击 “Delete Page” 按钮可以删除一个页面。右键单击选择“Rename Page”菜单项可对页面进行重命名。

页面组织排序

在页面导航面板中,通过拖拉页面或点击工具栏上的排序按钮,可以上下移动页面的位置和重新组织页面的层次。打开页面进行设计在页面导航面板中,鼠标双击页面将会在线框面板中打开页面以进行线框图设计。

控件

控件是用于设计线框图的用户界面元素。在控件面板中包含有常用的控件,如按钮、图片、文本框等。

添加控件

从控件面板中拖动一个控件到线框图面板中,就可以添加一个控件。控件可以从一个线框图中被拷贝(Ctrl+C),然后粘贴(Ctrl+V)到另外一个线框图中。

操作控件

添加控件后,在线框图中点选该控件,然后可以拖拉移动控件和改变控件的大小,还可以一次同时对多个控件进行选择、移动、改变尺寸。另外,还可以组合、排序、对齐、分配和锁定控件。这些操作可通过控件右键菜单中进行,也可在Object 工具栏上的按钮进行。

编辑控件风格和属性

有多种方法可以编辑控件的风格和属性

鼠标双击:鼠标双击某个控件,可以对控件的最常用属性进行编辑。例如,双击一个图片控件可以导入一张图片;双击一个下拉列表或列表框控件可以编辑列表项。

工具栏:点击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。

右键菜单:控件右键菜单上可编辑控件的一些特定属性,不同控件这些属性也不同。

注释

可以为控件添加注释,以说明控件的功能。

添加注释

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

自定义字段(Fields)

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

脚注(Footnotes)

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

页面备注

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

添加页面备注

在线框图下面的Page notes 面板中可以添加页面备注内容。

管理页面备注

通过自定义页面备注,可以为不同的人提供不同的备注,以满足不同需要。比如可以新增“测试用例”“操作说明”等不同类别的页面备注。

基本交互设计

控件的交互

控件交互面板用于定义线框图中控件的行为,包含定义简单的链接和复杂的RIA 行为,所定义的交互都可以在将来生成的原型中进行操作执行。

在控件交互面板中可以定义控件的交互,交互事件(Events) 、场景( Cases)和动作(Actions)组成:

用户操作界面时就会触发事件,如鼠标的 OnClick、OnMouseEnter 和 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还提供了许多丰富的动作,这些动作可以在任何触发事件的场景中执行。以下是 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):隐藏动态面板

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

多个场景(条件)

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

事件: OnPageLoad

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

页面 OnPageLoad事件在页面备注面板中的Interactions 子面板中定义, OnPageLoad为事件添加场景的方式与控件事件相同

免费下载

最新版本6.0

Axure RP 6是一次重大版本升级,全新的架构。

PC版本与Mac版本达到了风格统一。这次同时放出了它们的测试版。

PC版安装过程中会自动更新.NETFramework4.0。

Axure RP 6.0.0.2826备用下载:

英文PC版下载地址:http://u./file/f9d967ce12

英文Mac版下载地址:http://u./file/f9d967cc1b

汉化包下载地址:http://www./thread-2143-1-1.html

(先安装英文原型,再把汉化包文件覆盖到axure安装目录,英文原型与汉化包的版本要对应。)

在线交流论坛

  http://groups./group/axure-rp-groups

版本与现状

  1. AxureRP最新版本是5.6 版

  2. AxureRP目前有英文版本及日文版,尚未有其他语言版。在中文环境的兼容性上没有问题,可以输入中文,也可以显示中文。(由于保存为ANSI字符时引起字符转移,目前不支持中文字体设置)

  3. AxureRP中文输入不是很好。可以尝试多种输入法解决支持,比如搜狗、qq拼音(仍然有较大问题的请更改输入法的皮肤,不要使用默认皮肤,一般更改后会有较大改善)等等,也可以在文本框里先写好再黏贴到软件上。

热门评论

发表评论
热门评论

对词条的感想、疑问或建议

请写在这里

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多