設計圖標的時候,一定要抵制住這6個誘惑!
所有偉大的圖標都是一樣的偉大,所有失敗的圖標都玩著不一樣的戲碼。
和絕大多數優秀的設計一樣,最優秀最偉大的圖標大多是……隱形的。
最為我們熟知的搜索圖標,可以說是極為完美的,它簡單,可識別度強,每個人都知道它代表著什么。
圖標如果設計失誤,我們一定是會注意到的。
很難想象,這種素質的圖標居然來自于一家著名的企業。
好圖標的設計原則
那么,到底是什么東西成就了一個優秀的圖標呢?
簡單點總結一下設計好圖標的原則:
保持簡約單個圖標要貼合語境,而圖標之間又彼此不同
真正要做到這一點,并不簡單。對于設計師而言,有大量的誘惑,促使著他們讓圖標設計變得復雜,混亂,甚至無法識別。接下來我所提到的6個誘惑,是讓設計師毀掉圖標的主要原因。
比特幣全網未確認交易數量為6095筆:金色財經報道,據BTC.com數據顯示,目前比特幣全網未確認交易數量為6095筆,全網算力為349.78 EH/s,24小時交易速率為3.59交易/s,目前全網難度為47.89 T,預測下次難度上調1.13%至48, 43 T,距離調整還剩4天17小時。[2023/4/16 14:05:55]
誘惑1:想用圖標表現全部的功能
回想一下,當我們想打印一份文檔的時候,會通過軟件中的打印功能來達成目標,通常會點擊一下文檔打印的圖標。這個時候,你通常還會碰到一個問題,打印機設置、查找打印機、添加打印機的圖標也是差不多的,甚至完全一樣的打印機圖標。這個案例被記錄在經典的UI交互設計書《AboutFace3》當中,直到今天,這個案例依然經典得讓你無法忘懷。
也許你覺得這個問題是可以被解釋清楚的,可是不論怎么復盤,如何推導,還是很難解釋清楚。即使是最簡單的功能圖標,當你看到它的時候,也常常無法準確地解釋清楚它的真實功能。
比特幣礦企CleanSpark 2月產出576枚BTC,售出778枚BTC:金色財經報道,比特幣礦企CleanSpark發布2023年2月挖礦和運營進展更新,CleanSpark 2月共產出576枚BTC,2023年至今已產出1273枚BTC。截至2月28日,CleanSpark持有100枚比特幣,總算力為6.6EH/s。2月,CleanSpark以2.3萬美元的均價出售了778枚BTC,收益為1790萬美元。(Globenewswire)[2023/3/3 12:40:39]
就像Office的菜單當中,這一堆信封圖標,就無法準確清晰地表明它們的功能。
事實上,就是解釋不清,沒有必要在設計的時候強求一定要使用一個圖標闡述清楚一個復雜的功能。
誘惑2:在圖標中保留3個甚至更多的視覺對象
在圖標中包含2個以上視覺對象本就是一件非常麻煩的事情。當然,即使是16×16px的小圖標,包含2個簡單的對象也是可以的,但是,「可以」僅僅是一種針對承載能力的表述,并不是說這樣做就一定好,事實上,減少對象的數量可以增加圖標本身的可讀性和識別度。
美前檢察官:監管機構通過SBF被捕向加密行業“傳遞信息”:金色財經報道,美國司法部證券和商品欺詐部門前檢察官Renato Mariotti表示,FTX前首席執行官SBF的被捕為美國政府監管機構提供了一種向加密行業“發送信息”的方式。Mariotti談到SBF的一系列媒體露面時說“從司法部的角度來看,SBF正在傳播錯誤信息,并導致監管機構對監管市場缺乏信心。”Mariotti表示,SBF很可能會被當作加密行業需要更多監管的原因。加密行業可能會在短期內面臨來自美國證券交易委員會(SEC)的“大量執法行動”。(CoinDesk)[2022/12/16 21:47:48]
作為設計師,適當取舍,嘗試使用圖標來闡述一方面的功能。比如「網絡管理員」的圖標,可以使用一個帶著眼鏡的男性角色來代表,這個形象比較符合大眾對于這一角色的固有認知,就不要再在圖標上加上扳手或者電腦這樣的元素了。
而這個安裝包圖標就是一個包含對象過多的典型。我們已經清楚的知道軟件是需要安裝到計算上的,所以沒必要弄這么復雜。而考慮到軟件安裝包圖標的整個發展歷史和CD光盤之間的緊密關聯,所以這個圖標的設計可以抽象為一個放在CD盒上的CD也足夠清晰了。
Ledger CEO:世界上20%的加密貨幣存儲在Ledger的硬件錢包中:12月7日消息,硬件錢包開發商Ledger首席執行官Pascal Gauthier表示,FTX崩潰刺激了其設備迄今為止最好的銷售月度,幾乎是之前記錄的兩倍。上個月的銷售額在“幾十萬”范圍內。他還公布了一項令人大跌眼鏡的統計數據:聲稱世界上 20% 的加密貨幣存儲在 Ledger 的硬件錢包中。他還談到,Ledger 定位為一家 web3 公司,并希望成為一個與 Apple 類似的生活方式品牌。 Gauthier 還描述了 Ledger 的公開上市計劃,希望這家法國公司將在美國上市 。Ledger 還希望宣布與大型軟件錢包的更多集成,并希望在 Ledger Live 上加強 DeFi 應用程序集成。(the block)[2022/12/7 21:29:03]
誘惑3:對于細節刻畫過于具體
圖標本質上只是傳達信息,作為符號代表,和翻譯一樣是需要講究「信、雅、達」,而不是「抄現實」的繪畫:
Hodlnaut可能因Terra崩盤造成巨大的未披露損失:金色財經報道,Dirty Bubble Media發文稱,加密借貸平臺Hodlnaut在Terra協議崩盤后似乎承受了巨大損失。根據Nansen驗證的區塊鏈數據,該公司于2022年5月11日向FTX發送了1.71億美元的UST,因為穩定幣的脫鉤正在通過以太坊鏈加速。根據消息來源進行整理發現,Hodlnaut通過Terra鏈向FTX發送了額外的1.38億UST。通過交易匹配識別出這個Terra錢包是Hodlnaut 的。在此退出期間,UST的價格從0.69美元跌至0.19美元。由于交易的規模,Hodlnaut離開Terra加速了脫鉤似乎是合理的。Hodlnaut持有的大部分UST似乎是通過Tether和USDC的互換購買的。
我們還發現,這個錢包是UST對Curve上UST與3crv池的最大流動性提供者之一。如此看來,Hodlnaut也是Anchor上最大的存款人之一,他們于2022年1月21日開始在那里部署,在其高峰期存款高達2-3億美元,收益為1110萬美元。而因Terra協議崩盤,我們估計Hodlnaut在這次事件中可能遭受了數千萬美元的損失。然而,該公司似乎沒有披露這一損失。[2022/6/27 1:33:16]
這個圖標的設計確實是很有風格,也足夠有調性,貌似也表達了什么,但是大概的含義也并不清晰,功能性也不具備,作為個人表達還行,但是在商業產品中實際上是并不具備可用性的。
誘惑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協議
對于消費者是否擁有大量的加密貨幣,一直存在很多的擔憂。國家統計研究所最近的一項研究表明,即使在接近主流采納之前,仍然有很多方面需要努力,但情況并沒有那么糟。下列國家按受歡迎程度和擁有量排列.
1900/1/1 0:00:002018-06-0619:28|人民日報客戶端黨的十八大以來,以習近平同志為核心的黨中央就反腐敗國際追逃追贓工作作出重大決策部署,開辟了全面從嚴治黨和反腐敗斗爭的新戰場.
1900/1/1 0:00:00EOS的形象終于翻身了!2017年9月4號前后,EOS背負很多的罵名,“EOS是垃圾空氣幣,EOS是傳銷和騙局”.
1900/1/1 0:00:00圖片來源:Unsplash當下,大學畢業生的數量越來越多,大學本科畢業文憑已經成為再普通不過的一紙證書.
1900/1/1 0:00:00來源:學習學習再學習 這兩天很多人問我,被錄音的感受,我的回答都是一樣的: 自己傻逼唄。 幾乎每時每刻,我都覺得之前的自己很傻逼——這事兒我公開都說過.
1900/1/1 0:00:003名專業化網絡技術人員組成的犯罪團伙,幾乎沒有留下線索,悄無聲息地盜取了高達6億元的虛擬幣!近日,西安破獲了一起特大網絡黑客盜竊虛擬貨幣案,隨著案件辦理的深入.
1900/1/1 0:00:00