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

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

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

1．圖像（image）

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

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

（圖10）

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

（圖11）

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

（圖12）

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

（圖13）

（圖14）

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

（圖15）