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

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

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

1．圖像（image）

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

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

（圖10）

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

（圖11）

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

（圖12）

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

（圖13）

（圖14）

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

（圖15）