目录 :
一,元件基本介绍
1.1 元件概述
1.2 元件操作
1.3 快捷键大全
在使用Axure RP9元件前我们需要来学习相关的快捷键 ,在我们后面学习中可以提高效率和原型图质量
二,基本元件的应用
2.1 形状
包括了矩形、圆形、矩形的应用比较广泛,它可以用来做很多的工作,比如作为页面的背景,只需要将矩形填充相应的颜色即可
2.2 图片
使用方法,图片元件的操作比较简单,可以通过双击选择本地磁盘中图片,将图片载入到编辑区,axure会自动提示将大图片进行优化,以避免原型文件过大
提示: 图片可以添加文字内容,需要在元件上点击鼠标右键,从菜单中选择【编辑文本】进入文字编辑状态
2.3 文本
文本元件包括文本标签、文本段落、一级标题、二级标题和三级标题,用来表示页面中的一些文字内容。 实际上文本元件也是形状元件,给文本元件添加边框,就变成了矩形元件
文本标签: 使用该文本标签默认不会在画布显示边框
文本段落: 文字输入一行会自动跨行 , 不能跨空格
一级标题: 相比其他标题更大
二级标题: 比三级标题大 比一级标题小
2.4 线段原件
水平线、垂直线。选择水平线或垂直线,可以作为表示页面一些区域分割时使用,比如在两块不同区域之间添加一条水平线,来明显的区分
使用方法:将水平线或者垂直线拖拽到右侧画布中,然后按下 Ctrl 键,将鼠标置于线段末端,进行旋转
2.5 热区
热区是一个透明的元件,通过属性设置就可实现类似超链接的功能。
常用操作:比如在一张图片中的两个位置上添加点击跳转的效果,就可以在这两个位置上放置两个热区,然后为热区添加点击跳转的交互
2.5.1 热区应用
案例:
通过热区实现跳转不同页面
三, 表单型元件的应用
表单是需要用户填写的,所以表单型元件都是用于获取用户输入数据的元件
3.1 文本框
用于输入一行文字内容。 比较常见的使用场景是用户登录功能中用户名与密码的输入框
3.2 文本域
文本域,也叫多行文本框,用于大量文字段落的输入
3.3 下拉列表
用于多个选项的单项选择,往往也会有多个下拉
想添加选项, 双击编辑即可
3.4 列表框
直接呈现选项的选择框,可以支持单选或多选
注意:列表框元件与文本域元件在画布中外观一样,但是功能不一样。在交互功能面板中会显示元件的类型,注意分辨
3.5 复选框
用于一个或多个选项的选择,可以选中和取消选中状态
3.6 单选按钮
用于多个选项的单项选择,有些时候可以用下拉列表替代
比如: 个人简历选择男女性别的时候单选按钮只能选择一个, 肯定是不能选择两个的, 那怎么去让它只能选择一个呢.
右击画布单选按钮----指定按钮单选的组---填写组名称
最后在另外一个单选按钮,右击画布复选框----指定按钮单选的组--下拉选择组名 这样就会默认这两个单选按钮为一组