通常,1-3px的深色描邊或者單色的拼貼,可以讓圖標更醒目。這類圖標使網站看起來優雅,幾乎適合任何樣式。比如壹些較大且內容詳細的圖標。
或者壹些小而美的圖標。
如果想讓用戶點擊這類看似簡單的圖標,最好的方法就是 讓圖標動起來,吸引用戶的註意力。
也可以添加壹些有意思的交互動效, 增加圖標的趣味性。
看看下面這組圖標的問題,我們可以將它做得更好:
使用相同的視角。 不能有的圖標用單點透視,有的卻是兩點透視,造成角度不統壹。
檢查圖標的詳細度。 不要造成壹些圖標很簡單,有的卻設計的很復雜。
註意圖標的大小排版 。有些圖標視覺上可能需要占據更多的空間,控制好圖標比例。
統壹的線條搭配明亮的顏色,讓這類圖標看起來像是壹個個簡潔友好的插圖:
添加明亮的顏色,可以為極簡的圖標增加豐富性,顏色的統壹為圖標帶來標準性。
設計等距插圖可能會花費很長時間,但結果往往是很值得的,這種樣式有很強的表現力。 無論是模仿現實的場景,還是創造壹個虛擬的立體世界, 都可以用等距插圖的形式展示出來。
另外很多公司在遵循相同的樣式創建等距插圖,為用戶帶來整體統壹的體驗。
如果只有簡單的直線和曲線,沒有多余的文字,可能很難理解這類圖標的含義。但同時,我們又很難忽視這種圖標—— 它如此不規則,太過大膽而且引人註目。
3D圖標作為壹種非同尋常的樣式來表達某種設計想法,創建起來並不是很復雜。 3D圖標搭配明亮的純色,就能展示出令人驚嘆的效果。
3D圖標豐富的細節能更好地體現壹些設計想法和產品表現力。
使用3D圖標時,需要註意的是: 不要混合使用等距圖標和3D圖標。
內容豐富的圖標應該足夠大,以便於識別。
這種形式很容易創建,適用於任何網站或者產品。
避免使用過於通用的圖形模板,容易導致 信息的關聯性出現問題。
這可能是使用最廣泛的樣式。設計這類圖標最大的挑戰不僅是要支持想法,還要 以令人愉快和獨特的外觀為產品增加價值。
當然也可以利用動效,增加用戶的點擊率。
如果大多數用戶發現將圖標與描述連接起來很容易,而且圖標對他們來說很有價值,說明設計就走上了正確的方向。 使圖標變得有趣或情感化將提高整體的體驗。
不要讓別人去猜測妳想用這個圖標說明什麽。 圖標應該是絕對清晰的,不存在雙重理解的空間。
這類圖標可能並不適合所有業務,但某些特定的品牌會認識到它們的作用。
繪制這樣的圖標需要壹定的技能。 可以嘗試使用Photoshop或Illustrator插件將圖片轉換為草稿的方式來節省壹些設計時間。
例如下面的圖標, 每個圖標都展現出各自的特點和差異性,同時又保持了統壹的彎曲的樣式。
看了這麽多的圖標樣式,妳是否對圖標設計有了更深壹步的認識呢? 圖標不是體驗中多余的部分,它本身就是壹種獨特的體驗。
精彩推薦:
1、聊聊卡片式設計的運用
2、案例分析:柵格系統的布局設計
3、如何設計深色模式?這3點因素需要考慮
4、深度解析:服務藍圖的應用邏輯