網站APP應用圖標設計原則

2021-05-06 分類：網站建設

一款簡練的圖標比起同樣大小的文字符號，可以表達更多的意義，根據界面的需要，控制圖標的大小和位置，達到布局美觀，這也是文字標示所無法比擬的。
1.易識

易識別性是圖標的靈魂，能準確地讓用戶理解到它所想表達的意思。圖標的圖形應該和目標的外形相似。通俗的講，用戶看到一個圖標，就可以清晰明白這個圖標的含義。圖標含義清晰明確，便于用戶明確獲得操作步驟信息，及時做出正確的選擇判斷。

網站APP應用圖標設計原則

網站APP應用圖標設計原則

2.慣例
如果事情通常以固定的方式完成，那么它就變成了習慣或者慣例，并且用戶期望以該方式去完成。有的設計如果不遵守慣例時，例如：瀏覽器上面主頁的圖標不是一個房子的造型時，用戶會停下來思考，這樣自然降低了效率。所以，盡量使用合適的圖標慣例。
3.隱喻
隱喻旨以一種更為明顯，更為熟悉的觀念符號，來表示某種觀念，觀念之間存在著類似性。
①已經形成慣例的隱喻元素盡量不要輕易改變。諸如放大鏡、垃圾桶、主頁等這些被用戶廣泛認可的隱喻，不要放棄這一隱喻元素轉而訴求別的隱喻元素。
②選擇合適的隱喻對象。圖標的功能和圖形應該和現實生活中的產品功能和外形相一致，這樣用戶第一次使用就能獲得很高的認同感，沒有任何認知上的障礙。
4.聯系

孤立的圖標是沒有意義的。圖標與其他許多元素組合在一起顯示在屏幕上，用戶對圖標的理解離開不了圖標所處的上下文。上下文的因素又可包括物理上下文、認知上下文、隱喻上下文、時間上下文等。

網站APP應用圖標設計原則

網站APP應用圖標設計原則

5.一致
一致性是最重要的可用性特征之一，一致性應當應用于構成整體用戶界面的各個不同媒體。設計中也要遵守界面設計中的一致性原則，主要體現在以下幾個方面：
①一致的映射模式。在同一個系列圖標中，用戶對圖標進行學習，積累經驗，形成某種固定的映射模式，如果突然出現了另一種模式的映射，用戶可能仍將延用先前形成的定勢思維，進行理解，從而出現理解困難或理解偏差，造成不良的映射。
②一致的表現手法。表現手法的一致性主要體現在圖標的色彩、表現形態、結構特征、光源、陰影、透視等多方面。色彩的一致性不僅僅包括色相，還要包括亮度、飽和度的統一以及漸變色的控制一致等。
③一致的風格。圖標設計的5種風格：照片、素描漫畫、剪影和輪廓等。在設計一個界面的時候，選擇一個風格并堅持使用它。
6.信噪
圖標的圖像的細節程度，影響著用戶對圖標的性能判斷。一個圖像的認知需要一定數量的細節，但是過分的細節也可能導致認知性能的退化。那么，就可以引入一個電聲學中的概念，信噪比，即信號噪聲。

一般來講，畫面中相互關聯的物體應該控制在3個以下，因為使用過于復雜的視覺元素越多，那么圖標的意義指向可能性就越多，用戶越有可能從各種各樣的角度去解讀，增大了噪聲，該圖標的可用性就可能越差。

網站APP應用圖標設計原則