目錄
一、晶白風格的扁平突破
二、磨砂玻璃質感的運用
三、強化圖標微質感的深入
四、2.5D 風格的巧妙結合
五、三維的立體感強化
六、插畫風格的簡化融入
七、立足于品牌的圖標設計
八、造型疊加豐富色彩搭配
九、動效圖標強化局部差異
十、主題化圖標風格普及
一、晶白風格的扁平突破
晶白風格是通過白色質感來實現的，通過對圖標元素進行透明度變化、投影、內陰影、外發光等進行設計，使得更有層次感。
相較于扁平化的圖標設計來說，晶白風格更有層次感和質感，作為金剛區圖標設計運用非常普遍。除了通過白色不透明度漸變來實現以外，也會隨著背景或者環境色的變化融入色彩渲染，呈現出更豐富的設計細節。
晶白風格圖標就是通過兩端白色漸變，配合兩端顏色不透明度來進行深淺控制，也可以通過內陰影和外發光等來增強質感。眾多設計軟件都可以實現，靈活性非常高。
二、磨砂玻璃質感的運用
磨砂玻璃質感的設計表現是近些年較為流行的設計趨勢，被廣泛運用到視覺設計的眾多領域。在 UI場景中作為視覺感強化被普遍應用，其中在圖標設計上的表現尤為突出，呈現出了眾多的優秀案例。
金剛區作為產品架構中的重要組成部分，也是更新較為活躍的部分，對于視覺感的要求非常重要。磨砂玻璃質感的圖標很多產品都會階段性使用，也是因為這一類風格具有典型的特點和視覺張力，能夠形成比較大的視覺差異，帶給用戶不錯的感官體驗。
磨砂玻璃質感圖標可以通過 Sketch、Figma 等軟件的背景模糊功能實現；如果是 PS 和 AI 等沒有背景模糊功能的軟件，則可以通過模糊度結合剪切蒙版來實現。實現的方法很多，大家可以多多嘗試，這是一類比較容易掌握的圖標風格。
三、強化圖標微質感的深入
圖標設計從寫實到扁平，再到微質感，都在不同的時期進行改變，通過風格的優化避免用戶的視覺疲勞。寫實類圖標視覺疲勞度較大，在年輕化的趨勢中顯得過于繁瑣，而介于寫實和扁平之間的微質感被深入探索。
微質感的深入可以使得圖標風格突出，質感和層次感強化了圖標的立體空間感，在整個界面中可以形成視覺差異?？梢泽w現出模塊的重要性，也是圖標設計感體現的一種方向。
通過漸變色、不透明度漸變、投影、內陰影等形成層次變化和光影效果，多圖層刻畫來強化圖標質感和層次感。
四、2.5D 風格的巧妙結合
2.5D 也稱之為偽三維，在前兩年非常流行，作為插畫風格延伸出來的，當時 2.5D 插畫被普遍運用到眾多領域。把一個獨立元素作為原子，通過原子的數量分布形成 2.5D 場景。
將 2.5D 風格結合到圖標設計中，可以使得圖標更容易形成立體感，設計師不會受制于透視基礎的薄弱。無論是 C 端還是 B 端場景中的金剛區圖標都比較適合，很容易基于簡單的立體造型上設計出豐富的變化。比如結合玻璃質感、微動效或者其他設計趨勢均可，設計的駕馭度很高。
2.5D 風格的圖標很容易掌握，只要繪制好基礎原子部分，就可以演變形成各式各樣的 2.5D 造型?？梢酝ㄟ^ AI 軟件的 3D 功能輕松繪制，大部分場景都是基于立方體、圓柱體等基礎造型進行變形。
五、三維的立體感強化
三維類的圖標設計相較于 2.5D 風格來說，空間感和透視角度更加深入，光影的變化更加豐富。圖標設計中的三維立體感強化，對于設計師的要求更高，掌握一個三維軟件需要一定的學習成本。
隨著 C4D 等三維軟件的走熱，掀起了一股學習熱潮，被運用到金剛區圖標設計中，帶來的視覺效果也是非常不錯的。較強的空間立體感和光影效果，在界面中的視覺呈現尤為突出，也能帶給用戶更好的感官體驗。
六、插畫風格的簡化融入
隨著用戶對于感官體驗的升級，風格特征的差異化體驗至關重要，而插畫風格的融入可以提升圖標設計的特征感。
插畫風格運用到圖標設計中，需要做簡化處理，可以是插畫的局部元素或者簡化后的小場景插畫。風格多樣的插畫風格也會延續到圖標中，不僅可以使得圖標具備差異化的視覺效果，也能烘托出整體設計的質量。
通常矢量風格的插畫類圖標比較常用，由于圖標占比限制，不合適表現特別繁瑣的插畫風格?？梢允俏鼍暗牟瀹嫳憩F，或者是局部元素的插畫表達，這一類圖標風格將會在未來被廣泛運用，以此來提高圖標設計的視覺差異化表達。
七、立足于品牌的圖標設計
立足于品牌做設計，這是設計師需要深入探索的方向，而金剛區圖標設計亦是如此。品牌基因融入到圖標設計中，可以輔助突出產品的品牌感，也能形成設計表達的差異化。
品牌基因化的圖標設計具備一定的特征性，也是視覺差異化的一種形式。通常的做法有將品牌色全部融入圖標中，或者品牌色作為圖標配色點綴；也可以提取品牌 LOGO 輔助圖形形成基因圖形，融入到圖標造型設計中；也有結合吉祥物來突出品牌感的，融入吉祥物造型、局部圖形、輪廓圖形等；如果圖形角度無法提煉，也有提取品牌文化、服務特征、用戶群體特征、行業特征等，從中提煉關聯性的圖形融入圖標設計中，以此來強化品牌感。
品牌作為設計的思考起點，不僅可以輸出差異化的設計作品，也能串聯起整個項目設計的規范。
八、造型疊加豐富色彩搭配
如果覺得質感一類圖標表現力比較繁瑣，但是又不想只是簡單的線性或者面性圖標，造型疊加和配色疊加形成的圖標風格算是介于兩者之間的存在。
通過圖形之間疊加豐富圖標造型，疊加部分配色的調節豐富圖標色彩搭配，形成的圖標風格比較年輕化。視覺效果也是深受年輕用戶的喜歡，帶來不錯的感官體驗。
這一類風格的圖標可以通過布爾運算設計圖形部分，顏色的疊加效果可以通過圖層樣式實現，也有一些是圖形分割之后進行分別著色的。通常疊加部分的顏色會往更深的方向延伸，大家可以嘗試不同的形式去進行配色，選擇符合主題的圖標配色效果。
九、動效圖標強化局部差異
微動效運用到圖標設計中尤為普及，特別是在金剛區模塊，可以作為突出功能的強化。動效圖標已經成為一種獨特的表現力，相較于靜態來說更有吸引力，也能帶給用戶更加趣味性的感官體驗。
在金剛區模塊中，動效圖標通常是用于區別特殊功能，或者需要重點突出的服務或者主題活動等。不改變整體圖標的風格，只是動態和靜態的區分，需要個別做動效，形成表現力的差異才能達到重點突出的目的。
作為設計師來說，動效也是需要掌握的基礎技能，可以提高我們的設計表現力，也能將交互動作表達得更清楚。
十、主題化圖標風格普及
隨著情感化設計的普及，金剛區圖標在特定主題節日也會進行氛圍強化，主題化圖標設計越來越多。
比如在春節、中秋節、國慶節、端午節等場景中，根據主題設計圖標更能體現我們是有溫度的產品。可以是主題元素的融入，或者主題氛圍感的渲染，要嘛就是主題文案的融入，形式已經是非常豐富了。雖然不同節日主題效果各有差異，不過這一類主題化的圖標設計，已經成為非常普及的風格特征。
除了節日主題以外，根據運營需求也會進行主題化強化，眾多自定義主題活動也會結合到金剛區圖標設計中。這一類視覺表現力比重較大，視覺感統一性較強，帶來的視覺張力和感官體驗都非常不錯。
小結
金剛區在產品中就像百變金剛一樣，隨著眾多因素而變化，是更新迭代較為活躍的。圖標設計的風格也是豐富多樣，本文僅是拋磚引玉，總結了 10 個較為流行的圖標設計風格或者趨勢。
希望這些案例總結可以加深大家對于金剛區圖標的風格認知，大家也要繼續體驗探索，總結出更多風格特征，強化我們的圖標設計能力。
原文地址：黑馬家族（公眾號）
作者：黑馬青年
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、
UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司