原型設(shè)計(jì)工具Axure RP參考（九）：形狀小部件（上）

---

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

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

免費(fèi)下載Axure RP 優(yōu)惠購(gòu)買(mǎi)Axure RP

---

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

創(chuàng)建形狀

從“庫(kù)”窗格中拖動(dòng)

Axure RP帶有各種現(xiàn)成的形狀，您可以在“庫(kù)”窗格中訪問(wèn)它們。 要將其添加到您的設(shè)計(jì)中，請(qǐng)將其從窗格中拖放到畫(huà)布上。

插入菜單

界面左上角的“插入”菜單包含可以添加到設(shè)計(jì)中的許多其他形狀。 選擇一個(gè)形狀，然后在畫(huà)布上單擊并拖動(dòng)以繪制它。 您可以通過(guò)在拖動(dòng)時(shí)按住SHIFT來(lái)限制其尺寸。

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

• 長(zhǎng)方形
• 橢圓形
• 線數(shù)
• 文字（段落小部件）
• 寫(xiě)意畫(huà)的鋼筆工具
• 筆工具
• 使用鋼筆工具繪制一條曲線

筆工具

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

• 單擊畫(huà)布以添加新的矢量點(diǎn)
• 單擊并拖動(dòng)以添加彎曲點(diǎn)
• 拖動(dòng)時(shí)按住SHIFT可將曲線手柄自動(dòng)對(duì)齊到X或Y軸
• 拖動(dòng)時(shí)按住ALT可彼此獨(dú)立移動(dòng)拖動(dòng)手柄
• 單擊第一個(gè)點(diǎn)以關(guān)閉路徑，或雙擊畫(huà)布以創(chuàng)建一個(gè)打開(kāi)的路徑

將SVG轉(zhuǎn)換為形狀

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

從草圖導(dǎo)入

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

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

從Adobe XD導(dǎo)入

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

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

從Figma導(dǎo)入

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

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

添加和編輯文本

您可以通過(guò)以下任意選項(xiàng)將文本添加到形狀小部件或編輯其當(dāng)前文本：

• 雙擊形狀以進(jìn)入文本編輯模式
• 選擇形狀，然后按Enter鍵進(jìn)入文本編輯模式
• 右鍵單擊形狀，然后在上下文菜單中選擇“編輯文本”
• 選擇形狀并開(kāi)始輸入。 （僅當(dāng)您禁用了單鍵快捷方式時(shí)，此選項(xiàng)才可用）

您也可以通過(guò)右擊并選擇用Lorem Ipsum填充來(lái)自動(dòng)用占位符文本填充形狀小部件。

圖像填充

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

形狀小部件這部分內(nèi)容分為上下兩篇，點(diǎn)擊此處跳轉(zhuǎn)下>>

推薦閱讀：

原型設(shè)計(jì)工具Axure RP入門(mén)教程

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

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