文档库 最新最全的文档下载
当前位置:文档库 › 各种图表和作用

各种图表和作用

各种图表和作用
各种图表和作用

1.1image图片:给wireframe中插入一个图片站位,也可以直接置入真实的图片。

2.text panel文本:插入文本。相当于插入了一个< text >标签。是不带链接的文本。但是其实也可以带链接。

3.hyperlink超链接:插入带链接的文本。相当于插入了一段带< a >标签的文字。但其实在Axure中它与普通文本除了外型不同,没有本质区别。

4.rectangle矩形:插入一个矩形。可以对其进行图形样式编辑。此图形通畅被用来表达板块的边界。

5.placeholder占位符:插入一个占位符。占位符通常用来表达在页面中某些特殊区域,比如情况复杂,或者在系统升级中不需要修改,又或者无关紧要的区域等等。作者需要结合说明文字,进行对应的详细表达。

6.button按钮:插入一个按钮,相当于< button >标签。按钮一般结合表单使用,当然也可以作为强化的提示链接使用。

7.teble表格:插入一个表格。与标准化制作网页一样,表格的使用在画wireframe的时候就应该明确其作用,是用来作为数据列表展示使用,而不是作为网页布局的控件。

8.text field文本输入框:结合表单使用。一般用作表单中提交数据。比如搜索框、用户登录框、注册信息填写框等。用作字段提交或单行数据提交。

9.text area文本区:结合表单使用。一般用作大段文字编辑、提交。比如文章编辑、留言等板块。

10.droplist下拉列表框:结合表单使用。一般用作下拉菜单或者下拉列表选项,比如在搜索中,可以通过下拉列表框来定位搜索分类的范围。也有人用它来做友情链接,可以通过下拉选择直接进行页面跳转。

11.listbox列表选择框:结合表单使用。通过文本框列表选项,通常使用在多项列表选择,

比如在填写简历表的时候,选择你所感兴趣的行业,会提供列表选择框。不过列表选择框都会结合按钮使用。

12.checkbox多项选择:多项选择通常使用在表单中,以提供多项选择。比如在有些有些注册要求用户选择兴趣爱好,会提供十多个选项,因为选项可以并列进行,因此使用的是多项选择。

13.radio button单项选择:在一组选择中选择适合选项,选项关系非此即彼。比如在填写性别的时候提供男女选择,用户非男即女,只取一项。当然,不排除再多提供一个双性选择,这样就是三选一,但是同样是非此即彼的单一选择。

14.14、15、horizontal line水平线、vertical line垂直线:用以分割页面中的不同板块区域。由于web页面中只能存在垂直与水平线,为了系统生成用于演示的html文件,特将两种线条分开使用。

15.button shape形状按钮:相当于图形按钮,多用于导航,或者多帧切换的版面切换按钮。可进行边角编辑。

16.image map region图像映射区:它用于在web页面中制造一片不可见的区域,一般是图片的部分区域,相当于图片的热区,从而添加说明与互动。在现实的网页中经常会有一张大图中有某个区域是触发按钮,而图像映射区就可以用来说明这个区域的的功能和互动内容。

17.inline frame框架:类似于html中的< iframe >对象。用于在页面中制造页面框架,每个框架中嵌入不同的页面。我们经常看到后台系统分左右两栏,一般都是使用了框架,左侧载入的是导航页面,右侧是载入的管理页面。

18.dynamic panel动态面版:是Axure为了表现多帧区域内容而制造的一个工具。它的图标很形象的说明了它的结构。它是不同的state叠加的一个动态区域,默认显示其中一个state,当用户触发按钮、图片或者下拉列表等时,可以设置相应动态面版切换到不同的state。不同state的关系,类似于 photoshop的层,也类似于html中的css属性layer。我们可以通过右击dynamic panel进行state编辑,然后通过打开对应state进行编辑,编辑方式和编辑页面相同。

19.20、21、menu(vertical/horizontal)水平/垂直菜单:用于制作水平或者垂直的菜单,可以添加漂浮的的子菜单,添加方法很简单,就是选择所要添加的菜单项,添加submenu。

1.rectangle:矩形作用:一般用作要执行的处理(process),在程序流程图中做执行框。在axure中如果是画页面框架图,那么也可以指代一个页面。有时候我会把页面和执行命令放在同一个流程中做说明,这个时候将两类不同的矩形做色彩区别,然后做说明就好。

2.rounded rectangle:圆角矩形或者扁圆作用:表示程序的开始或者结束,在程序流程图中用作为起始框或者结束框。

3.beveled rectangle:斜角矩形作用:斜角矩形我几乎不使用,可以视情况自行定义。

4.diamond:菱形作用:表示决策或判断(例如:If...Then...Else),在程序流程图中,用作判别框。

5.file:文件作用:表达为一个文件,可以是生成的文件,或者是调用的文件。如定义,需要自己根据实际情况做解释。

6.bracket:括弧作用:注释或者说明,可以做条件叙述。一般流程到一个位置,做一段执行说明,或者特殊行为时,会用到它。

7.semicircle:半圆形作用:半圆在使用中常作为流程页面跳转、流程跳转的标记。

8.triangle:三角形作用:控制传递,一般和线条结合使用,画数据传递。

9.trapezoid:梯形作用:一般用作手动操作。

10.ellipse:椭圆形或圆形作用:如果画小圆,一般是用来表示按顺序数据的流程。

11.hexagon:六边形作用:表示准备之意,大多数人用作流程的起始,类似起始框。

12.parallelogram:平行四边形作用:一般表示数据,或确定的数据处理。或者表示资料输入(Input)。

13.actor:角色作用:来自于use case 用例,模拟流程中执行操作的角色是谁。

14.database:数据作用:就是指保存我们网站数据的数据库。

15.image:图片作用:表示一张图片,或置入一个已经画好的图片、流程或者一个环境。

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

2.用户操作界面时就会触发事件,如鼠标的OnClick、OnMouseEnter和OnMouseOut;

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

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

5.事件、场景和动作的关系目前Axure RP 5支持的事件如下:

6.OnClick:鼠标点击

7.OnMouseEnter:鼠标的指针移动到对象上

8.OnMouseOut:鼠标的指针移动出对象外

9.OnFocus:鼠标的指针进入文字输入状态(获得焦点)

10.OnLostFocus:鼠标的指针离开文字输入状态(失去焦点)

11.OnPageLoad:页面或模块载入

1.Open Link in Current Window:在当前窗口打开一个页面

2.Open Link in Popup Window:在弹出的窗口中打开一个页面

3.Open Link in Parent Window:在父窗口中打开一个页面

4.Close Current Window:关闭当前窗口

5.Open Link in Frame:在框架中打开一个页面

6.Set Panel state(s) to State(s):为动态面板设定要显示的状态

7.show Panel(s):显示动态面板

8.Hide Panel(s):隐藏动态面板

9.Toggle Visibility for Panel(s):切换动态面板的显示状态(显示/隐藏)

10.Move Panel(s):根据绝对坐标或相对坐标来移动动态面板

11.Set Variable and Widget value(s) equal to Value(s):设定变量值或控件值

12.Open Link in Parent Frame:在父页面的嵌框架中打开一个页面

13.Scroll to Image Map Region:滚动页面到Image Map所在位置

14.Enable Widget(s):把对象状态变成可用状态

15.Disable Widget(s):把对象状态变成不可用状态

16.Wait Time(s):等待多少毫秒(ms)后

相关文档