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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

讀取動態(tài)訊息和觀看他人的個人資料,會讓你有享樂性娛樂的感覺 ;而訊息和活動部份,則會提供你有效用的目的性需求。

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

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

 

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

日歷

鏈接

個人資料

存檔