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ù)計算的尺寸設計出一組和諧的尺寸。