原型設計工具Axure RP參考（九）：形狀小部件（上）

---

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

好消息！買Axure RP軟件，送價值59.8元Axure RP原型設計方案，含豐富實操演練和網頁、APP實戰案例，點擊直達>>

免費下載Axure RP 優惠購買Axure RP

---

默認窗口小部件庫的“公共”部分中的各種框，按鈕和標題都是形狀窗口小部件，以及占位符，標簽和段落。 圖標小部件庫中可用的圖標也是形狀，您用鋼筆工具繪制的任何小部件也一樣。（形狀小部件這部分內容分為上下兩篇，點擊此處跳轉下>>）

創建形狀

從“庫”窗格中拖動

Axure RP帶有各種現成的形狀，您可以在“庫”窗格中訪問它們。 要將其添加到您的設計中，請將其從窗格中拖放到畫布上。

插入菜單

界面左上角的“插入”菜單包含可以添加到設計中的許多其他形狀。 選擇一個形狀，然后在畫布上單擊并拖動以繪制它。 您可以通過在拖動時按住SHIFT來限制其尺寸。

也可以使用以下單鍵快捷方式繪制最常用的形狀：

• 長方形
• 橢圓形
• 線數
• 文字（段落小部件）
• 寫意畫的鋼筆工具
• 筆工具
• 使用鋼筆工具繪制一條曲線

筆工具

您可以使用“插入”菜單中的鋼筆工具或按P來繪制自己的矢量形狀。鋼筆工具的工作原理與其他矢量繪圖應用程序中的等效：

• 單擊畫布以添加新的矢量點
• 單擊并拖動以添加彎曲點
• 拖動時按住SHIFT可將曲線手柄自動對齊到X或Y軸
• 拖動時按住ALT可彼此獨立移動拖動手柄
• 單擊第一個點以關閉路徑，或雙擊畫布以創建一個打開的路徑

將SVG轉換為形狀

右鍵單擊并選擇“變換圖像”→“將SVG轉換為形狀”，可以編輯已導入Axure RP的SVG資產。這將用一個或多個形狀窗口小部件替換SVG圖像，然后您就可以像編輯其他形狀窗口小部件一樣對其進行編輯。

從草圖導入

您可以直接從Sketch復制資源并將其作為形狀小部件粘貼到Axure RP中。

1. 下載并安裝適用于Sketch的Axure插件。
2. 在“草圖”中，選擇要復制的元素，然后轉到“插件”→“ Axure”→“ RP的復制選擇”。 （或者，您可以使用“為RP復制所有畫板”選項復制所有資產。）
3. 在Axure RP中，使用“編輯”→“粘貼”或右鍵單擊畫布以將“草圖”元素粘貼到項目中。

從Adobe XD導入

您可以直接從Adobe XD復制資產，并將它們作為形狀小部件粘貼到Axure RP中。

1. 下載并安裝Adobe XD的Axure插件。
2. 在XD中，選擇要復制的元素，然后轉到“插件”→“ Axure”→“ RP的復制選擇”。 （或者，您可以使用“為RP復制所有畫板”選項復制所有資產。）
3. 在Axure RP中，使用“編輯”→“粘貼”或右鍵單擊畫布以將XD元素粘貼到項目中。

從Figma導入

您可以直接從Figma復制資產，并將它們作為形狀小部件粘貼到Axure RP中。

1. 為Figma安裝Axure插件。
2. 在Figma中，選擇要復制的元素，然后轉到Plugins→Axure→Copy Selection for RP。 （或者，您可以使用“為RP復制所有幀”選項復制所有資產。）
3. 在Axure RP中，使用“編輯”→“粘貼”或右鍵單擊畫布以將Figma元素粘貼到項目中。

添加和編輯文本

您可以通過以下任意選項將文本添加到形狀小部件或編輯其當前文本：

• 雙擊形狀以進入文本編輯模式
• 選擇形狀，然后按Enter鍵進入文本編輯模式
• 右鍵單擊形狀，然后在上下文菜單中選擇“編輯文本”
• 選擇形狀并開始輸入。 （僅當您禁用了單鍵快捷方式時，此選項才可用）

您也可以通過右擊并選擇用Lorem Ipsum填充來自動用占位符文本填充形狀小部件。

圖像填充

除了“樣式”窗格中可用的其他樣式選項之外，還可以為形狀小部件提供背景圖像。 要給形狀提供背景圖像，請選擇它并使用“樣式”窗格中“填充”下的“圖像”按鈕。

形狀小部件這部分內容分為上下兩篇，點擊此處跳轉下>>

推薦閱讀：

原型設計工具Axure RP入門教程

原型設計工具Axure RP新手教程

關注慧聚IT微信公眾號???，了解產品的最新動態及最新資訊。