設計圖標的時候，肯定要抵制住這6個勾引！

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

和絕大多數(shù)良好的設計一樣，最良好最巨大的圖標大多是……隱形的。

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

圖標假如設計失誤，我們肯定是會細致到的。

很難想象，這種素質(zhì)的圖標居然來自于一家聞名的企業(yè)。

好圖標的設計原則

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

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

• 保持簡約
• 單個圖標要貼合語境（所處的APP和網(wǎng)站），而圖標之間又彼此不同

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

勾引1：想用圖標體現(xiàn)悉數(shù)的功能

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

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

就像 Office 的菜單當中，這一堆信封圖標，就無法正確清晰地注解它們的功能（假如不看旁邊的文本標簽的話）。

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

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

在圖標中包含2個以上視覺對象本就是一件特別很是麻煩的事情。當然，即使是16×16 px的小圖標，包含2個簡單的對象也是可以的，但是，「可以」僅僅是一種針對承載能力的表述，并不是說如許做就肯定好，事實上，削減對象的數(shù)量可以增長圖標自己的可讀性和識別度。

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

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

勾引3：對于細節(jié)刻畫過于詳細

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

這個圖標的設計確實是很有風格，也充足有調(diào)性，貌似也表達了什么，但是也許的含義也并不清晰，功能性也不具備，作為小我表達還行，但是在商業(yè)產(chǎn)品中現(xiàn)實上是并不具備可用性的。

勾引4：融入過多的品牌元素

作為設計師，假如你想使用品牌化的設計來取悅甲方或者老板，這是無可厚非的。這個時候，你可能會使用品牌色將產(chǎn)品中的圖標同一起來，讓它們看看起來是同等的。萬萬別如許做！

將品牌配色和元素融入到圖標的設計當中，尤其是體系化地「格式化」圖標的時候，99%的可能會造成圖標可讀性降低。圖標的設計和使用，盡量照舊遵循平臺（iOS、Andrlid、Material Design 或者 Windows）的設計規(guī)范來做。

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

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

勾引5：在圖標上使用筆墨來闡述功能

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

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

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

這些貨幣圖標就比較合理，使用國家和地區(qū)的特性色彩和圖形加上貨幣符號來代表當?shù)氐慕鹑趩挝?，而沒有直接使用 EUR、CAD 和 HKG 這些縮寫文原本進行傳達。

勾引6：增長面部細節(jié)

在設計帶有人物形象的圖標的時候，盡量不要讓面部包含太多的細節(jié)元素，由于這會分散用戶的細致力。

△ iOS 中的帶有面孔的圖標

△ Office 中帶有面孔的圖標

為什么這么說呢？看看下面 Bidstrup 的經(jīng)典漫畫中，面孔能夠傳達多少情緒吧。在許多情況下，圖標是功能性的，但是人類天賦會對面部細節(jié)極為敏感，不自發(fā)地就會被面孔和表情所吸引。

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

One more thing

圖標和 LOGO 的設計常常被并舉，但是兩者在功能和定位上，存在著不小的區(qū)別。圖標自己是功能性優(yōu)先的，而 LOGO 則在許多時候承載著品牌傳達和形象構建的工作，兩者目標上的差異使得現(xiàn)實的設計需求和規(guī)則有著不小的區(qū)別。

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

簡潔性

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

獨特征

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

可視性

LOGO 的設計在視覺傳達的時候要具備有辨識度，在復雜的環(huán)境下，能夠抓人眼球，讓人馬上細致到，這一點同樣很緊張。

適應性

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

可記憶性

品牌的認知度高低和可記憶性有著緊密的關聯(lián)，這也是為什么良好的 LOGO設計，還必要搭配持續(xù)的營銷和推廣的積累。

普適性

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

經(jīng)典不過時

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