在《Axure RP7網(wǎng)站和APP原型設計從入門到精通》出版發(fā)行后，很多讀者反饋說這一部分內(nèi)容過于枯燥，看上去很像說明書。

針對這一點網(wǎng)站建設筆者在此需要再次強調，該部分知識是駕馭Axure這款工具的基礎，不建立扎實的基礎就無法熟練使用Axure。事實上，這部分就是對Axure中內(nèi)建部件的詳細說明，因為這些部件分別有著不同的屬性、特性和局限性，我們所創(chuàng)建的每一個原型都是將這些部件組合在一起建立的。

所以，筆者希望讀者能夠仔細閱讀本章節(jié)內(nèi)容，在本版書中，我會加入更多案例來描述各個部件在原型制作中的使用方法和技巧。

1．圖像（image）

圖像部件可以用來添加圖片和插圖，顯示你的設計理念、產(chǎn)品、照片等信息。

導入圖像和自動大?。和戏乓粋€圖像部件到設計區(qū)域并雙擊導入圖片。Axure 支持常見的圖片格式，如GIF、JPG、PNG和BMP，Axure RP8還支持導入SVG格式圖像文檔。當導入圖像尺寸過大時，會提示是否自動調整圖片大小，點擊【是】（Yes）將圖片設置為原始大小，點擊【否】，圖片將設置為當前部件的大小，見圖10。

（圖10）

粘貼圖像：圖像還可以從常用的圖形設計工具（如Photoshop/Illustrator/Sketch等）和演示工具中復制粘貼到Axure中。此外，當我們從CSV或Excel 復制內(nèi)容時，可單擊右鍵，選擇【粘貼為圖像/表格/純文本】；或者直接按Ctrl+V/Command+V，在彈出的對話框中選擇，見圖11。

（圖11）

添加＆amp;編輯圖像文字：可以給導入的圖像添加編輯文字，雙擊導入圖像后，右鍵單擊圖像然后選擇【編輯文本】；還可以給添加的文字編輯樣式，如顏色、大小、字體等，見圖12。

（圖12）

保持寬高比例縮放圖像：按住Shift鍵，同時用鼠標拖動圖像部件邊角的小手柄，可以按比例縮放圖像，見圖13；或者在工具欄右側/部件樣式面板中勾選【保持寬高比例】，見圖14。

（圖13）

（圖14）

圖像交互樣式：圖像可以添加交互樣式，如【鼠標懸停時】、【鼠標按下時】、【選中時】和【禁用時】。右鍵單擊圖像并選擇【交互樣式】，或者在部件【屬性】面板中進行設置。當設置交互樣式時，在對話框中勾選【預覽】，可以預覽交互效果。交互樣式包括：【鼠標懸停時】、【左鍵按下時】（也就是移動端手指點擊時）、【選中時】、【禁用時】4種，見圖15。

（圖15）