9種吸引人的圖示樣式，能給你的設計帶來良好的使用者體驗

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

我分享的一些圖示相當詳細，可以作為插畫處理，所以我讓你決定它們屬於哪一類。

當然有幾十種風格，然而在本文中，我將談談我最喜歡的那些風格。

1. 線性圖示

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

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

audt。to網站的圖示

。。。到更小、更簡單：

http：//

paymentx。io

的圖示

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

想法

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

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

要避免什麼

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

http：//

kencko。com

的圖示

1。使用相同的視角。

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

3。牢記圖示的權重。有些物件在視覺上比其他物件佔據更多空間。

2. "線條+色塊 “圖示

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

Packlane的圖示

新增色塊可以是一個簡單的方法來重新整理極簡主義和標準圖示。

Habx的圖示

3. 等距插畫

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

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

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

4. 抽象的極簡主義插畫

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

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

5. 3D圖示

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

Wealthsimple的圖示

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

要避免什麼

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

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

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

6. 極簡主義插畫

相當容易找到或建立，他們將適用於任何網站或應用程式。

想法

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

要避免什麼

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

7. 圖文並茂

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

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

想法

部分動畫圖示。

8. 補充內容的圖示

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

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

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

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

9. 自定義繪製的圖示

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

繪製這樣的圖示需要一定的技巧。然而，你可以嘗試Photoshop或Illustrator的外掛，將影象轉化為草圖，並節省一些時間。

“彎曲 “圖示。

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

-完-