讓設計師毀掉圖標的6個誘惑_OGO

設計圖標的時候，一定要抵制住這6個誘惑！

所有偉大的圖標都是一樣的偉大，所有失敗的圖標都玩著不一樣的戲碼。

和絕大多數優秀的設計一樣，最優秀最偉大的圖標大多是……隱形的。

最為我們熟知的搜索圖標，可以說是極為完美的，它簡單，可識別度強，每個人都知道它代表著什么。

圖標如果設計失誤，我們一定是會注意到的。

很難想象，這種素質的圖標居然來自于一家著名的企業。

好圖標的設計原則

那么，到底是什么東西成就了一個優秀的圖標呢？

簡單點總結一下設計好圖標的原則：

保持簡約單個圖標要貼合語境，而圖標之間又彼此不同

真正要做到這一點，并不簡單。對于設計師而言，有大量的誘惑，促使著他們讓圖標設計變得復雜，混亂，甚至無法識別。接下來我所提到的6個誘惑，是讓設計師毀掉圖標的主要原因。

全網DeFi TVL跌破380億美元，達2021年2月以來低點:金色財經報道，數據顯示，過去一年中中心化加密貨幣交易所和服務的一系列失敗并沒有阻止DeFi的持續資金外流。據DefiLlama稱，全網DeFiTVL跌破380億美元，達2021年2月以來低點。其中近218億美元目前保存在以太坊協議中。總體數字甚至低于2022年11月中心化交易所FTX崩潰后不久DeFi鎖定的總價值(TVL)約400億美元，導致此類協議中鎖定的許多資產數量跌至兩年來的最低點。包括BlockFi、Genesis和Gemini Earn在內的中心化加密貨幣貸款機構也在蔓延中倒閉。[2023/8/26 12:58:28]

誘惑1：想用圖標表現全部的功能

回想一下，當我們想打印一份文檔的時候，會通過軟件中的打印功能來達成目標，通常會點擊一下文檔打印的圖標。這個時候，你通常還會碰到一個問題，打印機設置、查找打印機、添加打印機的圖標也是差不多的，甚至完全一樣的打印機圖標。這個案例被記錄在經典的UI交互設計書《AboutFace3》當中，直到今天，這個案例依然經典得讓你無法忘懷。

國際內部審計師協會下月將召開審計管理會議，擬研究FTX崩盤后加密行業監管條件:金色財經報道，國際內部審計師協會（IIA）宣布將于3 月 13 日至 15 日召開審計管理會議（GAM conference），本次會議將重點討論：包括元宇宙優勢和風險評估的數字行業內部審計、FTX 崩盤后加密貨幣行業狀態和與之相關的監管條件，以及評估加密貨幣和區塊鏈實際應用。（prnewswire）[2023/2/3 11:46:03]

也許你覺得這個問題是可以被解釋清楚的，可是不論怎么復盤，如何推導，還是很難解釋清楚。即使是最簡單的功能圖標，當你看到它的時候，也常常無法準確地解釋清楚它的真實功能。

就像Office的菜單當中，這一堆信封圖標，就無法準確清晰地表明它們的功能。

事實上，就是解釋不清，沒有必要在設計的時候強求一定要使用一個圖標闡述清楚一個復雜的功能。

誘惑2：在圖標中保留3個甚至更多的視覺對象

歐盟立法者投票對加密貨幣和其他金融加強網絡保護:金色財經報道，歐盟立法者周四以612票對18票支持對加密貨幣提供商和其他金融公司實施嚴格的網絡安全規則。歐盟委員會在 2020 年提出了該法案，因為人們擔心銀行會將數據外包給少數幾家主要的、不受監管的云計算公司，但它對受到網絡攻擊和其他攻擊的加密行業的影響仍然存在爭議。

歐盟專員Mairead McGuinness在周三晚間關于該法律的辯論中表示，數字運營復原力法案（Dora）是我們在歐盟數字金融方面工作的基石，確保我們支持創新并以安全的方式進行。保護金融系統免受網絡攻擊和網絡欺詐是至關重要的。[2022/11/10 12:44:17]

在圖標中包含2個以上視覺對象本就是一件非常麻煩的事情。當然，即使是16×16px的小圖標，包含2個簡單的對象也是可以的，但是，「可以」僅僅是一種針對承載能力的表述，并不是說這樣做就一定好，事實上，減少對象的數量可以增加圖標本身的可讀性和識別度。

NAGA成立2000萬美元元宇宙生態基金:10月29日消息，DEFI生態系統NAGA在媒體平臺宣布，成立2000萬美元的元宇宙生態基金，旨在吸引消費品牌及其用戶加入NAGA的元宇宙生態系統。負責NAGA網絡開發的vincent文森特表示，希望將用戶“大規模”集成到Web3開發中。資金將投向四個主要領域，包括游戲、體育、時尚和娛樂。（prnewswire）[2022/10/29 11:54:32]

作為設計師，適當取舍，嘗試使用圖標來闡述一方面的功能。比如「網絡管理員」的圖標，可以使用一個帶著眼鏡的男性角色來代表，這個形象比較符合大眾對于這一角色的固有認知，就不要再在圖標上加上扳手或者電腦這樣的元素了。

而這個安裝包圖標就是一個包含對象過多的典型。我們已經清楚的知道軟件是需要安裝到計算上的，所以沒必要弄這么復雜。而考慮到軟件安裝包圖標的整個發展歷史和CD光盤之間的緊密關聯，所以這個圖標的設計可以抽象為一個放在CD盒上的CD也足夠清晰了。

