論App圖示的顏色

勵定洲發表於2015-12-22

在之前我已經研究過了從app描述、截圖、名稱到國家/地區的所有東西。最能勾起我興趣的是app的圖示,但苦於不知如何去對此進行有效的研究。

最近我偶然發現了一個很酷的叫做Miro的Ruby庫,它能夠把一張圖片的各個構成顏色提取出來。

分析一個app主要的顏色能揭露些很有意思的結果。

 

方法

 
谷歌地圖的圖示

接下來我參照標準web顏色(加上額外的黃色)來匹配每個圖示上主要的顏色至最接近的web色。並用籠統的名稱來給他們分成以下幾類:

#02601e -> 綠色

#a8120c -> 栗色

#0c44de -> 藍色

#bdbfc0 -> 銀色

#f4b510 -> 黃色

#717973 -> 灰色

#24721b -> 綠色

#2d0d0e -> 黑色

 
谷歌地圖的顏色

無視黑白灰,我把四個最常用的顏色放在了上面的色盤裡。

大尺寸的圖示意味著該圖示內用的最多的就是那個顏色。

 

最受歡迎的200個免費iOS App

如果把最受歡迎的200個免費app擺在色盤上就會看到如下場景:

 
最受歡迎的200個免費iOS App的圖示顏色

我發現一大堆的藍色和紅色app圖示,還有零零散散的綠色。粉色和紫色寥寥無幾,只有Snapchat是黃色。

 

最受歡迎的200個付費iOS App

最受歡迎的200個付費iOS App的結果和上面的免費版有些許不用。

 
最受歡迎的200個付費iOS App圖示

雖然和免費版本的app一樣也體現出類似的在藍、紅、綠上的集中,付費的app似乎在單個圖示上使用了更多的顏色,這導致了更多的小icon(分身)出現在上面的色盤中。

 

100個最新的iOS App

接下來我挑選了截止到這一刻最新上架的100個iOS app。相較之前的兩例,我估計會得出一個能代表整個應用商店更普遍的結果。

 
100個最新的iOS App圖示顏色

結果和最受歡迎的付費app顏色分佈非常相近。

 

最受歡迎的200個iOS社交app

所有的社交網路app估摸著都是藍色的吧不是嗎?比如Twitter, Facebook等。

 
最受歡迎的200個iOS社交app

最暢銷的200個免費的社交iOS App的圖示顏色分佈,結果依然和前幾例相似,綠色的表現相比更突出一些。

最受歡迎的200個iOS遊戲

 

 
最受歡迎的200個iOS遊戲

很多遊戲都傾向於更復雜的圖示設計,這也導致他們會使用更多的顏色。

 

最暢銷的200個免費Mac Apps

我總隱約記得我的OS X dock上90%的app都是藍色的,讓我們來看看最終的結果是什麼:

 
最暢銷的200個免費Mac Apps

一如既往,藍色佔了大頭,但同樣也有很多圖示使用了紅色和綠色。

來自MacStories的Graham建議換一種色盤上的排列方式,比如使用它們主要的一個顏色而非所有顏色。對此我以前100個最受歡迎的免費app做了回應:

 

 

圖示越大表示單個圖示裡使用該顏色的佔比越大。

 

Google Play上最受歡迎的免費App

在發出第一稿後,有不少熱心讀者想讓我也介紹一下Google Play的情況。我以澳大利亞的Play商店為例:

 
Google Play上最受歡迎的免費App

貌似沒什麼區別。

 

Google Play上最受歡迎的免費遊戲

和iOS作對比

 
Google Play上最受歡迎的免費遊戲

你應該選擇什麼樣的顏色?

如果你在設計一款app那早晚也要面對選擇顏色的問題,當然了這主要取決於它的功能定位以及你的目標使用者群。然而,如果或許你符合以下三大類中的某一種:

隨大流者

你喜歡隨大流,那麼就選擇藍色或紅色吧

我想與眾不同

或許你可以考慮綠色,這雖不是最流行的顏色,但也絕不奇怪。

叛逆者

你嘲笑那些墨守成規者,也對那些自認為自己不同的人拋去白眼。那就考慮一下粉色或紫色吧。

相關文章