原型設(shè)計工具Axure RP新手教程（一）：入門

---

什么是Auxre RP?

---

Axure RP是一種線框圖，原型設(shè)計，流程圖和文檔工具。使用Axure RP來創(chuàng)建和設(shè)置圖表樣式，為圖表頁面和元素添加交互性和注釋，并將完成的設(shè)計發(fā)布到HTML以便通過Web瀏覽器查看。（點擊下方圖片可觀看視頻~）

點擊下載Axure RP

Pages（頁面）

---

Axure RP文件由頁面組成 - 從一個或兩個到數(shù)百個，具體取決于項目范圍。“Pages”窗格位于Axure RP界面左側(cè)儀表板的頂部，用于查看和管理項目中的頁面。
每個頁面都包含一個圖表 - 通常是靜態(tài)線框，交互式原型或由小部件組成的流程圖。

Widgets（小部件）

---

表單小部件（如文本字段和下拉列表）也可用，還有更高級的小部件，如內(nèi)聯(lián)框架，動態(tài)面板和中繼器。

您還可以使用連接器小部件通過將形狀連接在一起來創(chuàng)建流程圖。我們將在本培訓系列的下一篇文章中詳細介紹Axure RP的流程圖功能。

排列小部件

---

將小部件添加到圖表后，您可以在圖表中通過移動，調(diào)整大小或旋轉(zhuǎn)來重新排列小部件。您還可以對齊，分發(fā)，鎖定，分組和更改小部件的深度順序。單擊小部件即可選中它，單擊并拖動即可在頁面上移動它。當選擇一個小部件時，其周圍會出現(xiàn)綠色邊框。選擇小部件后還會顯示可以拖動以調(diào)整小部件大小的句柄。要在拖動小部件句柄時按比例調(diào)整小部件的大小，請在調(diào)整大小時按住【SHIFT】鍵。

小部件也可以調(diào)整為特定像素值。使用頂部工具欄或“Inspector（檢查器）”中的“w”和“h”字段設(shè)置小部件大小（以像素為單位）。要約束小部件的比例，請單擊“w”和“h”字段之間的“Maintain aspect ratio（保持縱橫比）”圖標。您可以在單擊小部件上的角手柄時按住【CTRL】 / 【CMD】來旋轉(zhuǎn)小部件，拖動以設(shè)置旋轉(zhuǎn)角度。您還可以在“Style（樣式）”選項卡中輸入精確的旋轉(zhuǎn)度。

小部件可以鎖定在設(shè)計區(qū)域中，這可以防止通過拖動更改其位置和大小。如果需要，可以在Inspector中移動和調(diào)整鎖定小部件的大小。要鎖定小部件，請使用頂部工具欄中的圖標?？梢詫π〔考M行分組，便于一起操作多個小部件。選擇要分組的小部件，然后使用快捷鍵【CTRL】 / 【CMD】 + 【G】對它們進行分組。單擊以選擇組，雙擊以編輯組內(nèi)的小部件。當看到頁面的其余部分顯示為灰色時，您就知道您正在組內(nèi)編輯。

編輯文本

---

樣式小部件

---

一旦設(shè)置了小部件的樣式，就可以使用“Widget Styles（小部件樣式）”功能（類似于Microsoft Word樣式或CSS類）與其他小部件共享該樣式。應(yīng)用于所選小部件的小部件樣式顯示在Style Toolbar（樣式工具欄）的最左側(cè)控件中，也顯示在Inspector的“Style”選項卡的“Widget Styles”下拉列表中。當您對特定小部件的樣式進行更改時，“Style”選項卡中的下拉列表將在樣式名稱后面顯示一個星號（*），您將看到“Update（更新）”和“Create（創(chuàng)建）”控件出現(xiàn)在樣式名稱旁邊。（查看Widget和Page Styles的更多信息。）

交互性

---

交互確定小部件或頁面的動態(tài)行為。交互有三個部分：事件，案例和操作。事件是OnClick和OnPageLoad等觸發(fā)器。案例是觸發(fā)事件時可能發(fā)生的不同情況。操作是構(gòu)成每個案例的場景的各個組成部分。一個基本示例：鏈接到另一個頁面的交互使用OnClick事件，具有單個案例，并使用“Window（窗口）”操作中的“Open Link（打開鏈接）”。

通過Inspector的Properties（屬性）選項卡創(chuàng)建交互。在接下來的培訓教程中，您將學習如何構(gòu)建交互。

“Properties”選項卡中還有“Interaction Styles（交互樣式）”部分。交互樣式可用于配置在某些情況下應(yīng)用于小部件的自定義外觀：在小部件被鼠標懸停，單擊，選擇或禁用后。還可以通過小部件的快捷（右鍵單擊）菜單設(shè)置交互樣式。

小部件和頁面注釋

---

小部件和頁面注釋的最常見用途是記錄小部件或頁面的功能或要求。Notes（注釋）還可用于記錄更改，跟蹤狀態(tài)或管理自己或團隊的任務(wù)。

在Inspector的Notes選項卡中添加注釋。您可以通過單擊“Notes”選項卡中的“Customize Fields（自定義字段）”來添加和刪除小部件和頁面注釋的字段。

在瀏覽器中查看

---

打印

---

Axure RP主要用于創(chuàng)建在Web瀏覽器中查看的內(nèi)容，但您也可以打印圖表。要在畫布上查看打印指南，操作“Arrange（排列）>Grid and Guides（網(wǎng)格和指南）>Show Print Guides（顯示打印指南）”。打印指南的位置取決于您的紙張尺寸設(shè)置，可以到“Print（打印）>Paper Size and Settings（紙張尺寸和設(shè)置）”進行更改。

要打印圖表，操作“File（文件）>Print”。您還可以選擇要打印的文件頁面，并在此處設(shè)置打印縮放。

下一篇文章將介紹Axure RP的流程圖功能，敬請關(guān)注~

---

想要購買正版授權(quán)，或者獲取更多Axure RP相關(guān)信息的朋友可以點擊" 咨詢在線客服 "~

海量產(chǎn)品正在參加年終大促，價格優(yōu)惠！詳情請點擊" 年終巔峰鉅惠 "~