論App圖標的顏色

原作者:Stuart Hall

譯者:勵定洲

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

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

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


方法

谷歌地圖的圖標

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

#02601e -> 綠色

#a8120c -> 栗色

#0c44de -> 藍色

#bdbfc0 -> 銀色

#f4b510 -> 黃色

#717973 -> 灰色

#24721b -> 綠色

#2d0d0e -> 黑色

谷歌地圖的顏色

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

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


最受歡迎的200個免費iOS App

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

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

我發(fā)現一大堆的藍色和紅色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

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

Google Play上最受歡迎的免費App

貌似沒什么區(qū)別。


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

和iOS作對比

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


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

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

隨大流者

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

我想與眾不同

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

叛逆者

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容