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

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

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

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

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

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

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

1 像素對齊

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

2 多用布爾運算

在做圖標的時候，能用基本圖形進行布爾運算的時候，盡量不要使用鋼筆，這樣做的好處有如下幾點：

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

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

●后期更改形狀更加方便

3 獨特的風(fēng)格

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

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

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

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

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

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