圖標(biāo)設(shè)計是界面設(shè)計最重要的組成部分之一,作為UI視覺設(shè)計師,這項技能已經(jīng)是我們必須要掌握的基本技能,那圖標(biāo)設(shè)計要遵循什么樣的原則呢?這5個圖標(biāo)設(shè)計方法都是我實戰(zhàn)后總結(jié)的,適合新手進(jìn)階學(xué)習(xí)。以下是贏在威客網(wǎng)小編整理的一起看看吧。
"識別性"、"符合行為習(xí)慣"、"原創(chuàng)性"、"易用性"···還是先來看下大綱:
像素對齊,多用布爾運算,獨特的風(fēng)格,視覺大小的統(tǒng)一。
1. 像素對齊我記得以前在小公司的時候,一個人負(fù)責(zé)整個app的交互設(shè)計與視覺設(shè)計,設(shè)計團(tuán)隊只有兩個人,有什么問題都沒人可以請教,當(dāng)時困惑我最大的一個問題就是:為什么我做的圖標(biāo)總是發(fā)虛的呢?直到來了大公司和前輩們學(xué)習(xí)之后,才知道原來是因為像素沒有對齊。
2. 多用布爾運算在做圖標(biāo)的時候,能用基本圖形進(jìn)行布爾運算的時候,盡量不要使用鋼筆,這樣做的好處有如下幾點:
讓你的圖標(biāo)更加規(guī)范,對圖形結(jié)構(gòu)理解更加深刻,后期更改形狀更加方便。
3. 獨特的風(fēng)格作為專業(yè)視覺設(shè)計師的你,在時間充足的情況下,千萬不要去網(wǎng)上下幾個圖標(biāo)直接拿來用,你會上癮的,并且也會被一些行內(nèi)人進(jìn)行批判,因為他們很容易就能看出來你做的圖標(biāo)是直接在網(wǎng)上下載的4. 視覺大小統(tǒng)一在進(jìn)行圖標(biāo)設(shè)計的時候,我們會使用柵格輔助線來幫助我們更加嚴(yán)格謹(jǐn)慎,但一定不要被輔助線困住,學(xué)會靈活運用,保持視覺上的大小統(tǒng)一。