有一些用戶(hù)不喜歡的圖標。他們說(shuō)圖標不清楚，難看或根本無(wú)法解釋他們想要表達的意思或者喜歡的東西。原因很簡(jiǎn)單，在此類(lèi)圖標中，違反了其構造的一項或多項基本原則。
今天，錦州網(wǎng)站建設華睿科技在本文中，將幫助你避免錯誤并創(chuàng )建用戶(hù)肯定喜歡的圖標。這些原則與網(wǎng)站和應用程序圖標都相關(guān)，并且可以應用于所有類(lèi)型的圖標。
讓我們從一些基礎知識開(kāi)始。網(wǎng)頁(yè)設計中的圖標只是很小的元素，而不是重要性的。只需要它們來(lái)指示信息。這些是視覺(jué)錨點(diǎn)，有助于吸引用戶(hù)的注意力并指導他們執行目標明確的動(dòng)作。
圖標有助于：
吸引眼球;
了解含義；
瀏覽界面；
節省視覺(jué)空間；
與用戶(hù)建立聯(lián)系。
圖標的使用并不像乍看起來(lái)那樣容易，它需要設計能力和周到的方法。（最好由單獨的專(zhuān)家來(lái)處理圖標。）
一些設計師最大的擔心是他們的圖標看起來(lái)是否整潔，是否正確居中以及像素是否完美匹配。他們根據公式對齊元素，但忘記了最重要的事情。就是創(chuàng )建每個(gè)人都喜歡的圖標的最重要的原則是什么？
下面我們一起來(lái)看看。
1、簡(jiǎn)單性原則
用戶(hù)不喜歡復雜的東西。
一個(gè)好的圖標應該簡(jiǎn)單易讀。它不需要文字說(shuō)明。你就可以通過(guò)非設計人員來(lái)測試該圖標。如果他們沒(méi)有猜到它的大致含義，則此圖標可能有問(wèn)題。
簡(jiǎn)單性的主要敵人：
1）、多余的元素
2）、不必要的細節
它們阻礙感知，分散用戶(hù)注意力并使其迷惑。通常，圖標包含的元素越少越好。具有3種或更多種顏色的圖標不再是象形文字，而是插圖。
元素和顏色強調的堆積使圖標在視覺(jué)上沒(méi)有區別和模糊：
過(guò)多的細節并不能使圖標更清晰，但是相反，它使你難以感知：
許多強調小的元素也應該考慮它的簡(jiǎn)單性。
3）、考慮細節
圖標的細節應該合理。
不要以為細節是一種邪惡，而“設計中的魔鬼”是Web設計師發(fā)明的。任何細節都會(huì )使圖標變得復雜。但是，如果它符合設計概念并且是專(zhuān)業(yè)制造的，則是合理的。
例如，你的目標是使用戶(hù)狹窄地查看圖標，以便他們在頁(yè)面上停留一段時(shí)間。那么細節就說(shuō)得通了。在大多數情況下，用戶(hù)不會(huì )傾向于睜大眼睛，也無(wú)法即時(shí)“閱讀”復雜的圖標。
頁(yè)面上不應該有很多詳細的圖標。不要將它們彼此靠近。它們的背景必須是唯一的顏色，并且調色板要有限。
對于初學(xué)者，我們不建議從詳細的圖標開(kāi)始。他們的創(chuàng )作需要扎實(shí)的經(jīng)驗，藝術(shù)品味和精通能力。
2、即時(shí)傳達
用戶(hù)不喜歡他們不了解的事物。
不清楚的圖標需要“解密”，用戶(hù)不喜歡它。如果圖標沒(méi)有任何意義，這也是一個(gè)很大的缺點(diǎn)。圖標的主要目的是即時(shí)傳達信息。
因此，我們的任務(wù)是刪除所有阻止其執行此操作的不必要的東西。
1）、簡(jiǎn)化的好壞
用戶(hù)不喜歡界面元素，甚至不屑一顧。因此，圖標必須易于“閱讀”，這一點(diǎn)非常重要。圖標的識別取決于其簡(jiǎn)單性，可理解性和隱喻性。但是，有不同類(lèi)型的簡(jiǎn)單性。簡(jiǎn)單不能保證清晰。你可以簡(jiǎn)化圖標以至于無(wú)法識別。
過(guò)度簡(jiǎn)化或相反，表格過(guò)于復雜會(huì )使用戶(hù)不清楚圖標。
不要認真對待“固體圖標更易于閱讀”的建議。任何設計良好的圖標都易于閱讀。
2）、尺寸
元素的大小也會(huì )影響圖標的識別。圖標中的小元素越多，就越難理解它所代表的含義。
制作不佳的圖標的示例：
第一個(gè)圖標的形狀沒(méi)有引起必要的關(guān)聯(lián)，并且小的元素妨礙了其識別性。這些元素的大小與其他兩個(gè)圖標的大小不對應，線(xiàn)寬和顏色也不同。
這違反了風(fēng)格上的統一，缺少適當的隱喻，過(guò)多的小元素。所有這些都是圖標“難以辨認”的原因。
3）、隱喻的清晰度
好的圖標對于不同文化，年齡和背景的人來(lái)說(shuō)都是普遍的。但是，你應該研究目標受眾，并選擇最適合該人群并可以理解的顏色和隱喻。
適當的隱喻可確保圖標清晰且內容豐富。
這些隱喻甚至對于孩子來(lái)說(shuō)也應該是很清楚：
這是一個(gè)令人困惑的圖標示例：
用戶(hù)不喜歡毫無(wú)意義的東西。
在富有創(chuàng )意的爆發(fā)中，設計師喜歡創(chuàng )造美麗卻毫無(wú)意義的元素。這種方法剝奪了圖標的主要功能：即刻傳達信息。
但是，有時(shí)圖標必須形象化一個(gè)復雜或抽象的概念，很難找到一個(gè)隱喻。在這種情況下，允許使圖標抽象并使用文本傳達含義。我們案例中的一個(gè)例子：
在這種情況下，圖標是引人注目的錨點(diǎn)，而必要的信息則通過(guò)大字體的文本傳達。
如果僅需要將圖標用作平衡設計的視覺(jué)重點(diǎn)，并且文本提供了信息性，則可以使用不包含隱喻的圖標。但是，即使在這種情況下，也希望找到合適的視覺(jué)關(guān)聯(lián)。
3、風(fēng)格統一
用戶(hù)不喜歡不和諧的事物。
當人們無(wú)法解釋他們對圖標不滿(mǎn)意的情況時(shí)，就是這種情況。我們都在直覺(jué)上感到不和諧。和諧之路在于風(fēng)格的統一。
風(fēng)格的統一表明圖標設計與品牌風(fēng)格和設計理念相匹配。
1）、品牌要求
圖標應該反映出品牌的本質(zhì)和價(jià)值，不僅是視覺(jué)上的，而且是心理上的，都是其有機的組成部分。可以將品牌的風(fēng)格視為強硬或柔和，豪華或經(jīng)濟，正式或私密，精英或民主等。圖標設計必須首先滿(mǎn)足品牌指示的要求。
2）、設計要求
樣式的統一假設一組圖標的通用參數，例如：
一致的調色板；
圖形和典型的統一性（柵格或矢量，2D或3D，實(shí)體或輪廓）；
大小相等；
線(xiàn)寬相等；
相等的視覺(jué)重量；
元素的均等平衡；
相同級別的細節；
強調統一原則；
節奏均勻，動(dòng)感或靜態(tài)；
相同的陰影（如果有）；
符合徽標風(fēng)格和整體設計理念；
字體的視覺(jué)對應。
設計師通常必須使用Web上現成的收藏夾中的圖標或將其作為基礎。但是，該集合可能沒(méi)有必要的圖標，因此有必要自己創(chuàng )建它們。一個(gè)常見(jiàn)的錯誤是你的“自己的”圖標與集合略有不同。原因是違反了上述一個(gè)或多個(gè)統一性參數。
以相同樣式制作的圖標：
風(fēng)格的統一不僅是對品牌風(fēng)格的美學(xué)和支持的致敬。樣式的一致性使圖標的感知更加容易，簡(jiǎn)化了導航，并為用戶(hù)帶來(lái)了良好的體驗。
4、獨特性
有兩種類(lèi)型的唯一性-圖標集的唯一性和每個(gè)單獨圖標的唯一性。
1）、集合的獨特性
第一類(lèi)唯一性幾乎不需要任何解釋。這種設計允許將一組圖標與許多相似的圖標區分開(kāi)，以使其特別，有趣且令人難忘。圖標的獨特性有助于品牌的獨特性。
唯一性并不意味著(zhù)你需要創(chuàng )建世界尚未見(jiàn)過(guò)的圖標。你沒(méi)有必要這樣，把一個(gè)大家都不太熟悉的圖標創(chuàng )造出來(lái)，而是在現有的圖標上進(jìn)行創(chuàng )新。
互聯(lián)網(wǎng)用戶(hù)已經(jīng)習慣了某些標準和刻板印象，打破它們并不是一個(gè)好的選擇。這些陳規定型觀(guān)念限制了創(chuàng )造力，但它們使UI元素可預測和可理解。人們不應該費力地去理解自己所看到的東西，而浪費時(shí)間解決重路。
使用每個(gè)人都熟悉的圖標，但使它們的視覺(jué)實(shí)現獨特。用戶(hù)不想破譯謎語(yǔ)。
具有獨特實(shí)現的簡(jiǎn)單圖標（貼紙）：
2）、圖標的唯一性
圖標的唯一性應理解為與集合中的圖標不同。為了追求統一，設計師有時(shí)會(huì )犧牲最重要的東西-圖標的含義。不應忘記統一和單調遠非同一回事。每個(gè)圖標都有其自己的用途。（現代圖標設計師的口號是EIM-每個(gè)圖標都很重要。）
用戶(hù)無(wú)法欣賞或理解帶有視覺(jué)上無(wú)法區分的圖像的精美套裝。人們感到尷尬，無(wú)法將一個(gè)圖標與另一個(gè)圖標區分開(kāi)。
“統一”并不意味著(zhù)“相同”！
具有視覺(jué)上相同的元素的設計示例（保持樣式的統一）：
5、視覺(jué)平衡
這是第3點(diǎn)“風(fēng)格的統一”的特例，但值得特別提及。
視覺(jué)上不平衡的圖標是用戶(hù)乍一看不喜歡的圖標。人們幾乎不看圖像就能直觀(guān)，立即感覺(jué)到不平衡。元素對齊中的錯誤也指平衡干擾。但是，盡管元素對齊的重要性非常重要。
但對齊的微小不規則并不是圖標在視覺(jué)上令人不快的主要原因。在許多情況下，對準和對中誤差不是造成不平衡的原因。
由于形狀和顏色強調的不一致性，破壞了平衡。
這是吸引用戶(hù)眼球的第一件事，而不是一個(gè)或兩個(gè)像素移動(dòng)一個(gè)元素。
總結
設計師非常了解圖標有許多要求。因此，他們準備無(wú)休止地改進(jìn)它們，拋開(kāi)每個(gè)細節并計算每個(gè)像素不說(shuō)。我只想說(shuō)，如果違反了創(chuàng )建圖標的基本原則，那么這些努力將毫無(wú)意義。即以下內容：
簡(jiǎn)潔明了；
隱喻性（信息的明確性）；
風(fēng)格的統一（視覺(jué)和諧統一）；
設計的獨特性和每個(gè)圖標的個(gè)性；
視覺(jué)平衡。
遵循這些原則可以確保你的圖標清晰，美觀(guān)和實(shí)用。這意味著(zhù)每個(gè)人都將會(huì )喜歡這些圖標！
遼寧華睿科技有限公司是專(zhuān)業(yè)軟件開(kāi)發(fā)、高端錦州網(wǎng)站建設、云店商城開(kāi)發(fā)公司，歡迎建站咨詢(xún)。
（一）、全網(wǎng)推廣——錦州網(wǎng)站建設-華睿科技，整合公眾號、朋友圈，全面推廣、宣傳。
（二）、專(zhuān)業(yè)網(wǎng)站建設、淘寶、京東開(kāi)店傳圖運營(yíng)指導。
（三）、公眾號、小程序開(kāi)發(fā)運營(yíng)。
（四）、財務(wù)、進(jìn)銷(xiāo)存、生產(chǎn)管理軟件銷(xiāo)售、服務(wù)。
華睿科技咨詢(xún)電話(huà)：13394162255 、13941609031。微信號同。公司地址:錦州市經(jīng)濟技術(shù)開(kāi)發(fā)區金山大街51號、遼寧省錦州市中央大街二段52號
本文內容來(lái)源于網(wǎng)絡(luò )，如有侵權請立即聯(lián)系刪除
