為什麼很多 App 圖標使用白色，而不是用 brand colors 做底色？

12-08

謝謝邀請。
非常贊的問題，我乘此機會研究了 iOS 下的 App Icon，總結出下面幾條設計「規則」：

1. 如果品牌 LOGO 在「顏色」上的展示訴求大於「造型」的話，可用白色背景加品牌 LOGO；
2. 如果品牌 LOGO 「造型」足夠獨特具有高識別度，或對「顏色」訴求相對較小的話，則可用品牌色做背景；
3. 如果產品擁有具象的形象物或場景的話，可設計「擬物化」或「場景化」的圖標（遊戲圖標居多）。

雖說是規則，也並非絕對，只是一個可以簡單套用的設計技巧而已。
我將通過列舉一些優秀的 App 圖標加以佐證。

先讓我們來看下適用於第一條規則的。

如果品牌 LOGO 在「顏色」上的展示訴求大於「造型」的話，可用白色背景加品牌 LOGO。
怎麼理解這句話。
首先我們第一眼可以感覺到這些圖標里的 LOGO 顏色都是較為豐富的。
其次，像「Google」、「Bubble Chat」、「Hyperlapse」等都是造型非常簡單的，「Hyperlapse」甚至就只是一個圈。這些 LOGO 比起形狀，顏色會給人更深的印象。
另外像「Google」、「Medium」將帶色彩的 LOGO 作為主要形象充滿 VI 系統中，被人們所熟知。因此使用白色背景，用形象的 LOGO 更將有辨識度，被人所接受。

再來看下第二條規則。

如果品牌 LOGO 「造型」足夠獨特具有高識別度，或對「顏色」訴求相對較小的話，則可用品牌色做背景。
理解了第一條的話，這條比較好說了。上面這組圖標中，除了「Memoir」外，大家可以發現圖標中的 LOGO 圖形都是比較有獨特性、高識別度的。並且這些 LOGO 圖形自身對顏色的訴求也並不大，因此可直接使用品牌顏色做背景，上面放個 LOGO 形狀。
當然出於差異化或美觀，可以讓 LOGO 多些細節，如「Airbnb」的陰影和「美拍」的漸變色。

再來看下第三條。

如果產品擁有具象的形象物或場景的話，可設計「擬物化」或「場景化」的圖標。
相信這個很好理解。遊戲圖標自然不用說，比如「Monument Valley」、「Hearthstone」。像「Dueling」和「Twitterrific」這類自身有形象物的產品，也可以用形象物直接作為圖標。「Sooshi」和「Wunderlist」也類似，只是「Wunderlist」的這枚圖標直接作為 LOGO 使用，被人所知。

最後要說的是，圖標不是獨立存在的，一定要結合產品本身設計。

舉例來說 iOS 9 的「音樂」圖標相較 iOS 7 就有很大不同。為什麼要改？這是因為產品本身發生了巨變。
iOS 7 時期，系統自帶的「音樂」App 更偏向一個工具，同步 iTunes 上的音樂，然後作為播放器播放。而 iOS 9 的「音樂」它自身帶有大量內容，做了流媒體服務。人們可以通過這款 App 去瀏覽發現音樂，而不單單是個音樂播放器了。並且，「音樂」App 中的界面搭配了大量色彩配色，從界面本身展示給人這是款「多彩」的 App。
因此，當軟體發生了這樣的巨變後，自然不能使用單調的 iOS 7 圖標了。當然，這次改變更重要的作用就是告訴人們「俺已經變身啦！」

-----------------------------------------

歡迎關注我的專欄：UIcircle - 知乎專欄

我還開了同名微信公眾號「UIcircle」，會同步推送文章，歡迎訂閱哦

Medium 上前段時間正好有一篇關於 White App Icons 的討論，就不搬了，大家自己看吧。
Let』s talk about white app icons

用iphone做個案例，給大家先看看系統默認的背景圖。

在手機中，基本上默認的皮膚類型，都是偏向重色系的壁紙。在這樣的壁紙中進行瀏覽，可以得到舒適的視覺體驗，不刺眼，不累，長時間的瀏覽不會出現視覺疲勞。

從明度來看，去色後，我們的屏幕在黑白灰的比重上，是很偏向黑色的。

