原型設(shè)計工具Axure RP參考（八） ：網(wǎng)格，參考線和捕捉

---

Axure RP是一套專門為網(wǎng)站或應(yīng)用程序所設(shè)計的快速原型設(shè)計工具， 可以讓應(yīng)用網(wǎng)站策劃人員或網(wǎng)站功能界面設(shè)計師更加快速方便的建立Web AP和Website的線框圖、流程圖、原型和規(guī)格。

好消息！買Axure RP軟件，送價值59.8元Axure RP原型設(shè)計方案，含豐富實操演練和網(wǎng)頁、APP實戰(zhàn)案例，點擊直達(dá)>>

免費下載Axure RP 優(yōu)惠購買Axure RP

---

Axure RP畫布包含許多功能，可幫助您布置圖表。您可以顯示和自定義背景網(wǎng)格以及垂直和水平參考線，這些參考線可以是特定于頁面的，也可以全局應(yīng)用于項目中的所有頁面。 您可以將它們用作簡單的視覺指南，也可以讓窗口小部件自動與它們相互對齊。

注意：網(wǎng)格和參考線僅在Axure RP中可見； 當(dāng)您在網(wǎng)絡(luò)瀏覽器中查看頁面時，它們不會出現(xiàn)。

網(wǎng)格

您可以轉(zhuǎn)到視圖→標(biāo)尺，網(wǎng)格和參考線并選中顯示網(wǎng)格，以在畫布上顯示點或線的網(wǎng)格。無論網(wǎng)格是否可見，當(dāng)您通過拖動移動或調(diào)整其大小時，小部件都會捕捉到該網(wǎng)格。 您可以通過取消選中視圖→標(biāo)尺，網(wǎng)格和參考線下的對齊網(wǎng)格來禁用此行為。

默認(rèn)情況下，網(wǎng)格為10px x 10px，并繪制為點。 如果需要，您可以設(shè)置自定義間隔，切換到線條而不是點，并使用“排列”→“標(biāo)尺，網(wǎng)格和參考線”→“網(wǎng)格設(shè)置”對話框中的選項更改網(wǎng)格的顏色。

指南

輔助線是添加到畫布上的線條，有助于標(biāo)記應(yīng)放置小部件的位置。 您可以在視圖→標(biāo)尺，網(wǎng)格和參考線中切換各種參考線的可見性。

頁面和全局指南

頁面指南出現(xiàn)在項目的單個頁面或母版中。 要將頁面指南添加到畫布，請從其中一個標(biāo)尺上單擊并拖動，然后將指南放置在所需的X或Y值處。 頁面指南默認(rèn)為藍(lán)綠色。全局指南與頁面指南相似，但是無論您當(dāng)前正在使用哪個頁面或母版，它們始終在畫布上可見。 要創(chuàng)建全局參考線，請在從標(biāo)尺上拖動時按住CTRL或CMD。 全局指南默認(rèn)為洋紅色。

刪除頁面和全局指南

要刪除頁面指南或全局指南，請右鍵單擊它，然后選擇“刪除”。 或者，您可以選擇一個指南或一組指南，然后按鍵盤上的DELETE。要一次刪除頁面上的所有參考線，請轉(zhuǎn)至視圖→標(biāo)尺，網(wǎng)格和參考線→刪除所有參考線。

注意：從一頁刪除全局指南也會將其從項目的其他每一頁中刪除。

創(chuàng)建指南對話

您可以使用“視圖”→“標(biāo)尺，網(wǎng)格和參考線”→“創(chuàng)建參考線”對話框一次創(chuàng)建一系列頁面或全局參考線。 您可以為每個字段指定自己的值，或從對話框頂部的下拉列表中的四個預(yù)設(shè)中選擇：

• 960網(wǎng)格：12列
• 960網(wǎng)格：16列
• 1200網(wǎng)格：12列
• 1200網(wǎng)格：15列

鎖指南

您可以鎖定頁面和全局參考線，以使其無法移動或刪除。 要鎖定一個或多個指南，請選擇它們，單擊鼠標(biāo)右鍵，然后在上下文菜單中選擇“鎖定”。 您還可以通過選中視圖→標(biāo)尺，網(wǎng)格和參考線→鎖定參考線，一次鎖定項目中的所有參考線。

頁面尺寸指南

頁面尺寸指南顯示了已定義頁面尺寸的頁面邊界。 頁面的頂部，左側(cè)和右側(cè)邊界由出現(xiàn)在畫布視口區(qū)域周圍的灰色蒙版標(biāo)記，而底部邊界則由虛線，褐紅色線標(biāo)記。如果您在頁面上使用自適應(yīng)視圖，則在視圖之間切換時頁面尺寸指南將自動更新。

打印指南

打印指南顯示了當(dāng)前所選打印紙張尺寸的頁面邊界（可在“文件”→“紙張尺寸和設(shè)置”中找到），并且當(dāng)您在紙張尺寸之間進(jìn)行切換時，它們會自動更新。 默認(rèn)情況下，打印指南為灰色。

對齊參考線

當(dāng)您在畫布上拖動小部件或?qū)ζ溥M(jìn)行調(diào)整大小時，它將自動捕捉到附近的所有參考線。 如果要禁用此行為，請轉(zhuǎn)到視圖→標(biāo)尺，網(wǎng)格和參考線，然后取消選中對齊參考線。

背面的渲染指南

默認(rèn)情況下，參考線呈現(xiàn)在畫布上的小部件之前，因此它們始終可見。 如果您希望將它們渲染在小部件后面，請打開“視圖”→“標(biāo)尺，網(wǎng)格和參考線”→“參考線設(shè)置”對話框，然后選中“后退”中的“渲染參考線”框。

標(biāo)尺

您可以轉(zhuǎn)到視圖→標(biāo)尺，網(wǎng)格和參考線，然后選中或取消選中顯示標(biāo)尺，以在畫布的左邊緣和上邊緣切換標(biāo)尺的可見性。

捕捉小部件

當(dāng)您在畫布上拖動小部件或拖動以調(diào)整其大小時，其側(cè)面和中點將自動捕捉到附近小部件的側(cè)面和中點。 發(fā)生這種情況時，將出現(xiàn)紅色指南，指示小部件要吸附到什么以及相關(guān)的像素距離是什么。

您可以在“視圖”→“標(biāo)尺，網(wǎng)格和參考線”→“小部件對齊設(shè)置”對話框中更改小部件對齊向?qū)У念伾⒍x要對齊的小部件的邊距（例如，距附近的小部件25像素時對齊）。如果要禁用此行為，請轉(zhuǎn)到視圖→標(biāo)尺，網(wǎng)格和參考線，然后取消選中對齊小部件。

推薦閱讀：

原型設(shè)計工具Axure RP入門教程

原型設(shè)計工具Axure RP新手教程

關(guān)注慧聚IT微信公眾號???，了解產(chǎn)品的最新動態(tài)及最新資訊。