網(wǎng)頁設(shè)計(jì)中的圖標(biāo)

  1、簡單性原則
  用戶不喜歡復(fù)雜的東西。
  一個好的圖標(biāo)應(yīng)該簡單易讀。它不需要文字說明。你就可以通過非設(shè)計(jì)人員來測試該圖標(biāo)。如果他們沒有猜到它的大致含義，則此圖標(biāo)可能有問題。
  簡單性的主要敵人：
  1）、多余的元素
  2）、不必要的細(xì)節(jié)
  它們阻礙感知，分散用戶注意力并使其迷惑。通常，圖標(biāo)包含的元素越少越好。具有3種或更多種顏色的圖標(biāo)不再是象形文字，而是插圖。
  3）、考慮細(xì)節(jié)
  圖標(biāo)的細(xì)節(jié)應(yīng)該合理。
  不要以為細(xì)節(jié)是一種邪惡，而“設(shè)計(jì)中的魔鬼”是Web設(shè)計(jì)師發(fā)明的。任何細(xì)節(jié)都會使圖標(biāo)變得復(fù)雜。但是，如果它符合設(shè)計(jì)概念并且是專業(yè)制造的，則是合理的。
  2、即時傳達(dá)
  用戶不喜歡他們不了解的事物。
  不清楚的圖標(biāo)需要“解密”，用戶不喜歡它。如果圖標(biāo)沒有任何意義，這也是一個很大的缺點(diǎn)。圖標(biāo)的主要目的是即時傳達(dá)信息。
  因此，我們的任務(wù)是刪除所有阻止其執(zhí)行此操作的不必要的東西。
  1）、簡化的好壞
  用戶不喜歡界面元素，甚至不屑一顧。因此，圖標(biāo)必須易于“閱讀”，這一點(diǎn)非常重要。圖標(biāo)的識別取決于其簡單性，可理解性和隱喻性。但是，有不同類型的簡單性。簡單不能保證清晰。你可以簡化圖標(biāo)以至于無法識別。
  2）、尺寸
  元素的大小也會影響圖標(biāo)的識別。圖標(biāo)中的小元素越多，就越難理解它所代表的含義。
  3）、隱喻的清晰度
  好的圖標(biāo)對于不同文化，年齡和背景的人來說都是普遍的。但是，你應(yīng)該研究目標(biāo)受眾，并選擇最適合該人群并可以理解的顏色和隱喻。
  3、風(fēng)格統(tǒng)一
  用戶不喜歡不和諧的事物。
  當(dāng)人們無法解釋他們對圖標(biāo)不滿意的情況時，就是這種情況。我們都在直覺上感到不和諧。和諧之路在于風(fēng)格的統(tǒng)一。
  1）、品牌要求
  圖標(biāo)應(yīng)該反映出品牌的本質(zhì)和價值，不僅是視覺上的，而且是心理上的，都是其有機(jī)的組成部分?？梢詫⑵放频娘L(fēng)格視為強(qiáng)硬或柔和，豪華或經(jīng)濟(jì)，正式或私密，精英或民主等。圖標(biāo)設(shè)計(jì)必須首先滿足品牌指示的要求。
  2）、設(shè)計(jì)要求
  樣式的統(tǒng)一假設(shè)一組圖標(biāo)的通用參數(shù)，例如：
  一致的調(diào)色板；
  圖形和典型的統(tǒng)一性（柵格或矢量，2D或3D，實(shí)體或輪廓）；
  大小相等；
  線寬相等；
  相等的視覺重量；
  元素的均等平衡；
  相同級別的細(xì)節(jié)；
  強(qiáng)調(diào)統(tǒng)一原則；
  節(jié)奏均勻，動感或靜態(tài)；
  相同的陰影（如果有）；
  符合徽標(biāo)風(fēng)格和整體設(shè)計(jì)理念；
  字體的視覺對應(yīng)。
  設(shè)計(jì)師通常必須使用Web上現(xiàn)成的收藏夾中的圖標(biāo)或?qū)⑵渥鳛榛A(chǔ)。但是，該集合可能沒有必要的圖標(biāo)，因此有必要自己創(chuàng)建它們。一個常見的錯誤是你的“自己的”圖標(biāo)與集合略有不同。原因是違反了上述一個或多個統(tǒng)一性參數(shù)。
  4、獨(dú)特性
  有兩種類型的唯一性-圖標(biāo)集的唯一性和每個單獨(dú)圖標(biāo)的唯一性。
  1）、集合的獨(dú)特性
  第一類唯一性幾乎不需要任何解釋。這種設(shè)計(jì)允許將一組圖標(biāo)與許多相似的圖標(biāo)區(qū)分開，以使其特別，有趣且令人難忘。圖標(biāo)的獨(dú)特性有助于品牌的獨(dú)特性。
  唯一性并不意味著你需要創(chuàng)建世界尚未見過的圖標(biāo)。你沒有必要這樣，把一個大家都不太熟悉的圖標(biāo)創(chuàng)造出來，而是在現(xiàn)有的圖標(biāo)上進(jìn)行創(chuàng)新。
  互聯(lián)網(wǎng)用戶已經(jīng)習(xí)慣了某些標(biāo)準(zhǔn)和刻板印象，打破它們并不是一個好的選擇。這些陳規(guī)定型觀念限制了創(chuàng)造力，但它們使UI元素可預(yù)測和可理解。人們不應(yīng)該費(fèi)力地去理解自己所看到的東西，而浪費(fèi)時間解決重路。
  2）、圖標(biāo)的唯一性
  圖標(biāo)的唯一性應(yīng)理解為與集合中的圖標(biāo)不同。為了追求統(tǒng)一，設(shè)計(jì)師有時會犧牲最重要的東西-圖標(biāo)的含義。不應(yīng)忘記統(tǒng)一和單調(diào)遠(yuǎn)非同一回事。每個圖標(biāo)都有其自己的用途。（現(xiàn)代圖標(biāo)設(shè)計(jì)師的口號是EIM-每個圖標(biāo)都很重要。）
  用戶無法欣賞或理解帶有視覺上無法區(qū)分的圖像的精美套裝。人們感到尷尬，無法將一個圖標(biāo)與另一個圖標(biāo)區(qū)分開。
  “統(tǒng)一”并不意味著“相同”！
  5、視覺平衡
  這是第3點(diǎn)“風(fēng)格的統(tǒng)一”的特例，但值得特別提及。
  視覺上不平衡的圖標(biāo)是用戶乍一看不喜歡的圖標(biāo)。人們幾乎不看圖像就能直觀，立即感覺到不平衡。元素對齊中的錯誤也指平衡干擾。但是，盡管元素對齊的重要性非常重要。
  但對齊的微小不規(guī)則并不是圖標(biāo)在視覺上令人不快的主要原因。在許多情況下，對準(zhǔn)和對中誤差不是造成不平衡的原因。
  由于形狀和顏色強(qiáng)調(diào)的不一致性，破壞了平衡。
  這是吸引用戶眼球的第一件事，而不是一個或兩個像素移動一個元素。