2014-2-21 藍(lán)藍(lán)設(shè)計的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計( m.gerard.com.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
來源：http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
大多的網(wǎng)頁設(shè)計組成都是明亮的背景（通常是白色的）以及黑色的內(nèi)文，但也有少數(shù)的網(wǎng)站設(shè)計是屬于暗色系的、或是色彩鮮艷的網(wǎng)頁界面設(shè)計。
但你曾想過為什么有些網(wǎng)頁用鮮明顏色、有些則選用白色當(dāng)背景嗎？
這跟使用者的“動機”有很強的關(guān)聯(lián)性。如果把使用者用某個服務(wù)的動機，簡單用二分法來說，一個是“功利”動機、而另一個則是“享樂”動機，那么：
研究顯示，屬于功利動機的消費者在低喚起環(huán)境，會比起高喚醒環(huán)境，更容易產(chǎn)生正向認(rèn)知。喚起程度是指外界環(huán)境如何刺激引發(fā)我們的感覺，像白色較容易營造低喚起環(huán)（較不會刺激我們的感覺）、而紅色則容易營造出高喚起環(huán)境（刺激性較強）。
舉例來說，使用 Google 的使用者許多是因為功利動機，像是搜尋資料、觀察信件……。所以 Google 網(wǎng)站和應(yīng)用程式主要以白色為主，對使用者而言，身處于低喚起環(huán)境，不容易刺激人們的感知，使用 Google 服務(wù)時會比較輕松自在。
但如果將 Google 背景改變成另一種顏色呢，像是紅色，會發(fā)生什么事呢？
紅色將造成非條件生理反應(yīng)（我們與生俱來的反應(yīng)），如增加心跳以及呼吸速度，讓使用者感到緊張、刺激、興奮。而緊張（如同紅色造成的影響）的感覺會讓時間走的似乎更慢。你不會希望 Google ui設(shè)計是采紅色色系，因為會讓你既緊張，又覺得找資料的時間很漫長！
而讓人感到放松，最佳的顏色有藍(lán)色色調(diào)、低飽和度的顏色（黯淡的藍(lán)色）和高亮度（含白色成分越高） ，這顏色會降低人們的心跳與呼吸速率，讓人感到平靜、放松。
像是 IBM 的 logo 現(xiàn)在就采用藍(lán)色。這樣減少刺激、 讓人感到放松的好處是讓人們更有可能推薦你的網(wǎng)站，同時有助于創(chuàng)造速度感，讓等待的時間似乎走得特別快。
研究顯示，享樂型動機的消費者在高喚起環(huán)境，會比起在低喚起環(huán)境更加愉悅。
舉例來說，像是夜店就是一個真正地為享樂型體驗所設(shè)計的高喚起環(huán)境，那里有著顏色豐富的燈光、音樂和滿足你味蕾的飲料 ，所以夜店的網(wǎng)頁設(shè)計通常采用令人感到刺激暗色系組合。
很多時尚以及服飾品牌的網(wǎng)站也都采用黑色，拿 Chanel 的網(wǎng)站來說，網(wǎng)頁的黑色就非常明確地針對享樂型動機的購物者為目標(biāo)，用大張照片來展示產(chǎn)品，傳達(dá)小的事實訊息，這很正常，因為使用者只想要享受產(chǎn)品和網(wǎng)頁的體驗 。
但如果是服飾店的老板，每周都必須去下新的訂單呢？ 要讓他們能有效率、不分心地下單的話，可能較適合低喚起的色調(diào)。
簡單來說，高亮度和低喚起的顏色組合適合功利型網(wǎng)站；相反地，鮮艷與高喚起的顏色組合則適合享樂型網(wǎng)站。
某些情況下，功利動機和享樂動機間的界線，似乎就沒有這么明確。像是 Facebook 是屬于享樂型的任務(wù)，還是功利型的任務(wù)呢 ？
讀取動態(tài)訊息和觀看他人的個人資料，會讓你有享樂性娛樂的感覺 ；而訊息和活動部份，則會提供你有效用的目的性需求。
因此，功利主義和享樂主義的二分法，不一定適用每ㄧ種情況 。不過目前， Facebook 畢竟還是希望讓使用者覺得待在上面時間過得很快，待越久越好（看越多廣告越好），所以還是采用低喚起的設(shè)計。
現(xiàn)在你對于自己的網(wǎng)站界面設(shè)計色調(diào)采用，有好點子了嗎？你的網(wǎng)站設(shè)計是采用低喚起，還是高喚起設(shè)計呢？跟我們分享吧！
藍(lán)藍(lán)設(shè)計的小編 http://m.gerard.com.cn