Axure RP 8 基本元件之圖片
Axure RP 8.0對圖片的支持是非常強大的,選擇“圖片"元件,將其拖入到頁面中,雙擊圖片元件,在彈出的"打開"對話框中選擇圖片,單擊"打開"按鈕,即可看到打開的圖片,如圖所示。
選擇圖片元件,單擊鼠標右鍵,選擇“導入圖片”選項,也可以實現(xiàn)圖片的導入操作。選擇“編輯文本”選項,即可在圖片上添加文字內(nèi)容,如圖所示。
單擊鼠標右鍵,選擇“裁剪圖片”選項,拖動裁剪范圍可調(diào)整裁剪圖片的范圍。雙擊即可完成圖片的裁剪操作,效果如圖所示。
當遇到較大圖片影響原型預覽速度時,可以將一張大圖分割為多張小圖。單擊鼠標右鍵,選擇"分割圖片"選項,拖動鼠標可將圖片分割為若干個小圖片,如圖所示。
單擊右鍵,選擇“固定邊角范圍”選項,會在圖片四周出現(xiàn)邊角標記,用來顯示當前圖片的邊角范 圍。選擇"優(yōu)化圖片”選項,Axure將會自動優(yōu)化當前圖片,降低圖片的質(zhì)量,提高下載 的速度,如圖所示。
當完成圖片編輯后,并不一定能夠直接應(yīng)用到原型中,很多時候需要動態(tài)地加載這些圖片素材,比 如鼠標懸?;蛘呤髽税聪聲r才需要在交互樣式中從本地磁盤上導入這些圖片素材,可以將原型中的圖片 保存到本地磁盤。
執(zhí)行“發(fā)布>生成HTML文件”命令,在彈出的“生成HTML”對話框中設(shè)置"存放HTML文件的目 標文件夾”,如圖所示。單擊“生成”按鈕,即可將原型中的圖片保存到當前文件夾中。
點擊加載更多評論>>