結(jié)合ICONFONT,建立AXURE常用矢量圖標(biāo)部件庫

AXURE RP 8.1新增了SVG格式轉(zhuǎn)形狀的功能,這么一個小功能卻能帶來很大的效率提升,結(jié)合ICONFONT,通過這個功能我們可以建立起自己的常用矢量圖標(biāo)庫;

在平時的原型設(shè)計過程中,為了能夠讓設(shè)計的原型更能表達(dá)我們的設(shè)計意圖,提高設(shè)計評審的效率,常常需要在原型設(shè)計中使用切合場景的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è)計中,多多的補(bǔ)充完善,這樣逐步建立起適合自己的順手的高效圖標(biāo)組件庫

使用演示視頻



AXURE矢量圖標(biāo)部件庫演示視頻
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容