孫宇晨回應“收購Huobi股份”：目前還沒有參與有關事項:金色財經報道，孫宇晨發推稱，我們目前還沒有參與彭博社報道的有關事項。

此前消息，彭博社援引知情人士透露，Tron創始人孫宇晨和FTX交易所已經與Huobi就股份轉讓進行初步接觸，他們要求匿名討論私人信息。包括真格基金和紅杉中國在內的股東在7月的股東大會上了解到李林的決定。一位知情人士透露，交易可能最快在本月底完成。目前尚不清楚收購是否可能涉及在香港上市的火幣科技控股有限公司。[2022/8/12 12:21:18]

誘惑3：對于細節刻畫過于具體

圖標本質上只是傳達信息，作為符號代表，和翻譯一樣是需要講究「信、雅、達」，而不是「抄現實」的繪畫：

這個圖標的設計確實是很有風格，也足夠有調性，貌似也表達了什么，但是大概的含義也并不清晰，功能性也不具備，作為個人表達還行，但是在商業產品中實際上是并不具備可用性的。

誘惑4：融入過多的品牌元素

作為設計師，如果你想使用品牌化的設計來取悅甲方或者老板，這是無可厚非的。這個時候，你可能會使用品牌色將產品中的圖標統一起來，讓它們看看起來是一致的。千萬別這樣做！

將品牌配色和元素融入到圖標的設計當中，尤其是系統化地「格式化」圖標的時候，99%的可能會造成圖標可讀性降低。圖標的設計和使用，盡量還是遵循平臺的設計規范來做。

上面的這組圖標是按照營銷部門的要求和感覺來做的，你覺得這都是些啥？

上面是另外一個反面案例，實際上看完也根本不清楚這些圖標代表什么含義。這難道是某種游戲？

誘惑5：在圖標上使用文字來闡述功能

不要在圖標上使用文本來闡述它的功能了，和圖標搭配在一起的文本標簽就能實現這個功能，圖標更多的是用來做視覺化表達的。否則，兩者功能就重疊了，意義何在呢？

看著圖標上的縮寫來猜測它的功能，還不如看旁邊的文本標簽，后者表述更加清晰，可讀性也更強。圖標本身的圖形化的信息，本質上能夠讓用戶通過圖形更快地判斷圖標背后所代表的功能、領域和屬性。

事實上，圖標+文本的搭配在很多情況下是必須的，作為設計師沒有必要在這個事情上糾結，也沒有必要非將繁復的文本信息融入到圖標當中。

這些貨幣圖標就比較合理，使用國家和地區的特征色彩和圖形加上貨幣符號來代表當地的金融單位，而沒有直接使用EUR、CAD和HKG這些縮寫文本來進行傳達。

誘惑6：增加面部細節

在設計帶有人物形象的圖標的時候，盡量不要讓面部包含太多的細節元素，因為這會分散用戶的注意力。

△iOS中的帶有面孔的圖標

△Office中帶有面孔的圖標

為什么這么說呢？看看下面Bidstrup的經典漫畫中，面孔能夠傳達多少情緒吧。在很多情況下，圖標是功能性的，但是人類先天會對面部細節極為敏感，不自覺地就會被面孔和表情所吸引。

總而言之，圖標是功能性的產物，它不是藝術品，它存在的目的是為用戶服務，清晰簡約是它應有的屬性。

Onemorething

圖標和LOGO的設計常常被并舉，但是兩者在功能和定位上，存在著不小的區別。圖標本身是功能性優先的，而LOGO則在很多時候承載著品牌傳達和形象構建的工作，兩者目標上的差異使得實際的設計需求和規則有著不小的區別。

其實設計師在圖標設計中所面對的誘惑，也間接反映了圖標設計所需要遵循的原則。所以，在今天的文章結尾，我也附上LOGO設計大師保羅·蘭德的LOGO設計7原則，來供你參考和對比。

1.簡潔性

簡潔的設計并非現代才有。簡潔的設計才更加容易被記住，更加容易被理解，也更加易于被應用。在信息過載的現代設計，簡潔的設計也更貼合大家的深層偏好。

2.獨特性

獨特性反映的是品牌的氣質，獨特性讓品牌形象更加突出，在市場競爭中更容易脫穎而出。而這也是LOGO設計當中最考驗人的部分，而圖標設計上，則不會對獨特性有苛刻的要求。

3.可視性

LOGO的設計在視覺傳達的時候要具備有辨識度，在復雜的環境下，能夠抓人眼球，讓人立刻注意到，這一點同樣很重要。

4.適應性

品牌LOGO的適用范圍是很廣，盡量使用簡約直觀的幾何圖形，具有凝聚力的配色和更加純粹的元素，才能確保LOGO在不同的環境下都能使用。

5.可記憶性

品牌的認知度高低和可記憶性有著緊密的關聯，這也是為什么優秀的LOGO設計，還需要搭配持續的營銷和推廣的積累。

6.普適性

設計師需要站在更高、更加普世的角度上，來找到能被更多人所能感知和共鳴的元素來進行設計。

7.經典不過時

LOGO的設計能夠不受時代審美的局限，擁有著持久的生命力，隨著時間的推移能夠逐漸凸顯出獨特的品牌價值。

原文作者:IvanBraun

譯者/編輯:陳子木

譯文地址：https://www.uisdc.com/icon-design-6-temptations

本文由@陳子木授權發布于人人都是產品經理，未經作者許可，禁止轉載。

題圖來自Pexels，基于CC0協議

Tags：OGOLOGOnemOGO幣OGO價格LOGO幣LOGO價格nem幣是什么幣

Polygon