白色作為底色，在這樣的重色背景中，呈現的效果更好，更清晰而易識別。再加上應用的logo，足夠醒目而簡潔。

在很多人的手機中，壁紙是無法控制類型的，不是系統喜歡重色系，你的壁紙就是重色系。

但是在效果圖中可以看出來，在淺色壁紙中，在手機隨便拍攝的壁紙中，在系統的壁紙中，白色的icon背景都足夠的跳躍及醒目，估計只有在白色純白的背景中使用，才會出現icon不夠清晰的情況。然而使用純白背景的人，實在是少而又少。

再從色盲人群分析。中國的男性公民色盲人數是5%-8%，女性色盲人數是0.5-1%。全球色盲人數男性是8%左右，女性是0.5%左右。

在色盲人群中，他們看到的顏色是這樣的。

所以，不管我們用什麼類型的顏色，或者是使用brand colors的顏色做背景，其實對某些人群來說，都有識別障礙或者說識別困難。

我們來找尋色盲人群中的一些色彩上的規律：

在紅綠色盲種，難以分辨兩種靠近紅綠的顏色。如紅色和綠色識別；藍色和紫色（藍+紅）識別；綠色和棕色識別；紅色和棕色識別等。

紅綠色盲人士對藍色更為敏感。帶有藍色的東西，都能清楚的分辨出來。他們會把紅色和綠色、黃色和黃綠色混淆，卻能清楚的分辨綠色和藍綠色和帶藍色系的任何綠色的識別。

紅綠色盲眼中的紅色並不是一種明亮醒目的顏色。紅色對他們來說顯得非常深沉，而暗紅色則接近黑色。因此，色盲人士很難分辨出文章內的紅色系強調文字。

色盲人士對色相的辨識能力較弱，但卻對明度、飽和度非常敏感。特別是明度的對比，識別是很容易的事情。

所以，在任何一個背景上，使用白色的icon背景，他們都可以識別出來。而這一部分的人群，在全球比例中佔據了8%左右。

所以，在優化這部分的人群識別度上，最好不用考慮到色系色相的設計，在明度上足夠的對比設計，就是優秀的設計。

也沒有很多吧，只是剛好你用的都是白色外邊
每個applogo設計出來的時候都有各自的考慮，我沒辦法說明每個為何這麼設計，但是可以說，每個applogo做白色底，只是為了適應logo而已，讓logo看起來更好看。。
從設計上來說，白色的普適性強，無論是新手還是老鳥，用白色都不會太難看。並且好兼容，無論是怎麼花銷還是多醜的logo，都能適用。

iOS內置的很多是這種風格的圖標，顯然是為了呈現出相對統一的風格。
但是就我個人而言，這其實很大程度上是一種偷懶的做法。因為無論是iOS內置的軟體還是很多第三方軟體，最初都是起源於桌面系統，在桌面系統中圖標大多是無規則的圖形Logo。轉移到iOS平台後全變成了圓角矩形。與其再花心思設計一套新Logo還不如更省力的把原圖標嵌套在一個白底的圓角矩形Logo中來的更好的了。

待我養了三天的邀請之後，我還特意留意了這個問題，查閱了資料。
白色打底的圖標始於IOS7系統的扁平化開始，慢慢的出現的越來越多。但是這並不等同於大多數公司都在用白色的app圖標，樓主知識湊巧把白色的圖標湊到了一個屏幕上，所以這樣看來好多公司都用了白色打底的app圖標。
下面看我的桌面，隨機截圖：

總有幾個是白色的，但是也有很多其他品牌色的。樓主該不會按照顏色分類了吧？

--------------------------------------我是分割線-------------------------------------------
當然也有好多公司都用了白色作為底色，讓我們試著分析下下面的原因：
1.白色作為底色配上公司或者應用的logo怎麼都不會太丑，而且顯得簡潔。
2.操作起來很簡單，啪啪啪搞定。
但是問題也就那麼來了，
白色作為底色的應用越來越多，多了之後就會顯的平庸，容易跟其他的應用混淆，不容易辨認，也間接的影響了用戶活躍度，雖然可能很小。
你不能想像滿屏幕的如下桌面圖標會是怎樣的一個情況：

