在昆明網站建設制作原型的過程中，通常情況下遇到使用圖標時都會通過網絡搜索或使用其他繪圖工具（PS/AI/SKETCH等）來制作所需的圖標。當然，使用Fontawesome等圖標字體也是非常好的選擇。在Axure RP8中適當使用鋼筆工具和改變形狀也可以大幅提高工作效率。下面就通過幾個簡單步驟繪制一枚放大鏡圖標。

第一步：在部件【屬性】面板中拖放一個矩形部件到設計區域，并調整矩形尺寸為200×200像素，然后調整其圓角半徑為100像素，將其設置為圓形，見圖206。

（圖206）

第二步：選中該圓形，按下快捷鍵 Ctrl/Command+D，快速復制一份，然后設置第二個圓形尺寸為160×160像素，同時選中兩個圓形，單擊右鍵，在彈出的關聯菜單中選擇【對齊】，并選擇【居中對齊】和【上下居中】，見圖207。

第三步：選中兩個圓形部件，在右側部件【屬性】面板中單擊【去除頂層】，見圖208。

（圖207）

（圖208）

第四步：在工具欄中選擇鋼筆工具，按快捷鍵Ctrl/Command+4，繪制放大鏡手柄，見圖209。

（圖209）

第五步：選中放大鏡的兩部分形狀，在部件【屬性】面板中單擊【合并圖層】，至此放大鏡圖標繪制完畢。接下來可以通過調整尺寸、顏色、邊框等樣式來檢查該圖標在你的原型中是否適用，見圖210

（圖210）

7．編輯部件樣式

編輯器工具欄：使用設計區域上面的工具欄按鈕可以編輯部件樣式，如字體、字號、字體顏色、填充顏色、線條顏色、坐標和大小等。還可以選擇多個部件并使用布局工具，如次序、對齊、分布等，見圖211。

（圖211）

雙擊編輯：雙擊部件來編輯該部件是最常用的屬性編輯。如雙擊一個圖像部件打開【導入圖像】對話框，雙擊下拉列表打開【編輯列表項】對話框。

右鍵編輯：右鍵單擊部件顯示額外特定的屬性，這些屬性根據部件的不同而不同。

部件屬性和部件樣式面板：在【部件樣式】面板中可以找到部件坐標、大小、字體、對齊、填充、陰影、邊框和內邊距等。在部件【屬性】面板中可以找到部件的特殊屬性。

8．部件屬性面板詳解

交互樣式：交互樣式是在特定條件下的視覺屬性。

鼠標懸停：當鼠標指針懸停于部件上。

左鍵按下：當鼠標左鍵按下保持沒有釋放時。

選中：當部件是選中狀態。

禁用：當部件是禁用狀態。

調整寬度/高度自適應部件內容：在Axure RP8中，雙擊形狀部件四周的尺寸手柄，可讓部件快速自適應其內容寬/高，見圖212。

（圖212）

禁用：設置部件為禁用狀態。

選中：設置部件為選中狀態，生成原型后該部件為選中時的交互效果。

設置選項組：將多個部件添加到選項組。

提示信息：當鼠標懸停在部件上時，顯示文字提示信息。

9．部件特定屬性

圖像部件：【保護邊角】功能類似于九宮格切圖和.9png制作，它可以在調整圖像大小時保護邊角不變。

文本輸入框

類型：主要用于調用移動設備中不同的鍵盤模式（比如用戶使用手機輸入手機號碼時、輸入密碼時，鍵盤的模式是不同的，這樣可以提升用戶體驗）。昆明網站制作認為文本輸入類型可設置為文本、密碼、電子郵件、電話號碼、號碼、網址和搜索等。

最大長度：設置最多可輸入的文字數。

提示文字：文本占位符，可設置獲取焦點時消失或輸入內容時消失。

提示樣式：編輯提示文字的樣式。

只讀：生成原型后是不可編輯的文本。

隱藏邊框：隱藏輸入框的邊框。

禁用：將部件設置為禁用狀態。

提交按鈕：分配一個按鈕或形狀按鈕，當按下Enter鍵時執行單擊按鈕事件。

內聯框架：將Axure項目內部的頁面、外部url、視頻、音頻等加載到內聯框架中顯示。

滾動條：根據需要設置內聯框架滾動條的顯示方式。

隱藏邊框：切換顯示內部框架周圍的邊框。

預覽圖像：顯示Axure 內部的預置圖片（便于工作人員明確該部分內容是什么）。

復選框

選中：勾選此項后，復選框默認為選中狀態。

對齊按鈕：設置按鈕的位置，位于文字內容的左側或右側。

單選按鈕

指定單選按鈕組：創建或分配單選按鈕組，給多個單選按鈕指定單選按鈕組之后，這些單選按鈕中最多只有一個可以被選中。

文本區域

隱藏邊框：隱藏文本區域周圍的邊框。

下拉列表框

列表項：添加/刪除列表的選項。

菜單

菜單項：新增/刪除菜單項。

菜單內邊距：設置菜單的內邊距。

交互樣式：設置菜單項的交互樣式。

樹部件：

展開/折疊圖標：改變展開/折疊樹節點的小圖標。

● 加減號：改變圖標為+/-。

● 三角形：改變圖標為三角形。

導入圖標：可導入自定義圖標。

顯示樹節點圖標：切換顯示額外的樹節點的圖標，可以通過右鍵單擊一個樹節點并選擇【編輯圖標】添加。

10．部件樣式面板詳解

位置·尺寸

選中的部件：編輯選中部件的位置、尺寸以及部件旋轉角度和部件中文字的旋轉角度，見圖213。

所有選中的部件：當多個部件被選中時出現，編輯選中區域的位置、尺寸和旋轉角度，見圖214-A。

（圖213）

（圖214）

每個選中的部件：當多個部件被選中時出現，可以同時編輯每個部件的位置、尺寸和旋轉角度，見圖214-B。

隱藏：勾選后，該部件默認為隱藏狀態（可通過添加交互設置為顯示）。

部件樣式

部件樣式下拉列表：允許你選擇在部件樣式編輯器中創建的自定義樣式，見圖215-A。

（圖215）

管理部件樣式：允許你編輯Axure內建部件的默認樣式或創建自定義可應用于多個部件的樣式，見圖215-B。

填充：設置部件的填充顏色，Axure RP8中所有的形狀部件都可以填充單色或漸變色，見圖216。

陰影：給形狀部件設置外部陰影和內部陰影，見圖217。

（圖216）

（圖217）

邊框：設置形狀部件的邊框線條寬度、線條顏色、線條樣式、線條的箭頭樣式。在Axure RP8新增的特性中，可以設置形狀部件不同的邊框，見圖218。

圓角半徑：設置形狀部件的圓角半徑，在Axure RP8中可以對形狀部件的任意圓角單獨設置圓角半徑，見圖219。

不透明度：設置形狀部件的不透明度。

字體：選擇字體、字體大小、字體顏色、粗體、斜體、下劃線、添加項目符號、字體陰影、行間距、對齊方式和內邊距，見圖220。

（圖218）

（圖219）

（圖220）