插畫將用戶帶入敘事中，講述一個故事，而圖標則有更多的功能目的。它們代表內容而不是補充內容。一般來說，插畫使用隱喻和敘事來描繪大型主題概念。而圖標則簡單得多，更適合描繪非常具體的概念。把插畫看作是段落，把圖標看作是要點。

我分享的一些圖標相當詳細，可以作為插畫處理，所以我讓你決定它們屬于哪一類。當然有幾十種風格，然而在本文中，我將談談我最喜歡的那些風格。

1. 線性圖標

通常，黑色的輪廓，1到3個像素，圖標的某些部分是彩色的。

這些圖標讓網站看起來很有品位，幾乎適合任何風格。從更大的圖標。

audt.to網站的圖標

…到更小、更簡單：

paymentx.io的圖標

……或者更細致更有品位：

想法

讓一個再簡單不過的圖標成為熱門的方法之一就是給它做個動畫：

從Lordicon這個動畫互動圖標庫中獲得一些靈感：

要避免什么

讓我們來看看這套圖標，看看哪些地方可以做得更好：

kencko.com的圖標

1.使用相同的視角。

2.檢查細節。不要讓一些圖標極簡，而其他的圖標超級詳細。

3.牢記圖標的權重。有些對象在視覺上比其他對象占據更多空間。

2. “線條 色塊 “圖標

看看這些明亮而友好的插畫：

Packlane的圖標

添加色塊可以是一個簡單的方法來刷新極簡主義和標準圖標。

Habx的圖標

3. 等距插畫

等距插畫可能需要花費很多時間，但結果往往是非常值得的。

模仿現實或創造一個不真實的魔幻世界，都可以用等距插畫來實現。

在這種情況下，還有很多公司正在創建遵循相同樣式的等軸測圖，從而帶來整體的用戶體驗：

4. 抽象的極簡主義插畫

僅僅是幾個線條和圓圈，如果沒有后續文字，幾乎無法理解圖標的含義。

同時，我們也很難錯過這幅插畫–它實在是太大膽了，太搶眼了且好端端的不規則。

5. 3D圖標

作為一種相當不尋常的方式來表示一些想法，3D圖標在創作中并不復雜。通常情況下，這些圖標在明亮的色塊上看起來很神奇。

Wealthsimple的圖標

豐富的價格計劃設計與一些驚人的3D圖標。

要避免什么

1.盡量不要寫實，而是要增加你的個人風格，股票圖標很少能喚起人們的信任或興趣。

2.不要混合使用軸側和三維透視圖標。

3.請記住，詳細的圖標應該足夠大，以便于識別它們。

6. 極簡主義插畫

相當容易找到或創建，他們將適用于任何網站或應用程序。

想法

嘗試重新思考標準圖標，并創建極簡版的圖標。

要避免什么

過于通用的圖形模板，沒有人可以涉及到。

7. 圖文并茂

這可能是最廣泛使用的風格。聽起來可能是一種沉悶的風格，然而一些公司證明它可以相當時尚。

最大的挑戰是設計的圖標不僅要支持你的想法，而且要以愉快和獨特的外觀為產品增加價值。

想法

部分動畫圖標。

8. 補充內容的圖標

有時候，文字附帶的圖標有點出乎意料。

如果你的大多數用戶發現很容易將圖標與描述聯系起來，而且圖標對他們來說似乎很有價值，那么你就走上了正軌。讓圖標變得有趣或有感情，會提升整體體驗。

然而有時很難將圖標與描述聯系起來，或者對圖標的認知與它所描述的點的主旨不同。

不要讓人不知道你想用這個圖標來表達什么。圖標要絕對清晰，不給人留下歧義。

9. 自定義繪制的圖標

這種類型的圖標可能并不適合每家企業，但一些產品品牌可能會覺得它們很有用。

繪制這樣的圖標需要一定的技巧。然而，你可以嘗試Photoshop或Illustrator的插件，將圖像轉化為草圖，并節省一些時間。

“彎曲 “圖標。

把毛筆的風格改成手繪粉筆，會有很大的不同。

轉載聲明：本文來源于網絡，不作任何商業用途