當前位置:首頁 >教程首頁 > Photoshop >圖標設計有哪些基本原則

圖標設計有哪些基本原則

發布時間:2021-03-24 10:25:03

創建圖標時我們會考慮圖標的構成、粗細、顏色,會精確到每一個像素,這樣能讓圖標看起來更精致。其實不僅要掌握這些設計技法,更要關注設計的基本原則。掌握圖標設計的基本原則,技法才能更好的實施出來。下麵就一起來看下圖標設計有哪些基本原則吧!

1、簡潔性

圖標的設計在滿足基本意義表達的基礎上,應該盡量簡潔明了。好的圖標應該簡單易懂,不需要額外的文字說明。

過分追求畫麵美觀,可能會造成用戶不了解圖標所要表達的信息,增大用戶錯誤選擇的幾率,也增加了開發成本。

通常,圖標包含的元素越少越好。過多的元素堆積會讓圖標之間缺少差異性。

1.png

太多的細節可能並不會讓圖標更清晰,相反會給用戶帶來一種零碎的感覺。

2.png

2、清晰性

大家思考一下,如果圖標比文字還難理解,那它存在的意義和價值又是什麼呢?

對於不同文化和背景的人來說,好的圖標是通用的。

合適的隱喻保證了圖標的清晰性,通過大家共同認知的語言, 讓用戶理解、操作並快速獲取信息。

3.webp.jpg

▲ 常見的搜索、購物車、文件夾等圖標利用了實體物品來做隱喻,用這類用戶都認可的圖標進行表現,可以讓設計更加行之有效。

簡化

圖標的易讀性很重要。簡單有時候並不能保證清晰,因為過度的簡化會讓圖標表意不明確。

4.png

▲ 這組圖標的設計存在過度簡化的問題,雖然保持了統一的設計樣式但內部元素的表達卻不清晰。

5.webp.jpg

▲ 圖標采用了統一的顏色搭配和基本圖形,視覺樣式很吸引人,但是用戶很難快速分辨出每個圖標代表的含義。

尺寸

尺寸大小也會影響圖標的識別。圖標中的小元素越多,就越難理解它所傳達的含義。

6.png

▲ 通過對比能發現車站圖標的問題:圖標尺寸偏大;存在過多的小細節;線條的粗細程度不同。這些都是導致圖標不清晰的原因。

3、統一性

每個APP都包含很多的圖標,統一性是指在統一協調的基礎上,依據功能的不同而增加可識別的變化。

品牌要求

圖標設計要滿足產品的要求,應該與整個產品或品牌的風格保持一致,保證圖標的整體感和一致性。

7.webp.jpg

▲ Google更新的的圖標具有高度統一的外觀和配色,不僅是在視覺上還是在心理上,都反映出品牌的本質和價值。

設計要求

圖標要保持元素外觀的一致性,包括外形、顏色等。圖標之間存在關聯性的同時也要具有明確的識別度,減少用戶的記憶負擔。

8.png

▲ 這組水果主題的圖標采用了統一的風格樣式,圖形變化具有統一的動態節奏。這種一致性使圖標的感知更容易,有助於用戶體驗的積極性。

統一並不意味著相同!而是在樣式統一的基礎上尋找關聯和變化。

9.png

4、獨特性

在滿足前麵原則的基礎上,為了與其他圖標有所區分,可以追求圖標視覺上的獨特性和表現力。

獨特性並不意味著需要創造沒見過的圖標,而是使用熟悉的隱喻,用有感染力的表現方法,突出視覺效果,完美實現創意和設計風格。

10.png

▲ 3D圖標的運用讓界麵具有很強的表現力。需要注意的是,有意思或者趣味性很強的圖標會帶給用戶新鮮感, 但不是所有用戶都能輕鬆理解或操作。

最後

一個圖標的誕生需要不停地打磨、改進每一個小細節,也需要遵循化繁為簡的基本原則,這樣才能保證圖標的清晰、美觀、實用。

原文地址:Clip設計夾(公眾號)

作者:Clippp

华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

專業問題谘詢

你擔心的問題,火星幫你解答

微信掃碼在線答疑

掃碼領福利1V1在線答疑

點擊谘詢
添加老師微信,馬上領取免費課程資源

1. 打開微信掃一掃,掃描左側二維碼

2. 添加老師微信,馬上領取免費課程資源

×

同學您好!

您已成功報名0元試學活動,老師會在第一時間與您取得聯係,請保持電話暢通!
確定