你可能已經(jīng)猜到這篇文章是關(guān)于藍(lán)色的。毫無疑問,藍(lán)色是UI設(shè)計(jì)中最重要的顏色,也是使用范圍最廣、最常用的色彩。在你的手機(jī)當(dāng)中,許多APP都采用了藍(lán)色的LOGO,而它們的UI也大多也將藍(lán)色作為主色調(diào),F(xiàn)acebook、Twitter、Shazam、Safari、支付寶、知乎、Behance均是如此。
那么為什么大家都會不約而同地選擇藍(lán)色呢?
原因很多,但是最主要的,還是下面的幾個。
1、絕大多的用戶喜歡這個顏色。有調(diào)研指出,絕大多數(shù)的人都喜歡藍(lán)色,藍(lán)色被認(rèn)為是全球范圍內(nèi)最安全的設(shè)計(jì)用色。


2、藍(lán)色與自然相關(guān)。清朗的天空和純凈的水,在多數(shù)時候都呈現(xiàn)出漂亮的藍(lán)色,它們代表著好天氣和健康的水源,這種對自然的親近深藏在人類的基因當(dāng)中,外化表現(xiàn)為對藍(lán)色的喜好。

藍(lán)是海洋和天空的色彩,是自然的色彩。
3、藍(lán)色還是UI設(shè)計(jì)師的通用色彩。從UI設(shè)計(jì)師的角度上來看,這是一種泛用且實(shí)用的色彩。常見的色彩當(dāng)中,紅色、橙色、綠色對于用戶都有這強(qiáng)烈的情感影響,其中黃色常用作警告,紅色能夠喚醒用戶的激情,也能夠昭示危險,而綠色常常關(guān)乎健康、安全,相比于它們,藍(lán)色的泛用性明顯更強(qiáng)。

4、藍(lán)色所傳遞的情感相對更加抽象,它還能傳遞出“創(chuàng)新”和“科技”的感覺。所以,當(dāng)公司采用藍(lán)色LOGO的時候,常常會讓人想到技術(shù)和創(chuàng)新。

5、藍(lán)色會讓人有安全感,因此許多旅游相關(guān)的APP和網(wǎng)站會樂于采用藍(lán)色的UI設(shè)計(jì)。它隱隱傳達(dá)出可靠、信任的感覺,對于旅行類的應(yīng)用和網(wǎng)站,無疑是不錯的選擇。


Delta airlines
6、藍(lán)色讓產(chǎn)品看起來更加值得信賴。更準(zhǔn)確地說,它會讓用戶更傾向于覺得“這是我要的產(chǎn)品”,當(dāng)這種感覺和品牌本身的運(yùn)作和特質(zhì)結(jié)合起來的時候,就能夠形成讓人信任的品牌性格了。戴爾、IBM、英特爾、AT&T、和 PayPal 都是利用技術(shù)來營造品牌的信任感,進(jìn)而創(chuàng)造出讓人日復(fù)一日值得信賴的產(chǎn)品。

藍(lán)色令人沉靜,能讓人感覺平衡和智慧。許多金融類服務(wù)企業(yè)也因此選擇藍(lán)色作為品牌色。
7、藍(lán)色對于色盲也足夠友好。占比最大的紅綠色盲群體都能夠清晰地分辨出藍(lán)色。

色盲用戶眼中的色彩效果

藍(lán)色是Facebook 的主要色調(diào),因?yàn)樵瞬窬褪巧ぃ缢f:“于我而言藍(lán)色是我最容易分辨的色彩,所有的藍(lán)色我都能掌控。”
結(jié)語
在讀完這篇文章之后,千萬不要輕率地將你的網(wǎng)站品牌用色改為藍(lán)色,因?yàn)榉河貌⒉灰馕吨m宜所有的地方,而泛用也并不意味著“最好”。
藍(lán)色依然是一種安全的色彩,當(dāng)你的產(chǎn)品或者網(wǎng)站契合藍(lán)色的氣質(zhì)的時候,不妨選擇它,但是始終記住一點(diǎn):選擇適合自己的產(chǎn)品的色彩,才是正確的選擇。
原文地址:uxplanet
原文作者:Nick Babich
優(yōu)設(shè)譯文:陳子木
情非得已
21個Sketch實(shí)用高頻小技巧2019-02-15
25款值得收藏的優(yōu)秀網(wǎng)站模板免費(fèi)下載2015-09-16
20套高質(zhì)量的免費(fèi)網(wǎng)頁模版PSD素材2013-09-02
20款國外時尚大氣的按鈕開關(guān)PSD素材下載2013-07-31
CSS實(shí)例教程:十步學(xué)會用CSS建站2011-10-05
網(wǎng)頁設(shè)計(jì)師:淺淡網(wǎng)頁BANNER設(shè)計(jì)2010-09-27
網(wǎng)頁細(xì)節(jié)教程:WEB設(shè)計(jì)精確點(diǎn)滴2010-09-13
網(wǎng)頁設(shè)計(jì)中的點(diǎn)滴細(xì)節(jié)把握2010-09-01
總結(jié)交互組件創(chuàng)新的四種方式2010-06-28
最全的國外電子商務(wù)CSS模板下載2010-06-18
設(shè)計(jì)師必須知道的版式設(shè)計(jì)三原則
相關(guān)文章4012018-10-10
優(yōu)秀的網(wǎng)頁設(shè)計(jì)和開發(fā)資源干貨集合
相關(guān)文章5102018-05-10
2017年12月超實(shí)用前端干貨素材合集
相關(guān)文章3432017-12-17
解析用戶測試的基本步驟和溝通技巧
相關(guān)文章1972017-12-17
設(shè)計(jì)師須知的已過時的網(wǎng)頁設(shè)計(jì)趨勢
相關(guān)文章3012017-12-11
2017年下半年最流行的3個設(shè)計(jì)風(fēng)格
相關(guān)文章3722017-09-14
10點(diǎn)網(wǎng)頁設(shè)計(jì)中文字排版的技巧分享
相關(guān)文章4362017-08-21
詳細(xì)解析網(wǎng)頁設(shè)計(jì)中微文本的使用技巧
相關(guān)文章1822017-08-09
