3、雙擊打開(kāi)這個(gè)Master,在Widgets里面把圖片組建拖動(dòng)到中間的操作區(qū)域中,雙擊找到你已經(jīng)保存好的gif文件,這樣一個(gè)視覺(jué)零件就加到你的Axure里面了。
圖1-4 將視覺(jué)組建放入Axure中
4、如果這個(gè)視覺(jué)零件本身需要文字元素,那么在Widgets里面把文字組件放到視覺(jué)零件上的相應(yīng)位置,然后根據(jù)視覺(jué)標(biāo)準(zhǔn)調(diào)整文字樣式。注意,因?yàn)锳xure不支持中文,所以他的字體和html中的px是不同的,html中的12px字體在Axure里面要設(shè)置為9,14px的要設(shè)置為11,以此類(lèi)推。
圖1-5 增加文字元素
5、在Axure中Master可區(qū)分為可單獨(dú)編輯和不可單獨(dú)編輯,默認(rèn)是不可單獨(dú)編輯,也就是只要改動(dòng)一個(gè)Master的樣式,該Master在Page中所應(yīng)用到的地方都會(huì)改變。因?yàn)檫@個(gè)是視覺(jué)零件,需要單獨(dú)編輯,特別是在編輯文字的時(shí)候,所以右鍵點(diǎn)擊Master列表中的零件,選擇“Behavior”下的“Custom Widget”即可。你也可以將視覺(jué)零件Group一下,使其在page可以一起拖動(dòng),并仍然可以編輯。
圖1-6 選擇可單獨(dú)編輯
5、保存并重復(fù)2~4的步驟,你可以完成所有視覺(jué)零件的轉(zhuǎn)換。
圖1-7 完成視覺(jué)零件的轉(zhuǎn)換
出處:折折熊de交互論
責(zé)任編輯:bluehearts
上一頁(yè) 利用Axure封裝視覺(jué)標(biāo)準(zhǔn) [1] 下一頁(yè) 利用Axure封裝視覺(jué)標(biāo)準(zhǔn) [3]
|