圖標設計的7大核心原則

0 評論 3292 瀏覽 13 收藏 8 分鐘

我們經常能夠在網站上看到各色各樣的圖標設計,這些圖標是通過什么核心原則設計出來的?本文總結了7個核心原則,通過大量真實示例展示了這些原則在實際中的應用,一起來看看吧。

在打造高質量的圖標系列時,需遵循深思熟慮的方法,具備訓練有素的眼光,進行反復迭代和大量實踐。以下是圖標設計的七個核心原則,通過大量真實示例展示了這些原則在實際中的應用,旨在讓讀者深入了解出色圖標設計的關鍵屬性。

一、清晰度

圖標的首要目標是迅速傳達概念。在設計中,避免使用不熟悉的隱喻,確保圖標在不同文化、年齡和背景中都能被理解。借鑒汽車信號裝置標準化的成功案例,考慮使用能引起共鳴的隱喻和顏色,使圖標更易理解。

當圖標使用不熟悉的隱喻時,很難理解。安全帶“提示燈”(左三)比較字面,我們很快就能掌握?!半妱又D向系統警告燈”(最右邊)更加模糊。隨著時間的推移,抽象的東西可以通過重復使用變得熟悉。這就是汽車信號裝置標準化的原因;目的是建立共同的理解。

以下是一些隨著時間的推移而逐漸熟悉的圖標——代表愛/最愛、警告、音樂和向上/前進方向的符號:

圖標不僅對一組人來說很容易理解,而且在不同的文化、年齡和背景中都是通用的??紤]您的聽眾并使用能引起他們共鳴的隱喻和顏色。

二、可讀性

一旦圖標的概念被理解,確保圖標是可讀的。避免細節過多,使用多個形狀時要保持足夠的空間。使用清晰、易讀的筆觸,確保圖標在不同尺寸下都能清晰展現。

以下剪貼板就存在閱讀性差的問題,剪貼板圖標看起來像一個斑點,因為剪貼板之間的空間太小了:

使用多個形狀時,請在它們之間留出足夠的空間。更細的筆畫,以及更多的筆畫,會使圖標更復雜,更難閱讀。

谷歌地圖在他們的交通圖標方面做得非常出色——非常小的尺寸卻非常易讀:

三、簡潔性

簡潔是圖標設計的金科玉律。避免使用過多的細節,用適量的細節傳達所需信息。在用戶界面中,簡化風格可以突出重點,為內容讓路。

簡潔適合圖標設計,因為我們經常在小畫布上工作。為圖標使用適量的細節,不要使用超過需要的細節。在用戶界面中,簡化風格可以傳達重點并為內容讓路。

四、一致性

為了保持圖標系列的和諧感,需要在視覺上對齊圖標元素。圖標的視覺重量由填充、筆觸粗細、大小和形狀等參數決定,在整個系列中保持這些參數的一致性,有助于建立整體協調感。

任何給定的圖標都有一定的視覺重量,由填充、筆觸粗細、大小和形狀等參數決定。在一組中保持這些參數相同可以建立一致性。


對于大型圖標系列,尤其是涉及多個作者時,保持一致性并不是一件容易的事。有明確的原則和規則可供遵循(和遵循)是至關重要的。

五、個性

每個圖標集都應有獨特的風格,體現品牌個性,創造獨特的氛圍。添加一些獨特的細節,使圖標在大眾中脫穎而出,建立集合的獨特性。

六、易用性

完善的圖標集需要進一步測試和準備,以確保設計者、貢獻者和工程師都能輕松使用。建議構建工具來促進圖標的創建、生產和使用,并保持有條理、有據可查。

七、學習和迭代

持續學習并迭代圖標設計,考慮現成的隱喻,使用標準化的規則和原則。在圖標設計中,不僅僅相信數字,用眼睛檢查工作,確保圖標在上下文中協調一致。

八、總結

在圖標設計的七大核心原則中,清晰度、可讀性、一致性、簡潔性、個性、易用性等方面的考慮是打造高質量圖標系列的關鍵。明晰性要求圖標能夠快速傳達概念,而可讀性則確保圖標在不同尺寸下清晰可辨。

一致性是為了保持整個系列的和諧感,而簡潔性則強調用適量的細節傳達信息。個性則賦予圖標獨特的風格和品牌氛圍。

最后,易用性不僅要求圖標設計有條理、有據可查,還需要構建工具來促進圖標的創建、生產和使用。

本文由 @唐小白 原創發布于人人都是產品經理,未經許可,禁止轉載

題圖來自 Unsplash,基于 CC0 協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!