Axure RP设计工具

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

        Axure的可视化工作环境可以让你轻松快捷的以鼠标的方式创建带有注释的线框图。不用进行编程,就可以在线框图上定义简单连接和高级交互。在线框图的基础上,可以自动生成HTML(标准通用语言环境下的一个应用)原型和Word格式的规格。

Axure RP 的工作环境:Windows、OS X。 1.主菜单和工具栏 执行常用操作,如文件打开、保存文件,格式化控件,自动生成原型和规格说明书等操作。 2.站点地图面板 对所设计的页面(包括线框图和流程图)进行添加、删除、重命名和组织页面层次。 3.控件面板 该面板包含线框图控件和流程图控件,另外,你还可以载入已有的部件库(*.rplib文件)创建自己的部件库。 4.模块面板 一种可以复用的特殊页面,在该面板中可进行模块的添加、删除、重命名和组织模块分类层次。 5.线框图工作区 线框图工作区也叫页面工作区,线框图工作区是你进行原型设计的主要区域,在该区域中你可以设计线框图、流程图、自定义部件、模块。 6.页面注释和交互区 添加和管理页面级的注释和交互。 7.控件交互面板 定义控件的交互,如:链接、弹出、动态显示和隐藏等。 8.控件注释面板 对控件的功能进行注释说明。 二. 下面介绍 Axure RP的一些基本功能

1. 添加元件到画布

在左侧元件库中选择要使用的元件,按住鼠标左键不放,拖动到画布适合的位置上松开。

Axure RP设计工具

2. 添加元件名称

文本框属性中输入元件的自定义名称,建议采用英文命名。

建议格式:PasswordInput01或Password01

名称含义:序号01的密码输入框

格式说明:“Password”表示主要用途;“Input”表示元件类型,一般情况下可省略,当有不同类型的同名元件需要区分或名称不能明确表达用途的时候使用;“01”表示出现多个同名元件时的编号;单词首字母大写的书写格式便于阅读。

Axure RP设计工具

3. 设置元件位置/尺寸

元件的位置与尺寸可以通过鼠标拖拽调整,也可以在快捷功能或元件样式中进行输入调整。

x:指元件在画布中的x轴坐标值。

y:指元件在画布中的y轴坐标值。

Axure RP设计工具

w:指元件的宽度值。

h:指元件的高度值。

在输入数值调整元件尺寸时,可以在样式中设置,让元件【保持宽高比例】。

Axure RP设计工具

4. 设置元件默认角度

方式一:选择需要改变角度的元件,按住键的同时,用鼠标拖动元件的节点到合适的角度。

方式二:在元件样式中进行角度的设置,元件的角度与元件文字的角度可以分开设置。

Axure RP设计工具

 

5. 设置元件颜色与透明

选择要改变颜色的元件,点击快捷功能区中的背景颜色设置按钮,选取相应的颜色,或者在元件样式中进行设置。

Axure RP设计工具

6. 设置形状或图片圆角

可以通过拖动元件左上方的圆点图标进行调整,也可以在元件样式中设置圆角半径来实现。

Axure RP设计工具

7. 设置矩形仅显示部分边框

在Axure RP 8的版本中,矩形的边框可以在样式中设置显示全部或部分。

Axure RP设计工具

8. 设置线段/箭头/边框样式

线段、箭头和元件边框的样式可以在快捷功能或者元件样式中进行设置。

Axure RP设计工具

9. 设置元件文字边距/行距

在元件样式中可以设置元件文字的【行间距】与【填充】。

行间距:是指文字段落行与行之间的空隙。

填充:是指文字与形状边缘之间填充的空隙。

Axure RP设计工具

10. 设置元件默认隐藏

选择要隐藏的元件,在快捷功能或者元件样式中勾选【隐藏】选项。

Axure RP设计工具

三.使用心得

以上就是 Axure RP的一些基本功能,下面是我的一些心得体会:

1.学习掌握注册、登录页面并且实现注册、登录到主界面之间的跳转

2.注册和登录:如何定义数值与数值之间的条件关系以及赋值,列出用例,实现部件交互功能。

3.当然我们要牢牢记住:

   1.在注册页面时,可以通过给部件文字(比如账号、密码)赋值给一个新的变量,在每一个输入的账号、密码的字符符合条件限制的情况下,赋值给下一个状态,如果其中有一个输入不满足条件,则禁用注册按钮功能;反之,每一个条件都满足及(相互存在and

关系),我们则启用注册按钮功能,在当前窗口打开登录窗口功能。    

    2.同样的方法,我们将成功注册的账号密码赋值的变量分别赋值给登录界面的所需要输入的账号、密码(部件文字),如果输入满足条件,我们即在当前登录窗口打开下一个界面(网页主界面)  

   3.我们在主界面页面交互添加页面载入时的一个用例,通过将我们在第一个页面输入的注册账号赋值变量再赋值给当前主页面所添加的部件文本框文字,此时便可实现主界面显示用户账号的功能。

   4.最后,同样也是最重要的,实现完以上每一个步骤,我们通过“F5”浏览我们注册、登录以及主页面交互跳转的功能是否存在问题,一遍调试。

上一篇:洛谷P4051 字符加密 [JSOI2007] SA


下一篇:Bless All