邊線、角、曲線的一致性
一、相同的角
我們在繪制圖標之前要定義圖標的大小、粗細、角的造型,以及角度的大小。這些盡可能保持一致的細節(jié)元素。
角的造型分為:圓角、直角或者斜角。那么圓角又要考慮圓角的大小是多少,斜角也要考慮傾斜的角度大小,以及傾斜坡面的長度。

這里以斜角為例,我們需要考慮的是一致的斜角長度、以及傾斜角度的一致。這里建議都為45度,原因請查看上周發(fā)布的文章。
二、相同邊線粗細和曲線弧度

當涉及到線條粗細的時候,2種粗細是理想的,3種有時候也是必要的。當超過三種時會讓圖標失去統(tǒng)一性。所以我們在提供視覺層次的同時,不要因此而引入過多的元素破壞整體的一致性。

在保持邊線粗細相同的同時,邊線轉角的曲線弧度也要一致。通常繪制弧度的時候要采用貝塞爾曲線工具,而不是手工任意繪制。這樣才能保證像素的精確性。
保持顏色、漸變層次的一致性
一、顏色層次

通常為了體現圖標的層次性,我們會運用2、3種的不同顏色,當然也有超過3種以上的。視圖標風格而定,通常2到3種是最常見的,3種以上的圖標一般用于無線框圖標的形式較多,例如下圖:

另外我們顏色的透明度差異也會形成不同的層次,再進一步我們可以使用漸變、投影的形式來增加層次感。

例如最上面的大圖標,使用了漸變和不同的顏色,以及投影使得層次感更加豐富,統(tǒng)一性卻又很高。下面的小圖標則摒棄了以往單調的單色線條,而是整體使用漸變色,不失為一種層次感。同樣我們也可以使用線條加漸變色,或者漸變疊加,大家可以多做嘗試,或許會作出與眾不同的圖標風格。
植入LOGO的造型特點
我們在設計小圖標之前,不妨多觀察一下LOGO的特點,是圓潤還是平直,是安靜還是跳躍。有沒有什么基本的細節(jié)造型點可以提取的呢?有沒有什么顏色可以直接拿來用呢?

例如非常典型的谷歌play,提取出三角形后,整套圖標都是以三角形作為外形進行延伸設計。

網易云音樂的圖標,是抓取logo上圓潤的風格特點,并將LOGO也作為小圖標的一員,放置在類似首頁的重要位置。

優(yōu)酷的圖標不僅采用了LOGO的顏色,更抓取了LOGO上顏色疊層的風格特點進行了延伸設計。

小密圈主要抓取了圖標斷線的風格特點
總結:
1、保持邊、線、角、曲線和角度的一致性
2、保持顏色、漸變、層次的一致性
3、進一步提高逼格可植入LOGO的造型特點
參考文獻:http://www.uisdc.com/icon-optimization-guideline-2
? ? ? ? ? ? ? ? ? http://www.uisdc.com/brand-gene-icon-design-pro