您好,歡迎來到一站式眾包服務(wù)平臺(tái)-威客牛網(wǎng)
當(dāng)前位置:威客牛首頁 > 知識(shí)百科 > 平面設(shè)計(jì) > 圖案/界面設(shè)計(jì) > 手機(jī)圖標(biāo)設(shè)計(jì)方法

手機(jī)圖標(biāo)設(shè)計(jì)方法

2022-12-04作者:網(wǎng)友投稿

  圖標(biāo)設(shè)計(jì)是界面設(shè)計(jì)最重要的組成部分之一,作為UI視覺設(shè)計(jì)師,這項(xiàng)技能已經(jīng)是我們必須要掌握的基本技能,那圖標(biāo)設(shè)計(jì)要遵循什么樣的原則呢?這5個(gè)圖標(biāo)設(shè)計(jì)方法都是我實(shí)戰(zhàn)后總結(jié)的,適合新手進(jìn)階學(xué)習(xí)。以下是贏在威客網(wǎng)小編整理的一起看看吧。



  "識(shí)別性"、"符合行為習(xí)慣"、"原創(chuàng)性"、"易用性"···還是先來看下大綱:


  像素對齊,多用布爾運(yùn)算,獨(dú)特的風(fēng)格,視覺大小的統(tǒng)一。


  1. 像素對齊我記得以前在小公司的時(shí)候,一個(gè)人負(fù)責(zé)整個(gè)app的交互設(shè)計(jì)與視覺設(shè)計(jì),設(shè)計(jì)團(tuán)隊(duì)只有兩個(gè)人,有什么問題都沒人可以請教,當(dāng)時(shí)困惑我最大的一個(gè)問題就是:為什么我做的圖標(biāo)總是發(fā)虛的呢?直到來了大公司和前輩們學(xué)習(xí)之后,才知道原來是因?yàn)橄袼貨]有對齊。


  2. 多用布爾運(yùn)算在做圖標(biāo)的時(shí)候,能用基本圖形進(jìn)行布爾運(yùn)算的時(shí)候,盡量不要使用鋼筆,這樣做的好處有如下幾點(diǎn):


  讓你的圖標(biāo)更加規(guī)范,對圖形結(jié)構(gòu)理解更加深刻,后期更改形狀更加方便。


  3. 獨(dú)特的風(fēng)格作為專業(yè)視覺設(shè)計(jì)師的你,在時(shí)間充足的情況下,千萬不要去網(wǎng)上下幾個(gè)圖標(biāo)直接拿來用,你會(huì)上癮的,并且也會(huì)被一些行內(nèi)人進(jìn)行批判,因?yàn)樗麄兒苋菀拙湍芸闯鰜砟阕龅膱D標(biāo)是直接在網(wǎng)上下載的4. 視覺大小統(tǒng)一在進(jìn)行圖標(biāo)設(shè)計(jì)的時(shí)候,我們會(huì)使用柵格輔助線來幫助我們更加嚴(yán)格謹(jǐn)慎,但一定不要被輔助線困住,學(xué)會(huì)靈活運(yùn)用,保持視覺上的大小統(tǒng)一。


免費(fèi)查詢商標(biāo)注冊