支付寶、知乎、App Store 的圖標(biāo),為什么都是藍(lán)色的?

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

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

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

那么問題來了,為什么藍(lán)色如此受歡迎?

其實(shí)原因有很多,Nick Babich 羅列 7主要個(gè)原因:

1. 用戶就是喜歡藍(lán)色

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

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

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

2. 藍(lán)色與大自然和諧相融

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

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

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

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

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

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

5. 給人安全感

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

達(dá)美航空官網(wǎng)

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

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

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

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

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

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

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

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

結(jié)束語

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

藍(lán)色,并非世間最好看的顏色。畢竟,這世間本沒有最好看的顏色。

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

畢竟,設(shè)計(jì)中最恰當(dāng)?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)好不好,你看那個(gè)電商平臺會用藍(lán)色,基本都是紅色。

    來自廣東 回復(fù)
  2. 為什么那么多圖標(biāo)不是藍(lán)色的?

    來自北京 回復(fù)
  3. 這是顏色歧視

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

    來自北京 回復(fù)
    1. 微信

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

      來自江蘇 回復(fù)
    3. 強(qiáng)行l(wèi)ow

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

    來自廣東 回復(fù)