今天和大家說說，UI設(shè)計(jì)中的圖標(biāo)是怎么設(shè)計(jì)的？
需要從以下幾個(gè)規(guī)則入手，分別是可識(shí)別性，視覺統(tǒng)一性，差異性，
識(shí)別性：
界面中顏色多了，會(huì)消耗用戶尋找圖標(biāo)的時(shí)間；
因此顏色是識(shí)別性中需要注意的一點(diǎn)，為了提高用戶的可識(shí)別性，我們的設(shè)計(jì)更應(yīng)該遵循用戶習(xí)慣。
比較典型的新風(fēng)格界面，圖標(biāo)易于理解，且用黑色作為基調(diào)，識(shí)別性高，用戶也易于理解，這也是為什么這些圖標(biāo)沒有文字做解釋的一個(gè)原因。
視覺統(tǒng)一性：
不同類型的圖標(biāo)有不同的特征，稍微一點(diǎn)變化，都會(huì)破壞整套圖標(biāo)的統(tǒng)一性。包括復(fù)雜度、形狀、線條粗細(xì)等等。
圖標(biāo)大小的控制：前期在設(shè)計(jì)的過程中，我發(fā)現(xiàn)我的圖標(biāo)大小有波動(dòng)，非常不統(tǒng)一，甚至是一個(gè)大一個(gè)小，所以我加了個(gè)限制，一來可以約束圖標(biāo)的尺寸盡量統(tǒng)一，二來可以顯得更加規(guī)范。
差異性：
假如一套圖標(biāo)，長得都差不多，那用戶在界面中找某個(gè)功能要花費(fèi)的時(shí)間會(huì)比想象中的長很多。
他們會(huì)去探索圖標(biāo)的功能作用，看跳轉(zhuǎn)的頁面是否是自己想去的界面，然后再返回。
你可以將設(shè)計(jì)完的一套圖標(biāo)展示出來：然后你說出一個(gè)名詞，讓同事去選擇是哪個(gè)，這樣可以很好的檢測(cè)圖標(biāo)的差異性和識(shí)別性。
有人可能會(huì)誤解統(tǒng)一性和差異性的概念，統(tǒng)一是圖標(biāo)樣式及風(fēng)格統(tǒng)一，而差異是圖標(biāo)與圖標(biāo)之間的含義要明確。
如果想要從零學(xué)習(xí)UI設(shè)計(jì)
請(qǐng)加QQ或微信號(hào) 766592367！
或者關(guān)注微信公眾號(hào)：UI設(shè)計(jì)學(xué)習(xí)
聯(lián)系客服
