Axure——部件詳解

  • 2022-03-15 21:45:23
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://m.supportcoffeeroasters.com

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

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

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

1.圖像(image)

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

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

QQ截圖20220315214317.jpg

(圖10)

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

QQ截圖20220315214317.jpg

(圖11)

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

QQ截圖20220315214317.jpg

(圖12)

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

QQ截圖20220315214513.jpg

(圖13)

QQ截圖20220315214513.jpg

(圖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種,見圖15。

QQ截圖20220315214513.jpg

(圖15)


當(dāng)前文章標(biāo)題:Axure——部件詳解

當(dāng)前URL:http://m.supportcoffeeroasters.com/news/wzzz/3376.html

上一篇:Axure——部件概述

下一篇:Axure——案例1:圖像交互樣式

網(wǎng)站建設(shè)、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號(hào))