AXURE RP 8.1新增了SVG格式轉(zhuǎn)形狀的功能球及,這么一個小功能卻能帶來很大的效率提升玖院,結(jié)合ICONFONT腿箩,通過這個功能我們可以建立起自己的常用矢量圖標(biāo)庫浙巫;
在平時(shí)的原型設(shè)計(jì)過程中莽鸭,為了能夠讓設(shè)計(jì)的原型更能表達(dá)我們的設(shè)計(jì)意圖吗伤,提高設(shè)計(jì)評審的效率,常常需要在原型設(shè)計(jì)中使用切合場景的ICON硫眨,一般的做法是在ICONFONT上搜索想要的ICON足淆,然后添加到原型中,這也是我之前比較常用的一種方式礁阁,但這種方式存在一個缺點(diǎn)就是效率很低巧号,而且建立起自己的圖標(biāo)庫會很困難,而8.1版本新增的SVG格式轉(zhuǎn)形狀的功能能夠幫我們建立一個規(guī)范的高效的圖標(biāo)部件庫姥闭。
1 在ICONFONT上將比較常用的圖標(biāo)加入購物車
ICONFONT提供了一個購物車的功能丹鸿,可以方便我們對想要的圖標(biāo)進(jìn)行批量操作
這里選擇下載SVG格式,顏色建議選取灰色泣栈。
2 創(chuàng)建AXURE部件庫
新建一個AXURE部件庫文件卜高,將下載下來的SVG圖標(biāo),逐個添加進(jìn)部件庫南片,通過右側(cè)屬性欄“轉(zhuǎn)換SVG圖片為形狀”掺涛,這里我們給部件庫設(shè)置了一個尺寸大小的規(guī)范:30x30,然后將每一個轉(zhuǎn)換為形狀的圖標(biāo)放置在這個尺寸規(guī)范中疼进。
3 優(yōu)化搜索薪缆,提供檢索效率
AXURE中的部件庫是通過名稱關(guān)鍵詞搜索的,所以在圖標(biāo)庫個數(shù)達(dá)到一定數(shù)量后伞广,會遇到查找效率低的問題拣帽,所以這里我們事先給每一個圖標(biāo)添加盡可能相關(guān)的關(guān)鍵詞名稱,以優(yōu)化搜索
4 載入部件庫
最后將制作好的部件庫載入嚼锄,便可使用了减拭。初期的部件庫可能不會很完善,還需要我們在以后的原型設(shè)計(jì)中区丑,多多的補(bǔ)充完善拧粪,這樣逐步建立起適合自己的順手的高效圖標(biāo)組件庫