UI設計中如何優(yōu)化圖標的設計細節(jié)？

1、首先要清晰和簡潔

大家先想想圖標在APP里的主要作用是什么呢？可以作為功能和信息的提示標識，引導用戶的操作。

而且我們通過看圖獲取信息的速度要比閱讀文字獲取快得多，圖標作為一種通用化的視覺語言，讓頁面更容易被閱讀。

圖標本身的尺寸就特別小，如果在里面摻雜著大量沒必要的裝飾性元素，會讓圖標的閱讀變得很困難。

可以通過使用盡可能簡單的設計元素來創(chuàng)建圖標，**形狀的簡潔易懂。

2、其次就是風格統(tǒng)一

在Dribbble中搜索“icons”，會看到很多不同風格的圖標樣式，但同一個集合中的圖標都會保持統(tǒng)一的設計風格。

不同風格的圖標可以在設計中穿插使用。例如在APP底部導航中，使用線形風格的圖標作為基本狀態(tài)，點擊選中時可以變換為面性風格，用來區(qū)分不同的狀態(tài)。

3、接下來就是利用好基礎網格

網格有助于我們建立一個明確的尺寸規(guī)范，常見的網格尺寸有16×16、24×24、32×32、48×48、64×64、96×96。

所有的圖標都將建立在基礎網格之上，圖標的每個部分都應該放在像素網格內。

4、醉后就是確定圖標的形狀

如果想讓一組圖標放在一起看起來很和諧，那這些圖標的視覺權重應該保持一致。

在設計前首先確定圖標的基本形狀，例如圓形、正方形、矩形等，能有效幫助我們確定圖標的比例關系。

可以用數(shù)學面積公式來計算一下不同形狀圖標的權重，找出近似值。醉后根據(jù)計算的尺寸設計出一組和諧的尺寸。