圖標設計有多少種類？有哪些不為人知的設計技巧？今天這篇文章來帶大家一探究竟。
1. 面性圖標
面性圖標是由一根封閉的線造成了面，面性圖標同樣具有大小、形狀、色彩、肌理等造型元素。直面圖標具有穩重、剛毅的男性化特徵；曲面具有動態、柔和的女性化特徵。
（1）不透明度圖標
不透明度圖標是通過調節圖標的部分面性結構來增加層次感，從配色角度屬於同色系。(圖design by NO-921)
（2）光影圖標
三大面五大調，通過調節面的反光和陰影來增加面性圖標的紋理。在扁平時代的今天保留著微擬物風。
（3）多彩色圖標
多彩色給人很酷炫的感覺，從明度角度還是要提取深淺的顏色來代表圖標的黑白灰。(圖design by Kyle Anthony Miller)
2. 線性圖標
線性圖標是通過粗細一致的線條繪製，高度概括出來的圖標，既能讓人賞心悅目，又給用戶帶來創造和應用的樂趣。
（1）圓角圖標
圓角圖標給人以親和力，也有柔軟，軟弱的一面。在圖標設計越來越精美的今天，圓角圖標的應用行業已經越來越廣泛。比如女性，母嬰，兒童，旅遊… (圖design by Stephen Andrew Murrill)
（2）直角圖標
直角圖標給人以銳利，堅強，果斷，不拖泥帶水的一面。最先讓人眼前一亮的是魅族系統Flyme6裡面的圖標，它就是用的直角，給人明快乾淨的感覺。
真正更好的詮釋它內在的含義的非京東金融裡的圖標了 ，投資理財的時候需要人們果斷作出判斷。理財有風險，投資需謹慎。
直角的感覺讓人當機立斷，不拖泥帶水，快買快出。如果用圓角就感覺柔一點，感覺做事優柔寡斷。所以一下子在金融領域被做成了標杆式的功能圖標。
（3）斷點圖標
斷點圖標是點線面演化的一種產物。在最開始uiUI興起的時候，設計師們不滿足於單線條的功能圖標，通過點線面增加形式感。
最早新浪體育運用到這一風格，算是還是很不錯的一種風格。很遺憾只留在了我的記憶力，網上並沒有找到之前的設計。(圖design by Catalin Mihut)
（4）高光式圖標
高光式圖標是傳統繪畫的產物，我們在傳統繪畫的時候往往最後一筆都是添加高光，起到畫龍點睛的效果。
高光式的功能圖標採用裡細外粗的規律，和斷點式功能圖標差不多一個年代的產物。在不斷扁平不斷簡潔的今天，也不會感覺那最後一筆也是多餘的。(圖design by Udisk6353)
（5）不透明度圖標
不透明度圖標是調節圖標的部分結構的不透明度來增加圖標的層次。色彩上面跟雙色圖標是一樣的，只不過從配色角度屬於同色系的範疇。(圖design by Laura Reen)
（6）雙色圖標
雙色圖標在實際應用中非常廣泛，也是跟百搭的那種。
一種可以有彩色跟無彩色結合，有彩色的顏色可以是企業色，可以是代表行業或者產品的顏色跟無彩色黑色相結合。
一種是主體色跟點綴色組合而成的雙色，但使用時要考慮到當前界面中的配色不宜過多，多了就容易花。(圖design by stay )
（7）線面結合圖標
線面結合圖標也是一種很出彩的風格，線是高度概括的圖標，這時候面更多的是充當裝飾點綴的作用。
面的表現方式也有很多種，可以是單色的，漸變色的，也可以像MBE風格那樣提取主體結構形成的面，也可以提取圖標裡面有閉合路徑所形成的面。
這種風格應用也非常廣泛。(圖design by Ted Kulakevich and Prakhar Neel Sharma )
（8）結構圖標
結構圖標算比較有爭議性的圖標，結構圖標是我們學繪畫的時候老師要我們起形，要開始繪畫結構，對基礎的三大面五大調有很好的理解。
現在結構圖標正好相反，比如對於一個具像圖標，我們要分析出它的每一筆每一畫，看清每一個結構，然後用固定的形式來表現出來。
固定的形式可以像優酷圖標的相交結構點，可以像上海瑪娜花園一筆一個顏色，等等。
（9）一筆畫圖標
一筆畫圖標是難度係數比較高的一種風格，也是我非常喜歡的一種風格，剛才開始流行斷點圖標的時候，錘子設計師歐陽念念就提出了一筆畫圖標的概念，當時也是有爭議的一種圖標。
當網易雲音樂也出了這種圖標後就更具有說服力。一般也很難駕馭，做應該基本都能做出來，但是視覺上看上去很舒服還是要有深厚的功底。
（10）logo類圖標
logo類圖標跟一筆畫算是同等級別難度的，需要圖標足夠精緻到可以直接拿來當應用圖標，乃至於logo。
這種在app中屈指可數。再細講就到設計logo大的範疇裡了，自己想想也害怕的。就到這吧。
最為經典的就當屬網易雲音樂的logo了，其實它也屬於一筆畫圖標，同時又用做了logo，它的含金量可想而知。
（11）情感化圖標
情感化圖標是提取人的五官跟圖標相結合具有擬人化的圖標，這種擬人化的場景模仿人在真實場景的應用。
QQ的底部圖標，通過五官方向大小移動變化很好的表現出當前場景。QQ開了先河，相信後續會有很多情感化圖標出現，會有它的一席之地。
3. 如何轉換線性圖標與面性圖標？
線性的閉合路徑的圖形變面性圖標，閉合路徑裡面的線條反白，重要的關聯結構線反白，讓面性圖標透氣；線性的不閉合路徑的圖形變面性圖標，應適當的增加線的粗度來達到視覺上的平衡。(圖design by Jory Raphael and Sebo)
4. 如何去創造新的圖標風格
繪畫結構＋點線面＋色彩，繪畫結構可以清晰的分析出事物的主體結構，勾勒出主體輪廓，對創造新的圖標風格有很大幫助。
繪畫結構選的角度是人很熟知的角度比如正面，儘量不要選擇帶有透視角度進行設計。
點線面是設計的基礎，通過從點線面角度去構思會獲得更多的靈感。
色彩方面可以是企業色、行業色、主題色、點綴色等等。(圖design by Ted-Kulakevich and Graphéine )
四、圖標的特性
1. 統一性
（1）大小的統一
在網頁設計中圖標的主流尺寸有16×16, 24×24, 32×32, 48×48, 64×64, 96×96, 128×128, 256×256, 512×512。
iOS上，蘋果建議44x44pt作為最小的點擊目標區域。但實際中，ios和安卓正常出一個設計版本，倆者結合我們在2倍圖下最適合的大小為48*48px。
ios功能圖標其他尺寸為48加或減4的倍數；安卓android功能圖標其他尺寸為48加或減8的倍數。
為什麼ios是4的倍數，一個數除以2倍圖在乘以3倍圖要是偶數最小的數為4；為什麼安卓android是8的倍數，安卓開發中最小的單位是1dp，1dp=2px，同時也要滿足一個數除以2倍圖在乘以3倍圖要是偶數最小的數為4，所以安卓要是8的倍數。
在很多帶有色塊的圖標，不僅要保證色塊48*48px的大小統一，也要保證裡面色塊裡面的功能圖標的大小統一。
（2）風格的統一
風格上面已經歸納的很全了，直角圖標和圓角圖標基礎上可以添加一個其他風格，如雙色風格；但是剩餘的其他風格最好就不要倆倆相加，不然就會給用戶感覺很容易亂，也不夠簡潔，主次不明。
（3）規範的統一
視覺的規範
為什麼我們再同樣的大小區域去繪製正方形、圓形、三角形，雖然符合了大小統一的特性，但是從視覺上還是不能看上去很均衡？
這就需要我們規範化的去繪製圖標，安卓android規範裡給出了圖標的繪製方法。
圓角的規範
2. 簡潔性
簡潔性不單單體驗在圖標的簡潔，還要體現在從創意到實際落地的簡潔。在使用軟件ai或者sketch的時候繪製基礎圖形不要出現小數點和基數，多用偶數。
3. 層次明確
圖標具有可點擊性和標識性。可點擊性就會有點擊前、點擊時、點擊後三種狀態，主流底部標籤欄會在點擊前使用線性圖標，點擊時和點擊後使用面性圖標；也有使用顏色來區分。
4. 延展性
圖標的延展性之前在圖標的風格也講到，好的圖標可以直接當應用圖標或者logo來使用。同時好的圖標還可以通過點線面動效變化做下拉加載動畫。
五、如何學會合理的設計功能圖標？
1. 頭腦風暴
頭腦風暴看似一個不知道怎麼解釋的詞，簡單的說就是多動腦子，越用越活。
頭腦風暴不單單是這裡用到，是所有設計師做設計之前必備工作。
頭腦風暴完你會覺得你的設計思路會很寬，然後就是要合理的分析每個的可行度，完成的工作量，自己當前設計的水平是否可以有效完成。
其實很多設計師能有效的搜索到自己想要的東西，也算是頭腦風暴的一種。雖然你不會想出很多點子，但還是很明確的知道自己想要什麼，一定一定注意不要直接拿來主義，還是要通過平時的練習掌握更多的風格，為以後頭腦風暴想出的很多點子能很好的實踐出來。
頭腦風暴很重要，頭腦風暴很重要，頭腦風暴很重要，重要的事情說三遍。
比如以旅遊為主體進行頭腦風暴，這個就能想到很多很多。
2. 蒐集資料
蒐集資料的時候要很好的提取關鍵詞，直接從iconutopia、iconfont、iconfinder、iconmonstr搜索獲取靈感。
具象的事物可以看看該事物好的品牌公司的產品，品牌公司的工業設計相對較好，對後面提取元素也會有很大的幫助。
也可以通過提取好的關鍵詞，翻譯成英文，再到國外的網站追波、be搜上一搜看看。搜索到的素材和元素一定要再設計，不能拿來直接用，如果直接用後面就沒必要寫了。
3. 提取元素
提取元素又歸結到繪畫結構中去了，繪畫好的看到具象事物，心裡默默打開一個燈，三大面五大調，光影關係都有了。不是很理解的還是多練習吧。關於如何提取元素暫時還不能寫出很好的方法。
具象圖標就是提取主要輪廓線，保留可要可不要的元素，到最後的時候做統一刪減。
抽象圖標，確實沒有一點的思路的時候可以在就iconutopia、iconfont、iconfinder、iconmonstr找找，找到了合適的還要進行redesign。有想法後選擇一種圖標風格這樣的繪製效率會很快。
4. 規範化
上面元素提取好後，需要開始選擇一種圖標風格進行繪製。
開始繪製的時候不要過於追求圖標的風格，還是要從圖標本身出發快速的繪製好。
等全部繪製好了突然想換一種圖標風格也是很快的，水到渠成。
可能剛開始很難在規範化的框框裡直接就提取元素開始繪製，那就只能先繪製要你想要創意的元素圖標，全部畫好後在統一的規範裡面再繪製一遍。
規劃化的目的就是讓圖標統一，任何倆個圖標拿出來從視覺大小、風格都是一個統一的整體。
5. 加減法
一套圖標繪製好了之後還是在放在一起看一下整理的感覺，最後通過加減法適當的修修補補。
對於視覺上看上去過於繁瑣的圖標，要保留大輪廓的同時，減少結構達到視覺平衡。
對於確實很簡單，但又沒辦法添加任何元素的圖標，為它做加法，增加它的視覺豐滿感。
閱讀更多 優時節設計 的文章
