支付寶、知乎、App Store 的圖標,為什么都是藍色的?

8 評論 10705 瀏覽 59 收藏 6 分鐘

天空的顏色是藍色的,大海的顏色是藍色的,支付寶和餓了么的 app 圖標顏色也是藍色的。為什么藍色這么好看?為什么那么多 app 的主色調(diào)是藍色?

你有沒有發(fā)現(xiàn),很多圖標都是藍色的,比如支付寶、餓了么、App Store、Safari、LinkedIn 等等。毫無疑問,藍色是 UI 設(shè)計中最重要、使用最頻繁的顏色之一。

那么問題來了,為什么藍色如此受歡迎?

其實原因有很多,Nick Babich 羅列 7主要個原因:

1. 用戶就是喜歡藍色

根據(jù)調(diào)查數(shù)據(jù)顯示,大多數(shù)人都喜歡藍色。在全球范圍內(nèi)來講,藍色也是最安全的顏色。

「顏色喜好」是視覺體驗環(huán)節(jié)中不可或缺的一部分

不同國家和地區(qū)人們眼中的顏色喜好

2. 藍色與大自然和諧相融

看到藍色,我們總能不由自主地聯(lián)想到清澈的湖水和明朗的天空。我們都是喜歡大自然的,所以喜歡藍色也不需要理由。

沒有落霞與孤鶩,秋水長天仍然其美侃侃,奇景融融。

3. UI 設(shè)計師的「第一顏色」

從 UI 設(shè)計師的角度來說,藍色除了有用還是有用。設(shè)計師工具盒中的很多顏色,比如紅色、橙色和綠色,都已經(jīng)被貼上了既定標簽——它們代表激情、活力和安全。所以藍色成為設(shè)計師的「寵兒」,也不足為奇。

4. 給人創(chuàng)新感

通常,藍色備受各類公司青睞,原因也在于藍色讓人聯(lián)想到科技與創(chuàng)新。

5. 給人安全感

在旅游行業(yè),無論是在線網(wǎng)站還是 app,藍色都非常常見。藍色代表著可靠度,這對這個行業(yè)的公司來說,益處多多。

達美航空官網(wǎng)

6. 讓產(chǎn)品更值得信賴

做產(chǎn)品,往往都需要去說服用戶,讓用戶信賴你的產(chǎn)品。在產(chǎn)品中加入藍色,就是向用戶證實產(chǎn)品信賴度的第一步。

像戴爾、IBM、AT&T 以及 PayPal 這類科技公司都充分利用了藍色,向用戶傳達產(chǎn)品可信度的信息。它們的產(chǎn)品,誰用誰都說好。

藍色給人一種平衡感,也帶有沉穩(wěn)的特性。因此,不少財務(wù)領(lǐng)域的公司也都用藍色。

7. 對弱「視」群體毫無壓力

主要的弱「視」群體(紅色盲和綠色盲)都能輕松識別藍色。如果用了紅色或綠色,那酸爽,誰用誰知道 。

弱「視」群體看顏色。上圖為正常情況下的顏色顯示,下圖為弱「視」群體眼中的顏色。

藍色也是 Facebook 的主色調(diào)(偷偷八卦一下,其創(chuàng)始人馬克·扎克伯格就分不清紅綠色,但這絲毫不影響他競選美國總統(tǒng)?。?。扎克伯格還說:「對我而言,藍色是最豐富、最飽滿的顏色,它在我面前真的是一絲不掛?!?/p>

結(jié)束語

希望通過這篇文章,你們能了解到藍色在設(shè)計圈如此受歡迎的原因。但如果你現(xiàn)在就想把你的 app 或者網(wǎng)站主色調(diào)改為藍色,這可不在我這篇文章的目的范圍內(nèi)。

藍色,并非世間最好看的顏色。畢竟,這世間本沒有最好看的顏色。

在這個網(wǎng)站或者 app 上好看,也許放在其它地方并不一定好看。安全起見,還是根據(jù)目標用戶的喜好去選定顏色吧。

畢竟,設(shè)計中最恰當?shù)念伾?,還是要看用戶喜歡什么顏色。

謝謝!

 

譯者:Jorri

作者:Nick Babich,軟件工程師,關(guān)注 UI 和 UX

原文地址:The Most Important Color In UI Design

來源:http://www.ifanr.com/app/888035

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@愛范兒,作者@Nick Babich

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 跟行業(yè)有關(guān)好不好,你看那個電商平臺會用藍色,基本都是紅色。

    來自廣東 回復
  2. 為什么那么多圖標不是藍色的?

    來自北京 回復
  3. 這是顏色歧視

    回復
  4. 我就喜歡原諒色的產(chǎn)品,看著踏實,環(huán)保,舒服 ??

    來自北京 回復
    1. 微信

      來自河北 回復
    2. 所以微信有點low呀 現(xiàn)在不都是工作群用,代購,中老年人群體嗎

      來自江蘇 回復
    3. 強行l(wèi)ow

      來自河北 回復
  5. color blind還是翻譯為色盲比較好吧。。弱視是low vision。。

    來自廣東 回復