絕大多數的設計師都知道，圖標也是視覺傳播的一部分，一個好的應用圖標應該是醒目的，包含公司文化，企業顏色，企業理念於一身，是一種公司文化的延伸。所以圖標應該是有意義的。
Brand colour（企業品牌色）作為圖標的案例也頗多，比如：知乎，支付寶，餓了嗎，京東，格瓦拉，天貓等等等，一個應用圖標本應該去仔細的揣摩設計方案，目前白色圖標越來越多，為何不用品牌色的圖標來凸顯自己的應用，那樣更會奪人眼球，吸引關注。雖然白色的圖標也並沒有多大的過錯，但是設計師應該往更深層次的去考慮，目前的狀況下如何在體現企業文化的同時讓人更加關注我的應用，從而增加活躍度，這才是根本的目的，至於白色或者品牌色相對來說都要根據實際需求來決定，so，我說的大概明白了吧？
我的公眾號：

誰告訴你的？…

給你演示完我還得特么拖回去…

大部分時候應該還是和產品本身的ui設計有關，圖標和界面給人的視覺印象和感受應該是一脈相承的。

很多產品在ui設計上品牌色用的就非常克制，只是一些非常少的點綴。用戶這個產品的印象就是：產品的主色調就是白色，自然Icon設計也延續了這一特點。
ios7之後越來越多的App界面被設計成了一片白，導致這種的白色圖標越來越多也就不奇怪了。

白色icon+少量點綴的品牌色的界面設計：

品牌色為底色icon+大面積品牌色作為背景的界面設計

不管什麼原理還是規範，最大的原因肯定是跟風

為了問這個問題，你還特地去下載一些白底的APP啊

湊齊這麼多，辛苦你了

並沒有很多吧

這是我手機上安裝的全部程序，一共68個圖標。

其中桌面上的照片日曆微博 QQ 4個，生活方式文件夾里提醒事項家庭健康3個，附加程序文件夾里語音備忘錄查找iPhone qq同步助手3個還有遊戲文件夾里的玩家賽事和娛樂文件夾里的音樂，共12個圖標是白色底色，不到五分之一。

谷歌全系貌似都是這個風格…

排開擬物，顏色多的，用白底，顏色少的，直接Brand Colors就好了，但是關鍵還得看Application自身的內部UI，協調才是王道，你們討論的都是統一的圓角，放到Google 原生Android上去顯然就不一樣了，它的不規則反而帶來了很多空間感

贊同Hindy 所說的那三點規則（詳細的請看第一條）。
一個App的圖標存在的意義在於具有很強的識別性，在滿屏色彩斑斕的icon中，一眼瞄到開始接下來的操作。一般新App剛出來的時候，有多少人會去在意這個icon的企業色、設計的含義等等，更多的是通過顏色或者圖形下意識的Get到這個App是幹嘛的，引起興趣後才會進行接下來的操作。如果這個App能夠通過他的過人之處留在了用戶的屏幕上。才有機會讓用戶了解這個App的企業文化、設計含義、故事等等。所以我認為App的圖標就是門面，門面在不同的時期會發生不同的變化，會向用戶表達不同的初衷。我認為白色的背景+icon圖形，已經有吸引眼球過度到突顯企業文化的層面。我們的企業Logo大多都是帶有Brand colors的圖形，而不是Brand colors的背景Logo反白的設計，所以，更能突出企業文化的我認為是白色背景。這並不是設計師偷懶或者說設計上隨大流。這是經過思考過的設計。

前幾年用過了，所以這兩年就換一下，更重要的一點就是設計趨勢是這樣的

辛苦題主了，找了那麼多白底的，我手機app三分之二都不是白的

黑白灰這三類屬於無顏色，通常來說黑白灰能恩好地來搭配其他色調（尤其是穿衣方面）白色又屬於這三類色中明度最高的，所以搭配上其它的色調會顯得簡潔明亮舒服許多！

可能因為設計師大多都是處女座吧

因為白色的icon底色對於任何花色的背景來說都具有很強的適應性。按道理來說，所有消色系都有同樣的作用

因為跪舔蘋果啊

以前這樣做的只有谷歌，因為谷歌的圖標大部分都不是圓角矩形，iOS版就是在Android版基礎上簡單粗暴地加個底色。

當時大部分第三方app的做法是和safari一樣，把圓的做成方的，白底什麼的根本不流行。

iOS扁平化後有些做法改變了，第三方也就跟著學了。