彩票走势图

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

翻译|使用教程|编辑:况鱼杰|2020-10-22 10:45:00.110|阅读 1017 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具, 可以让应用网站策划人员或网站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格。

好消息!买Axure RP软件,送价值59.8元Axure RP原型设计方案,含丰富实操演练和网页、APP实战案例点击直达>>

免费下载Axure RP 优惠购买Axure RP


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

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

网格

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

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

指南

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


页面和全局指南

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

删除页面和全局指南

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

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

创建指南对话

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

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

锁指南

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

页面尺寸指南

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

打印指南

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

对齐参考线

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

背面的渲染指南


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

标尺

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

捕捉小部件

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

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


推荐阅读:

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

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


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

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

慧聚IT


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@capbkgr.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP