網(wǎng)站配色,如何給使用者一點(diǎn)“顏色”瞧瞧?

2014-2-21    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   m.sillybuy.com  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里 

大多的網(wǎng)頁(yè)設(shè)計(jì)組成都是明亮的背景(通常是白色的)以及黑色的內(nèi)文,但也有少數(shù)的網(wǎng)站設(shè)計(jì)是屬于暗色系的、或是色彩鮮艷的網(wǎng)頁(yè)界面設(shè)計(jì)。

但你曾想過為什么有些網(wǎng)頁(yè)用鮮明顏色、有些則選用白色當(dāng)背景嗎?

這跟使用者的“動(dòng)機(jī)”有很強(qiáng)的關(guān)聯(lián)性。如果把使用者用某個(gè)服務(wù)的動(dòng)機(jī),簡(jiǎn)單用二分法來說,一個(gè)是“功利”動(dòng)機(jī)、而另一個(gè)則是“享樂”動(dòng)機(jī),那么:

  • 功利動(dòng)機(jī)適合低喚起、高亮度設(shè)計(jì)
  • 功效被定義為有用的特征或是狀態(tài),使用者尋求功效。例如,當(dāng)你每次在使用計(jì)算機(jī)時(shí),你可能就有一個(gè)功利性的動(dòng)機(jī)在背后,像是協(xié)助你算帳更快。

研究顯示,屬于功利動(dòng)機(jī)的消費(fèi)者在低喚起環(huán)境,會(huì)比起高喚醒環(huán)境,更容易產(chǎn)生正向認(rèn)知。喚起程度是指外界環(huán)境如何刺激引發(fā)我們的感覺,像白色較容易營(yíng)造低喚起環(huán)(較不會(huì)刺激我們的感覺)、而紅色則容易營(yíng)造出高喚起環(huán)境(刺激性較強(qiáng))。

舉例來說,使用 Google 的使用者許多是因?yàn)楣麆?dòng)機(jī),像是搜尋資料、觀察信件……。所以 Google 網(wǎng)站和應(yīng)用程式主要以白色為主,對(duì)使用者而言,身處于低喚起環(huán)境,不容易刺激人們的感知,使用 Google 服務(wù)時(shí)會(huì)比較輕松自在。

但如果將 Google 背景改變成另一種顏色呢,像是紅色,會(huì)發(fā)生什么事呢?

紅色將造成非條件生理反應(yīng)(我們與生俱來的反應(yīng)),如增加心跳以及呼吸速度,讓使用者感到緊張、刺激、興奮。而緊張(如同紅色造成的影響)的感覺會(huì)讓時(shí)間走的似乎更慢。你不會(huì)希望 Google ui設(shè)計(jì)是采紅色色系,因?yàn)闀?huì)讓你既緊張,又覺得找資料的時(shí)間很漫長(zhǎng)!

而讓人感到放松,最佳的顏色有藍(lán)色色調(diào)、低飽和度的顏色(黯淡的藍(lán)色)和高亮度(含白色成分越高) ,這顏色會(huì)降低人們的心跳與呼吸速率,讓人感到平靜、放松。

像是 IBM 的 logo 現(xiàn)在就采用藍(lán)色。這樣減少刺激、 讓人感到放松的好處是讓人們更有可能推薦你的網(wǎng)站,同時(shí)有助于創(chuàng)造速度感,讓等待的時(shí)間似乎走得特別快。

  • 享樂動(dòng)機(jī)適合高喚起、鮮艷設(shè)計(jì)
  • 享樂主義被定義為追求愉悅,特別是我們感官上所得到的愉悅感覺。

研究顯示,享樂型動(dòng)機(jī)的消費(fèi)者在高喚起環(huán)境,會(huì)比起在低喚起環(huán)境更加愉悅。

舉例來說,像是夜店就是一個(gè)真正地為享樂型體驗(yàn)所設(shè)計(jì)的高喚起環(huán)境,那里有著顏色豐富的燈光、音樂和滿足你味蕾的飲料 ,所以夜店的網(wǎng)頁(yè)設(shè)計(jì)通常采用令人感到刺激暗色系組合。

很多時(shí)尚以及服飾品牌的網(wǎng)站也都采用黑色,拿 Chanel 的網(wǎng)站來說,網(wǎng)頁(yè)的黑色就非常明確地針對(duì)享樂型動(dòng)機(jī)的購(gòu)物者為目標(biāo),用大張照片來展示產(chǎn)品,傳達(dá)小的事實(shí)訊息,這很正常,因?yàn)槭褂谜咧幌胍硎墚a(chǎn)品和網(wǎng)頁(yè)的體驗(yàn) 。

但如果是服飾店的老板,每周都必須去下新的訂單呢? 要讓他們能有效率、不分心地下單的話,可能較適合低喚起的色調(diào)。

簡(jiǎn)單來說,高亮度和低喚起的顏色組合適合功利型網(wǎng)站;相反地,鮮艷與高喚起的顏色組合則適合享樂型網(wǎng)站。

  • 網(wǎng)站色調(diào)選擇取決于使用者的動(dòng)機(jī)

某些情況下,功利動(dòng)機(jī)和享樂動(dòng)機(jī)間的界線,似乎就沒有這么明確。像是 Facebook 是屬于享樂型的任務(wù),還是功利型的任務(wù)呢 ?

讀取動(dòng)態(tài)訊息和觀看他人的個(gè)人資料,會(huì)讓你有享樂性?shī)蕵返母杏X ;而訊息和活動(dòng)部份,則會(huì)提供你有效用的目的性需求。

因此,功利主義和享樂主義的二分法,不一定適用每ㄧ種情況 。不過目前, Facebook 畢竟還是希望讓使用者覺得待在上面時(shí)間過得很快,待越久越好(看越多廣告越好),所以還是采用低喚起的設(shè)計(jì)。

現(xiàn)在你對(duì)于自己的網(wǎng)站界面設(shè)計(jì)色調(diào)采用,有好點(diǎn)子了嗎?你的網(wǎng)站設(shè)計(jì)是采用低喚起,還是高喚起設(shè)計(jì)呢?跟我們分享吧!

 

原文地址:http://techorange.com/2012/12/03/rebuzz-web-color/

分享本文至:

日歷

鏈接

個(gè)人資料

存檔