原型設(shè)計(jì)工具Axure RP參考（十）：圖像小部件

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

好消息！買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)買Axure RP

使用圖像小部件可將靜態(tài)圖像資產(chǎn)和動(dòng)畫GIF添加到您的設(shè)計(jì)中。支持以下文件類型：JPG，PNG，GIF，BMP和SVG。

在設(shè)計(jì)中添加圖像

庫(kù)窗格中的空白圖像小部件

將一個(gè)空白圖像小部件從“庫(kù)”窗格拖到畫布上。然后，雙擊小部件或右鍵單擊并選擇“導(dǎo)入圖像”，以在操作系統(tǒng)的文件瀏覽器中搜索圖像文件。

加載圖像時(shí)，圖像小部件將自動(dòng)調(diào)整為要導(dǎo)入圖像的原始尺寸。為防止圖像小部件調(diào)整大小，請(qǐng)?jiān)趯?dǎo)入圖像文件之前選擇它并雙擊其大小調(diào)整手柄之一。調(diào)整大小手柄將從黃色變?yōu)榘?色，這表示“適合圖像”功能已關(guān)閉。

插入菜單

單擊界面左上方的“插入”菜單，然后選擇“圖像”以在計(jì)算機(jī)的文件瀏覽器中瀏覽圖像文件。所選圖像將被插入到畫布中心的設(shè)計(jì)中。

加載本地圖像文件夾

您可以通過(guò)單擊窗格右上方的“添加圖像文件夾”圖標(biāo)，將計(jì)算機(jī)的本地圖像文件夾添加到“庫(kù)”窗格。然后，您可以將圖像從文件夾拖到畫布上。每當(dāng)計(jì)算機(jī)上文件夾的內(nèi)容更改時(shí)，它們的內(nèi)容也會(huì)在Axure RP中自動(dòng)更新。圖像文件夾由庫(kù)列表中的圖像圖標(biāo)指示。

復(fù)制并粘貼到畫布上

您可以使用流行的圖形編輯，圖表繪制和演示工具將圖像直接復(fù)制和粘貼到Axure RP畫布上。

將文件拖放到畫布上

您可以將圖像文件從計(jì)算機(jī)的文件瀏覽器中拖放到Axure RP畫布上，以創(chuàng)建一個(gè)新的圖像小部件，其中已加載了所選圖像。

形狀小部件上的圖像填充

您可以將形狀小部件的背景設(shè)置為圖像。但是請(qǐng)記住，以下圖像編輯選項(xiàng)不可用于形狀小部件上的圖像填充。

編輯影像

色彩調(diào)整

您可以通過(guò)“樣式”窗格頂部的“顏色調(diào)整”菜單調(diào)整圖像的顏色。選中調(diào)整顏色框，然后使用滑塊或下面的數(shù)字字段更改圖像的色相，飽和度，亮度和對(duì)比度。單擊重置將字段設(shè)置為默認(rèn)值，或取消選中調(diào)整顏色以將圖像切換回其默認(rèn)級(jí)別，而不影響您對(duì)每個(gè)屬性的選擇。

裁剪和切片

您可以通過(guò)右鍵單擊所選圖像并在上下文菜單中選擇任一選項(xiàng)來(lái)切片或裁剪圖像，也可以使用S和C鍵盤快捷鍵。

小提示：您還可以自定義頂部的工具欄，以向其添加“切片”和“裁剪”按鈕。

切片工具將圖像分為幾個(gè)部分，每個(gè)部分都成為一個(gè)新的圖像小部件。您可以使用水平，垂直或交叉切割進(jìn)行切片。

裁剪工具包含幾個(gè)選項(xiàng)：

• 裁剪：刪除選擇框外部的圖像的所有部分
• 剪切：刪除選擇框中的圖像部分并將其復(fù)制到剪貼板
• 復(fù)制：復(fù)制選擇框中的圖像部分，并使原始圖像保持不變

翻轉(zhuǎn)

要水平或垂直翻轉(zhuǎn)圖像，請(qǐng)右鍵單擊它，然后轉(zhuǎn)到“變換圖像”→“水平翻轉(zhuǎn)”或“垂直翻轉(zhuǎn)”。

保存角落

調(diào)整圖像大小時(shí)，可以防止圖像的角落變形。當(dāng)使用圖形的圓角大小不太合適的圖形時(shí)，此功能非常有用。右鍵單擊圖像小部件，然后在上下文菜單中選擇“變換圖像”→“保留角”。三角形標(biāo)記將出現(xiàn)在圖像的頂部和左側(cè)，以指示圖像的其余部分將不會(huì)調(diào)整大小的區(qū)域。您可以拖動(dòng)三角形標(biāo)記以調(diào)整保留區(qū)域的大小。

注意：您無(wú)法在空白圖片小部件上保留角落。嘗試執(zhí)行此操作之前，請(qǐng)確保將圖像文件加載到小部件中。

旋轉(zhuǎn)影像

使用“樣式”窗格頂部的“旋轉(zhuǎn)”字段來(lái)旋轉(zhuǎn)畫布上的選定圖像。該字段接受正和負(fù)的度值，最多兩位小數(shù)。正值將圖像向右旋轉(zhuǎn)，而負(fù)值將圖像向左旋轉(zhuǎn)。

清除影像

您可以從圖像窗口小部件清除圖像文件，而無(wú)需刪除窗口小部件本身。在“樣式”窗格中，單擊“填充”部分中的“圖像” ，然后單擊預(yù)覽圖像右上角的紅色X。

添加和編輯文本

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

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

優(yōu)化大圖像

大圖像可能會(huì)增加RP文件的大小，并影響Axure RP和Web瀏覽器中的性能。優(yōu)化圖像將減小其文件大小，從而減小RP文件的大小。但是，結(jié)果可能會(huì)降低圖像質(zhì)量。

將大圖像導(dǎo)入Axure RP時(shí)，系統(tǒng)會(huì)詢問(wèn)您是否要對(duì)其進(jìn)行優(yōu)化。您還可以通過(guò)右鍵單擊并在上下文菜單中選擇“轉(zhuǎn)換圖像”→“優(yōu)化圖像”來(lái)優(yōu)化RP文件中已有的圖像。

注意：優(yōu)化PNG將刪除其可能具有的任何透明度，而優(yōu)化動(dòng)畫GIF將刪除其動(dòng)畫。

選擇組

您可以在一組形狀，線條，圖像和/或動(dòng)態(tài)面板窗口小部件之間創(chuàng)建關(guān)系，通過(guò)“設(shè)置選定/選中”操作，一次只能將一個(gè)窗口小部件設(shè)置為其選定狀態(tài)。（這類似于單選按鈕組中單選按鈕之間的關(guān)系。）

推薦閱讀：

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

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

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