尋夢新聞LINE@每日推播熱門推薦文章，趣聞不漏接❤️
每 周 一·周 四 中 午 不 確 定 時 間 見
圖標顏色
Icon Color
馬上就是農歷年了，最近打開手機一眼掃過去，基本上有80%的app圖標都換上了紅色的外衣，有的是搖身一變，乾脆整個換成紅色，而有的則是帶上了一條小錦鯉，或是紅紅火火的祥雲，總之，都得有點年味兒。
這讓我想起去年讓我「眼前一亮（黑）」的愛奇藝。
常年很綠的它整個標誌直接將底色從綠色換成了紅色，順帶來了幾筆小雲彩，其他的毫無變化，要說年味兒吧，好像也差一點。
於是，在迎接新年的同時也迎來了不少的吐槽，尤其是強迫症，看見下圖這樣的顏色排列真的很頭疼，還有人以為自己把愛奇藝卸載了，怎麼都找不到。
於是大家一邊嫌棄著，一邊盼著它趕緊在過完年後改回原來的綠色。
這說明，在日常與手機打交道的過程中，人們還是會很在意app的圖標所帶來的視覺感受的，如果不好看，那還真是挺「辣眼睛」的。
(哈哈哈)
而拋開節日這種特殊情況不說，究竟移動應用的圖標該選什麼顏色才更有吸引力呢？
這其中，產品的目標用戶是什麼，產品的個性是什麼，圖標將會出現在用戶設備上的什麼地方等等，這些都是在選擇圖標顏色時需要考慮的問題。
尤其是新興公司，選擇應用圖標的顏色是最重要的品牌決策之一，對於每一件不同的產品，圖標的設計都要符合它的個性，不能淹沒在手機螢幕上。
推特上有一位網友做了這樣一件事情，他偶然發現了一個厲害的Ruby資源庫Miro，它可以從一副圖片中提取出主色調（dominant color）。
找出app的主色調後，得到了一些還挺有意思的結果。
以熟悉的Google地圖App圖標為例，先將圖標使用的所有顏色列出，並用百分比表示出來（忽略黑白灰）。然後根據《網頁顏色》找到它們在色盤上最為接近的顏色。
接著根據占比將它們放在色盤上表示，圖標越大代表所在位置顏色占比越大。於是Google地圖在色盤上表示出來就是下面這個樣子：
接著他把前200個免費的iOS app圖標也繪制在色盤上。
前200個免費iOS app圖標在色盤上的分布情況▲
可以看到上圖中藍色和紅色的app圖標的是兩個較為密集的分布群，綠色也占有一部分比例，但相對來說較於稀疏。粉色和紫色所占的比例更低。
看完免費的app，再接著是前200個付費的iOS app圖標，放上色盤後發現了些許不同。
前200個付費iOS app圖標在色盤上的分布情況▲
和免費比起來，雖然有著類似的藍色、紅色和綠色的聚集分布，但是付費app通常在圖標上使用的顏色更多，只使用一種顏色的圖標較少，這導致色盤上分布著更多小圖標。
他又猜測，剛發布到App Store的、最新的前100個iOS app，會不會比上面兩個結果更具代表性，更能代表App Store中app圖標最新的總體色彩比例。
最新的前100個iOS app圖標在色盤上的分布情況▲
結果就是，和前200個付費iOS app的色輪圖非常相似。
還有前200個iOS社交媒體圖標。在我們的印象中，很多大型的社交網路app都是藍色或者綠色的對吧？比如Twitter，Facebook還有微信，line等等。
前200個iOS社交媒體app圖標在色盤上的分布情況▲
結果顯示，社交媒體圖標色彩分布和所有類別的圖標色彩分布相似，依舊是紅藍為兩大區域，只是綠色所占比例更大了，更密集了。
最後是前200個iOS遊戲app圖標。
前200個iOS遊戲app圖標在色盤上的分布情況▲
由於遊戲相比起其他應用程序而言，有很多需要在圖標上繪制複雜圖案，因此圖標會顯得複雜一些，因此可以看到顏色在色輪上伸展得更開。
從上面的這些分布圖可以看出，不管是什麼類型的app，藍色和紅色是受到最普遍喜愛的顏色，這就是為什麼80%的公司用藍色或紅色作為商標顏色或者移動應用程序的圖標顏色。
不同的顏色自然對應著不一樣的意義，消費者的潛意識對於這兩種顏色的基本理解為：
紅色：代表冒險，給人心跳加速以及馬上行動的感覺，經常適用於類似清倉大拍賣這樣的衝動消費場景。比如淘寶以及京東這類電商平台，或是可口可樂這樣的快消品，logo往往以紅色為主。
打開你手機上的購物app看看，是不是一片喜氣洋洋的紅色系？
藍色：代表思考，給人寧靜信任的感覺，傾向適用於人格偏理性的消費者或者用戶群體，比如知乎，高鐵管家，支付寶。
惠普，BMW這類產品，logo往往也是以藍色為主。
關於藍色，這里順帶提一個小小的知識。
在歷史上，只有超級富豪才能用藍色。12世紀的時候，藍色是一種特別昂貴的繪畫顏料，僅次於金色。由於這個原因，以及藍色讓人悲哀的象徵特點，在中世紀歐洲宗教繪畫中，聖母瑪利亞總是穿戴著藍色的物件。
《聖母瑪利亞》▲
Marina Warner在《Alone of All Her Sex: The Myth and the Cult of the Virgin Mary》一書中寫道：「藍色是一種僅次於金色的昂貴顏料，當時人們只能通過阿富汗進口的碎天青石得到這種顏料，因此中世紀畫家總會用這一顏色向天堂的皇后(聖母瑪利亞)致以敬意。」
《天使報喜》▲
你看，藍色是不是比你想像中的高貴一些呢？
但是，這並不意味著大多數公司和設計師都應該選擇藍色或者紅色作為app標誌的顏色，因為這樣難以在競爭對手中脫穎而出。所採用的顏色符合產品以及品牌的個性，這才是至關重要的一點。
下面就來給大家介紹幾種除了紅藍色以外，也能夠很好地彰顯app個性的顏色。
首先是橙色。橙色是一種友好、歡快的顏色。越來越多的公司在選擇圖標顏色時開始避開常見的紅色和藍色，所以橙色逐漸成為一種流行的圖標顏色。
例如，Playground是一款為大學生提供活動發現和管理的應用，它選擇了橙色作為其圖標顏色。這是因為橙色的快樂和活力可以很好地表現激情和參與的理念，這是該公司創始人希望傳達給用戶的。
Playground app圖標▲
然後是黃色，與橙色一樣，黃色正在慢慢成為產品圖標顏色的首選。雖然各種黃色色調並不十分有魅力，但其明亮和愉快的特質能向潛在用戶傳遞一些溫暖而樂觀。
DHL和Sprint公司已經大膽地採用了黃色作為圖標顏色。
一些以黃色為主色調的圖標▲
像Snapchat這樣的社交app也採用了黃色。黃色的快樂特質可以給潛在用戶一種安慰，而其鮮亮的色調也使它在藍色和紅色圖標的大海中顯得突出。
Snapchat app圖標▲
還有紫色，紫色是最不常見的圖標顏色之一，這或許是因為它偏於女性化，並且偏向於時尚。
Jolimi是一款時尚應用，目標用戶是17至25的城市女性，它選用紫色是最明智的選擇，因為它需要一種代表有趣、創新、幽默的顏色和圖標。紫色不但能很好地傳達其實質，而且使它在其他顏色中脫穎而出。
Jolimi app圖標▲
雅虎也選擇了紫色代表其身份，其他像HotelTonight和Luna這樣的公司也恰到好處的運用了紫色。
雅虎app圖標▲
HotelTonightapp圖標▲
Luna app圖標▲
最後還有一個很重要但往往容易被忽視的顏色，那就是白色。
在手機中，基本上默認的壁紙類型，都是偏向重色系的壁紙。在這樣的壁紙中進行瀏覽，可以得到舒適的視覺體驗，不刺眼，不累，長時間的瀏覽不會出現視覺疲勞。
白色作為底色，在這樣的重色背景中，呈現的效果更好，更清晰而易識別。再加上應用的logo，足夠醒目而簡潔。
在效果圖中可以看出來，在淺色壁紙中，在手機隨便拍攝的壁紙中，在系統的壁紙中，白色的icon背景都足夠的跳躍及醒目。
因此在你設計的app標誌中，加入一抹高雅簡潔的白色，不失為一個不錯的選擇。
iOS系統自帶的app圖標中很多都使用了白色作為底色▲
總而言之，作為一名設計師，為移動應用選擇一款符合品牌產品個性的主色調，讓使用者過目不忘，是十分重要的，這就好比我們常常在聞到某一個味道的時候想起一件事，一個地方或是一個人一樣，如果在使用者的心目中，你所選擇的這個顏色能和這個app完美地融為一體，讓他們在看見這個顏色的時候就想起這個app，這就是一個很成功的設計了。
往期內容回顧
為什麼迪士尼能讓Pinterest和Facebook重返大陸
迪士尼竟然要開除自己的「米老鼠」！
哦不！Behance掛了-設計圈再次陷入抑鬱…
肯德基Logo第七次改版-據說改完越吃越瘦了
29/365 |粉色 少女蕾絲
32/365 | 就問你酷不酷！
23/365 | 這所學校的學生設計的產品，你一定用過
*本文中部分文字資料及數據參考均借鑒自網路
*本文中未註明出處的圖片均來自網路