原型設計工具Axure RP參考（十）：圖像小部件

---

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

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

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

---

 使用圖像小部件可將靜態圖像資產和動畫GIF添加到您的設計中。支持以下文件類型：JPG，PNG，GIF，BMP和SVG。

在設計中添加圖像

庫窗格中的空白圖像小部件

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

加載圖像時，圖像小部件將自動調整為要導入圖像的原始尺寸。為防止圖像小部件調整大小，請在導入圖像文件之前選擇它并雙擊其大小調整手柄之一。調整大小手柄將從黃色變為白色，這表示“適合圖像”功能已關閉。

您可以隨時通過雙擊調整大小手柄或單擊“樣式”窗格中的“適合圖像”來再次啟用自動調整功能。

插入菜單

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

加載本地圖像文件夾

您可以通過單擊窗格右上方的“添加圖像文件夾”圖標，將計算機的本地圖像文件夾添加到“庫”窗格。然后，您可以將圖像從文件夾拖到畫布上。每當計算機上文件夾的內容更改時，它們的內容也會在Axure RP中自動更新。圖像文件夾由庫列表中的圖像圖標指示。

復制并粘貼到畫布上

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

將文件拖放到畫布上

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

形狀小部件上的圖像填充

您可以將形狀小部件的背景設置為圖像。但是請記住，以下圖像編輯選項不可用于形狀小部件上的圖像填充。

編輯影像

色彩調整

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

裁剪和切片

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

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

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

裁剪工具包含幾個選項：

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

翻轉

要水平或垂直翻轉圖像，請右鍵單擊它，然后轉到“變換圖像”→“水平翻轉”或“垂直翻轉”。

保存角落

調整圖像大小時，可以防止圖像的角落變形。當使用圖形的圓角大小不太合適的圖形時，此功能非常有用。右鍵單擊圖像小部件，然后在上下文菜單中選擇“變換圖像”→“保留角”。三角形標記將出現在圖像的頂部和左側，以指示圖像的其余部分將不會調整大小的區域。您可以拖動三角形標記以調整保留區域的大小。

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

旋轉影像

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

清除影像

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

添加和編輯文本

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

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

優化大圖像

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

將大圖像導入Axure RP時，系統會詢問您是否要對其進行優化。您還可以通過右鍵單擊并在上下文菜單中選擇“轉換圖像”→“優化圖像”來優化RP文件中已有的圖像。

注意：優化PNG將刪除其可能具有的任何透明度，而優化動畫GIF將刪除其動畫。

選擇組

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

推薦閱讀：

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

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

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