原型设计工具Axure RP参考(八) :网格,参考线和捕捉

Axure RP画布包含许多功能,可帮助您布置图表。您可以显示和自定义背景网格以及垂直和水平参考线,这些参考线可以是特定于页面的,也可以全局应用于项目中的所有页面。 您可以将它们用作简单的视觉指南,也可以让窗口小部件自动与它们相互对齐。


Axure RP画布包含许多功能,可帮助您布置图表。您可以显示和自定义背景网格以及垂直和水平参考线,这些参考线可以是特定于页面的,也可以全局应用于项目中的所有页面。 您可以将它们用作简单的视觉指南,也可以让窗口小部件自动与它们相互对齐。

原型设计工具Axure RP参考(八) :网格,参考线和捕捉

注意:网格和参考线仅在Axure RP中可见; 当您在网络浏览器中查看页面时,它们不会出现。

网格

原型设计工具Axure RP参考(八) :网格,参考线和捕捉 原型设计工具Axure RP参考(八) :网格,参考线和捕捉

您可以转到视图→标尺,网格和参考线并选中显示网格,以在画布上显示点或线的网格。无论网格是否可见,当您通过拖动移动或调整其大小时,小部件都会捕捉到该网格。 您可以通过取消选中视图→标尺,网格和参考线下的对齐网格来禁用此行为。

默认情况下,网格为10px x 10px,并绘制为点。 如果需要,您可以设置自定义间隔,切换到线条而不是点,并使用“排列”→“标尺,网格和参考线”→“网格设置”对话框中的选项更改网格的颜色。

指南

辅助线是添加到画布上的线条,有助于标记应放置小部件的位置。 您可以在视图→标尺,网格和参考线中切换各种参考线的可见性。

原型设计工具Axure RP参考(八) :网格,参考线和捕捉

页面和全局指南

页面指南出现在项目的单个页面或母版中。 要将页面指南添加到画布,请从其中一个标尺上单击并拖动,然后将指南放置在所需的X或Y值处。 页面指南默认为蓝绿色。全局指南与页面指南相似,但是无论您当前正在使用哪个页面或母版,它们始终在画布上可见。 要创建全局参考线,请在从标尺上拖动时按住CTRL或CMD。 全局指南默认为洋红色。

删除页面和全局指南

要删除页面指南或全局指南,请右键单击它,然后选择“删除”。 或者,您可以选择一个指南或一组指南,然后按键盘上的DELETE。要一次删除页面上的所有参考线,请转至视图→标尺,网格和参考线→删除所有参考线。

注意:从一页删除全局指南也会将其从项目的其他每一页中删除。

创建指南对话

您可以使用“视图”→“标尺,网格和参考线”→“创建参考线”对话框一次创建一系列页面或全局参考线。 您可以为每个字段指定自己的值,或从对话框顶部的下拉列表中的四个预设中选择:

  • 960网格:12列
  • 960网格:16列
  • 1200网格:12列
  • 1200网格:15列

原型设计工具Axure RP参考(八) :网格,参考线和捕捉

锁指南

您可以锁定页面和全局参考线,以使其无法移动或删除。 要锁定一个或多个指南,请选择它们,单击鼠标右键,然后在上下文菜单中选择“锁定”。 您还可以通过选中视图→标尺,网格和参考线→锁定参考线,一次锁定项目中的所有参考线。

页面尺寸指南

原型设计工具Axure RP参考(八) :网格,参考线和捕捉

页面尺寸指南显示了已定义页面尺寸的页面边界。 页面的顶部,左侧和右侧边界由出现在画布视口区域周围的灰色蒙版标记,而底部边界则由虚线,褐红色线标记。如果您在页面上使用自适应视图,则在视图之间切换时页面尺寸指南将自动更新。

打印指南

打印指南显示了当前所选打印纸张尺寸的页面边界(可在“文件”→“纸张尺寸和设置”中找到),并且当您在纸张尺寸之间进行切换时,它们会自动更新。 默认情况下,打印指南为灰色。

原型设计工具Axure RP参考(八) :网格,参考线和捕捉

对齐参考线

当您在画布上拖动小部件或对其进行调整大小时,它将自动捕捉到附近的所有参考线。 如果要禁用此行为,请转到视图→标尺,网格和参考线,然后取消选中对齐参考线。

原型设计工具Axure RP参考(八) :网格,参考线和捕捉

背面的渲染指南

原型设计工具Axure RP参考(八) :网格,参考线和捕捉 原型设计工具Axure RP参考(八) :网格,参考线和捕捉

默认情况下,参考线呈现在画布上的小部件之前,因此它们始终可见。 如果您希望将它们渲染在小部件后面,请打开“视图”→“标尺,网格和参考线”→“参考线设置”对话框,然后选中“后退”中的“渲染参考线”框。

标尺

您可以转到视图→标尺,网格和参考线,然后选中或取消选中显示标尺,以在画布的左边缘和上边缘切换标尺的可见性。

捕捉小部件

当您在画布上拖动小部件或拖动以调整其大小时,其侧面和中点将自动捕捉到附近小部件的侧面和中点。 发生这种情况时,将出现红色指南,指示小部件要吸附到什么以及相关的像素距离是什么。

您可以在“视图”→“标尺,网格和参考线”→“小部件对齐设置”对话框中更改小部件对齐向导的颜色并定义要对齐的小部件的边距(例如,距附近的小部件25像素时对齐)。如果要禁用此行为,请转到视图→标尺,网格和参考线,然后取消选中对齐小部件。

原型设计工具Axure RP参考(八) :网格,参考线和捕捉

推荐阅读:

原型设计工具Axure RP入门教程

原型设计工具Axure RP新手教程


想要获得Axure RP更多资源、正版授权的伙伴,请咨询【客服】了解

关注慧聚IT微信公众号了解产品的最新动态及最新资讯。

标签:

来源:慧都

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年9月19日
下一篇 2020年9月19日

相关推荐

发表回复

登录后才能评论