當前位置:吉日网官网 - 油畫收藏 - 9種醒目的UI圖標,帶來出色的用戶體驗

9種醒目的UI圖標,帶來出色的用戶體驗

這裏分享壹些細致的圖標,風格多種多樣,有的可以當作插畫使用,壹起來它們看看如何提升用戶體驗。

通常,1-3px的深色描邊或者單色的拼貼,可以讓圖標更醒目。這類圖標使網站看起來優雅,幾乎適合任何樣式。比如壹些較大且內容詳細的圖標。

或者壹些小而美的圖標。

如果想讓用戶點擊這類看似簡單的圖標,最好的方法就是 讓圖標動起來,吸引用戶的註意力。

也可以添加壹些有意思的交互動效, 增加圖標的趣味性。

看看下面這組圖標的問題,我們可以將它做得更好:

使用相同的視角。 不能有的圖標用單點透視,有的卻是兩點透視,造成角度不統壹。

檢查圖標的詳細度。 不要造成壹些圖標很簡單,有的卻設計的很復雜。

註意圖標的大小排版 。有些圖標視覺上可能需要占據更多的空間,控制好圖標比例。

統壹的線條搭配明亮的顏色,讓這類圖標看起來像是壹個個簡潔友好的插圖:

添加明亮的顏色,可以為極簡的圖標增加豐富性,顏色的統壹為圖標帶來標準性。

設計等距插圖可能會花費很長時間,但結果往往是很值得的,這種樣式有很強的表現力。 無論是模仿現實的場景,還是創造壹個虛擬的立體世界, 都可以用等距插圖的形式展示出來。

另外很多公司在遵循相同的樣式創建等距插圖,為用戶帶來整體統壹的體驗。

如果只有簡單的直線和曲線,沒有多余的文字,可能很難理解這類圖標的含義。但同時,我們又很難忽視這種圖標—— 它如此不規則,太過大膽而且引人註目。

3D圖標作為壹種非同尋常的樣式來表達某種設計想法,創建起來並不是很復雜。 3D圖標搭配明亮的純色,就能展示出令人驚嘆的效果。

3D圖標豐富的細節能更好地體現壹些設計想法和產品表現力。

使用3D圖標時,需要註意的是: 不要混合使用等距圖標和3D圖標。

內容豐富的圖標應該足夠大,以便於識別。

這種形式很容易創建,適用於任何網站或者產品。

避免使用過於通用的圖形模板,容易導致 信息的關聯性出現問題。

這可能是使用最廣泛的樣式。設計這類圖標最大的挑戰不僅是要支持想法,還要 以令人愉快和獨特的外觀為產品增加價值。

當然也可以利用動效,增加用戶的點擊率。

如果大多數用戶發現將圖標與描述連接起來很容易,而且圖標對他們來說很有價值,說明設計就走上了正確的方向。 使圖標變得有趣或情感化將提高整體的體驗。

不要讓別人去猜測妳想用這個圖標說明什麽。 圖標應該是絕對清晰的,不存在雙重理解的空間。

這類圖標可能並不適合所有業務,但某些特定的品牌會認識到它們的作用。

繪制這樣的圖標需要壹定的技能。 可以嘗試使用Photoshop或Illustrator插件將圖片轉換為草稿的方式來節省壹些設計時間。

例如下面的圖標, 每個圖標都展現出各自的特點和差異性,同時又保持了統壹的彎曲的樣式。

看了這麽多的圖標樣式,妳是否對圖標設計有了更深壹步的認識呢? 圖標不是體驗中多余的部分,它本身就是壹種獨特的體驗。

精彩推薦:

1、聊聊卡片式設計的運用

2、案例分析:柵格系統的布局設計

3、如何設計深色模式?這3點因素需要考慮

4、深度解析:服務藍圖的應用邏輯

  • 上一篇:敘利亞隊30日晚從迪拜啟程赴上海,多名主力球員高掛免戰牌
  • 下一篇:如何清除微信裏的圖片
  • copyright 2024吉日网官网