APP設計中的9種圖標類型

Sponsor

UI設計師在設計圖標時，我們需要考慮圖標所具有的指示性和標識性。一個好的圖標不僅需要具有視覺效果，還需要能夠快速傳遞信息，易于識別和記憶。在平面設計中，線性圖標、面性圖標和線面結合圖標是最基礎的類型。針對不同的需求，我們可以采用簡潔、復雜、擬物、扁平、華麗、淡雅、漸變或單色等特性進行設計，下面我們整理了APP設計的9中圖標風格，設計師們可以學習這寫風格的設計。

01、線性風格圖標

1、線性圖標：顧名思義就是以線的形式繪制而成。它的表達形式很多，同色的，漸變的，疊加的，斷線的等等，但他們的統一特征是?用線作為基礎元素去表達圖標含義。

2、線性開口圖標：在線形圖標基礎上面，尋找一個缺口剪斷，使得圖標具有透氣性和線條的變化。缺口的位置盡量保持統一的方向及大小。

3、多色圖標：用多種顏色搭配組成的圖標。需要定義一個主色調，另外幾種顏色作為輔助色點綴，顏色需要有主次區分。

4、粗細線條圖標：通過粗細來設計的圖標樣式

02、面性風格圖標

1、單色面性圖標：由單個顏色組成的圖標。

2、多色面性圖標：由多個顏色組成的圖標。

3、漸變面性圖標：的顏色從明到暗，或由深轉淺，或是從一個色彩緩慢過渡到另一個色彩。

4、透明疊加圖標：通過圖層顏色的疊加做出交叉圖形，將顏色調整為鄰近色，讓圖標更具層次感。

5、微質感圖標：通過設計體現圖標立體效果，更真實，讓圖標更為形象。

03、線面風格結合圖標

1、線面混合：線面混合圖標設計的方法可以增強圖標的視覺層級感，使圖標效果更加豐富，通常用于打造視覺調性。

2、色塊偏移：在線條樣式后面使用偏移色塊來創建自定義感覺，為圖標設計增加了額外的風格和個性。

3、?線面結合：線面結合型圖標結合了線性圖標和面性圖標的優點,既保持了面性圖標的重量感,同時具有線性圖標的精致、細膩。

04、極簡風格圖標

極簡風格秉承“少即是多”的理念。

使用簡單、直接的元素，突出核心內容，提升設計的層次感，不但能夠滿足設計需求，而且能夠幫助用戶快速聚焦核心，節約時間成本，提升用戶參與度與肯定度。

極簡風格廣泛應用在UI、web、平面、品牌、工業設計等領域當中。

05、扁平風格圖標

扁平化概念的核心含義是去除多余、厚重、復雜的裝飾效果。

具體表現為，多余的透視、紋理、漸變和能制造一種效果的元素被去除，讓“信息”本身重新被凸顯為核心。

06、手繪風格圖標

手繪標志圖標的隨意性，把不經意的視覺效果自然地保存下來，盡量避免刻意為之的感覺。隨意繪出的形態，能使人感覺到躍然紙上的自然能量與趣味，極具生機又很和諧

07、像素風格圖標

像素圖標屬于點陣式圖像，這類圖像的出現源于計算機屏幕的特性，早期的紅白機和黑白屏幕手機由于分辨率因素均使用像素圖標。像素圖標強調清晰的輪廓、明快的色彩，幾乎不用混疊方法繪制光滑的線條。

08、MBE風格圖標

MBE風格的圖標可以說是剪影圖標的延伸，圖形色彩鮮艷、簡潔、圓潤可愛，它的原創作者是法國設計師MBE，MBE風格因此而得名。

MBE圖標的主要特點為色塊偏移填充、粗線條描邊、斷線。

另外MBE圖標常用彩色小元素，如“煙花”“圓點”“十字”“圓圈”“星星”等進行裝飾，制造活潑有趣的小氣泡的效果。

09、擬物風格圖標

擬物設計是一種產品設計的元素或風格，指原有物件中，某些必需的形式在新的設計中已不再必要的時候，依舊模仿舊有物件的外觀和使用方式。

簡而言之，就是利用設計元素來模仿現實中的實物創造出虛擬的三維效果，并產生針對實物性質本身的聯想，從而使體驗者較容易地做出選擇判斷。

（設計達人注：下面截圖的擬物風格圖標應該是扁平化風格的，而擬物化風格請參考此文：40個逼真擬物化 iOS 圖標設計作品）

喬布斯曾經說過：“細節至關重要，花費時間仔細打磨是值得的”，而圖標設計對設計師而言，更是一切設計基礎中的基礎。

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。