购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.9 参考线

合理地使用参考线,可以帮助用户及时、准确地完成原型设计工作。接下来为用户详细介绍参考线的使用方法。

1.9.1 参考线的分类

在Axure RP 10中,按照参考线功能的不同,可将其分为“全局参考线”、“页面参考线”、“页面尺寸参考线”和“打印参考线”。

1.全局参考线

全局参考线全局作用于站点中的所有页面,包括新建页面。将鼠标光标移动到标尺上,按住【Ctrl】键的同时向外拖曳,即可创建全局参考线。默认情况下,全局参考线为红紫色,如图1-87所示。

2.页面参考线

将鼠标光标移动到标尺上向外拖曳创建的参考线,称为页面参考线。页面参考线只作用于当前页面。默认情况下,页面参考线为青色,如图1-88所示。

图1-87 全局参考线

图1-88 页面参考线

3.页面尺寸参考线

新建页面时,用户在“样式”面板中选择预设参数或输入数值后,页面高度位置将会出现一条虚线,这就是页面尺寸参考线,如图1-89所示。页面尺寸参考线的主要作用是帮助用户了解页面第一屏的范围。

4.打印参考线

打印参考线能够方便用户准确地观察页面效果,以便正确打印页面。当用户设置了纸张尺寸后,页面中会显示打印参考线。默认情况下,打印参考线为灰色,如图1-90所示。

图1-89 页面尺寸参考线

图1-90 打印参考线

1.9.2 编辑参考线

创建参考线后,用户可以根据需求完成对参考线的编辑操作,包括对齐参考线、锁定参考线和删除参考线。

1.对齐参考线

用户可以执行“视图>标尺、栅格和参考线>对齐参考线”命令或在页面中单击鼠标右键,在弹出的快捷菜单中选择“标尺、栅格和参考线>对齐参考线”命令,如图1-91所示。激活“对齐参考线”命令后,移动对象时会自动对齐参考线。

2.锁定参考线

为了避免参考线移动影响原型的准确度,用户可以将设置好的参考线锁定。

执行“视图>标尺、栅格和参考线>锁定参考线”命令或在页面中单击鼠标右键,在弹出的快捷菜单中选择“标尺、栅格和参考线>锁定参考线”命令,将页面中所有的参考线锁定,如图1-92所示。再次执行该命令,将会解锁所有参考线,如图1-93所示。

图1-91 对齐参考线

图1-92 锁定参考线

1-93解锁参考线

3.删除参考线

用户可以单击或拖曳选中要删除的参考线,按【Delete】键,将该参考线删除。也可以直接选中参考线并将其拖曳到标尺上,删除参考线。

执行“视图>标尺、栅格和参考线>删除全部参考线”命令,如图1-94所示;或者在页面中单击鼠标右键,在弹出的快捷菜单中选择“标尺、栅格和参考线>删除全部参考线”命令,可将页面中所有的参考线删除,如图1-95所示。

图1-94 删除全部参考线

图1-95 快捷菜单删除全部参考线

Tips

在想要删除的参考线上单击鼠标右键,在弹出的快捷菜单中选择“删除”命令,即可将当前所选的参考线删除。

1.9.3 添加参考线

手动添加参考线虽然十分便捷,但是添加时对精度的把握不够准确,如果遇到要求精度极高的项目,会显得力不从心。这时,用户可以通过“添加参考线”命令创建精准的参考线。

应用案例 添加参考线

源文件:无

视频:视频\第1章\添加参考线.mp4

STEP 01

执行“文件>新建”命令,新建一个Axure RP文件。执行“视图>标尺、栅格和参考线>添加参考线”命令或在页面中单击鼠标右键,在弹出的快捷菜单中选择“标尺、栅格和参考线>添加参考线”命令,如图1-96所示。

STEP 02

弹出“添加参考线”对话框,如图1-97所示。

图1-96 添加参考线

图1-97 “添加参考线”对话框

STEP 03

在“预设”下拉列表框中选择“960像素网格:12列”选项,如图1-98所示。

STEP 04

“创建为全局参考线”复选框默认为选中状态,可以使参考线出现在所有的页面中,供团队的所有成员使用。单击“确定”按钮,页面效果如图1-99所示。

图1-98 设置预设参数

图1-99 页面效果

1.9.4 设置参考线

为了方便用户在使用参考线时不遮挡视线,可将参考线设置为底层显示。执行“视图>标尺、栅格和参考线>参考线设置”命令或在页面中单击鼠标右键,在弹出的快捷菜单中选择“标尺、栅格和参考线>参考线设置”命令,弹出“偏好设置”对话框,如图1-100所示。

默认情况下,参考线显示在页面的顶层,选择“在背景渲染参考线”复选框,参考线将显示在页面的底层,如图1-101所示。

图1-100 “偏好设置”对话框

图1-101 在背景渲染参考线

在“偏好设置”对话框中选择“始终在标尺中显示位置”复选框,软件界面的标尺上将自动显示参考线的坐标位置,如图1-102所示。

为了防止用户混淆多种参考线,Axure RP 10允许用户为不同种类的参考线指定不同的颜色;用户可以根据需求在“样式”选项下分别设置4种参考线的颜色。单击色块,在打开的拾色器面板中选择颜色,即可完成参考线颜色的修改,如图1-103所示。

图1-102 在标尺中显示参考线的坐标位置

图1-103 设置参考线颜色 FJmU/1c8KKiQ3CeQfm65Lw9KpxAkz83DKL9BWHZJSJ2iUSyAtmo/vlxXwht8cZL1

点击中间区域
呼出菜单
上一章
目录
下一章
×