UI設(shè)計和視覺設(shè)計最大的區(qū)別是，UI設(shè)計有很多的規(guī)范和技巧需要設(shè)計師學(xué)習(xí)，否則在做UI設(shè)計時你會經(jīng)歷無數(shù)的痛苦，痛苦遭受了但做的東西還不符合業(yè)界規(guī)范，這就費(fèi)力不討好了。

想要高效順暢地完成設(shè)計任務(wù)，就必須遵守UI設(shè)計的規(guī)范。系統(tǒng)建議的規(guī)范也可以讓我們設(shè)計具有統(tǒng)一性，界面視覺更美觀。

今天，我們就來給大家講一講UI設(shè)計中的圖標(biāo)規(guī)范。

圖標(biāo)與品牌標(biāo)志一樣，在設(shè)計時都需要做適當(dāng)?shù)臏p法，應(yīng)該盡量用簡約的線條去表達(dá)其含義，應(yīng)該盡量避免出現(xiàn)線條結(jié)構(gòu)過于復(fù)雜的設(shè)計，而且整體的圖標(biāo)都需要保持風(fēng)格一致，例如圖標(biāo)的線條粗細(xì)、邊角弧度、圖標(biāo)高度寬度比例、風(fēng)格等等。

產(chǎn)品圖標(biāo)網(wǎng)格已經(jīng)形成了一致的標(biāo)準(zhǔn)，且建立了一套明確的圖形元素定位規(guī)則。這種標(biāo)準(zhǔn)化帶來了靈活，而連貫的系統(tǒng)。

上面是全尺寸比例高寬網(wǎng)格圖，可以作為參考圖使用。

下面，大家一起來看看具體的圖標(biāo)設(shè)計的規(guī)范吧：

1 像素對齊

需要嚴(yán)格的做到像素對齊，尤其是在做較小尺寸的圖標(biāo)時，如果不嚴(yán)格的遵循像素對齊，那最終的顯示效果就會出現(xiàn)問題。

2 多用布爾運(yùn)算

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

●讓你的圖標(biāo)更加規(guī)范

●對圖形結(jié)構(gòu)理解更加深刻

●后期更改形狀更加方便

3 獨(dú)特的風(fēng)格

在做系列圖標(biāo)的時候，一定要在前期給圖標(biāo)設(shè)定一個風(fēng)格及原則，使之看起來與眾不同。

在這里值得一提就是，我們在做線性圖標(biāo)時，一定要保證描邊粗細(xì)相同、圓角相同，如果這些基礎(chǔ)的規(guī)則都沒有遵循，那也就談不上風(fēng)格的統(tǒng)一、創(chuàng)新了。

4 視覺大小統(tǒng)一

在進(jìn)行圖標(biāo)設(shè)計的時候，我們會使用柵格輔助線來幫助我們更加嚴(yán)格謹(jǐn)慎，但一定不要被輔助線困住，學(xué)會靈活運(yùn)用，保持視覺上的大小統(tǒng)一。

在如今的APP設(shè)計環(huán)境當(dāng)中，一些APP設(shè)計大牛都一直強(qiáng)調(diào)，設(shè)計師要為有品牌意識。那么，在圖標(biāo)的設(shè)計中，我們也必須強(qiáng)調(diào)“品牌性”，簡單的說就是把品牌中的抽象的概念變成具象化的圖形，把品牌主副色調(diào)應(yīng)用到圖標(biāo)設(shè)計中。

設(shè)計規(guī)范與原則是我們不管在UI學(xué)習(xí)階段還是在實際的設(shè)計工作中都需要反復(fù)思考的問題，對設(shè)計規(guī)范與原則的思考是為了幫助我們更好地學(xué)習(xí)更好地設(shè)計。除了思考以外，建議大家每個星期完成一個主題的作品，提升自己的設(shè)計水平。