前言

　　色彩是一個(gè)網(wǎng)站的情緒表達(dá)方式或者說(shuō)是性格特征的體現(xiàn)，每種顏色都有著屬于自己的聲音。作為一種視覺(jué)元素，色彩是很難被量化被衡量的，也很難用理性的角度去分析和闡述它，我現(xiàn)在試著用另外一個(gè)角度去試圖衡量網(wǎng)頁(yè)的色彩，一種嘗試。從最基礎(chǔ)的色彩本質(zhì)、色彩搭配形式、及色彩對(duì)用戶(hù)的潛伏影響和心理暗示等著手，去分析色彩，讀懂色彩，讓色彩幫設(shè)計(jì)師說(shuō)話(huà)。

　　一、色彩的基礎(chǔ)知識(shí)

　　色彩的三大要素

　　1.色相

　　我們最常見(jiàn)的色譜“虹”就是把顏色按照“ 紅 橙 黃 綠 青 藍(lán) 紫 ”依次過(guò)渡漸變，色相兩端分別是暖色、冷色中間為中間色或中型色。

　　2.明度

　　明度就是色彩的明暗差別，如深紅、大紅以及粉紅等。

　　3.飽和度

　　飽和度是指色彩的鮮艷程度，也稱(chēng)色彩的純度。

　　二、不可思議的色彩魔力

　　1.色彩有魔力，選色需謹(jǐn)嚴(yán)!

　　快餐店給我們的印象一般是座位良多，效率很高，顧客吃完就走，不會(huì)停留很長(zhǎng)時(shí)間。有人喜歡和朋友約在快餐店碰面，但實(shí)在快餐店并不適合等人。這是由于良多快餐店的裝潢以桔黃色或紅色為主，這兩種顏色固然有使人心情愉悅、高興以及增進(jìn)食欲的作用，但也會(huì)使人感覺(jué)時(shí)間漫長(zhǎng)。假如在這樣的環(huán)境中等人，會(huì)越來(lái)越煩躁。

　　請(qǐng)兩個(gè)人做一個(gè)實(shí)驗(yàn)，讓其中一人進(jìn)入粉紅色壁紙、深紅色地毯的紅色系房間，讓另外一人進(jìn)入藍(lán)色壁紙、藍(lán)色地毯的藍(lán)色系房間。不給他們?nèi)魏斡?jì)時(shí)器，讓他們憑感覺(jué)在一小時(shí)后從房間中出來(lái)。結(jié)果，在紅色系房間中的人在40~50分鐘后便出來(lái)了，而藍(lán)色系房間中的人在70~80分鐘后還沒(méi)有出來(lái)。有人說(shuō)，這是由于紅色的房間讓人覺(jué)得不愜意，所以感覺(jué)時(shí)間特別漫長(zhǎng)。確實(shí)有這個(gè)原因，但也不盡然。最主要的原因是人的時(shí)間感會(huì)被附近的顏色擾亂。同樣道理，高血壓的人忌紅色。

　　再舉個(gè)例子，在時(shí)下非常流行的休閑運(yùn)動(dòng)潛水中，人需要攜帶氧氣瓶。一個(gè)氧氣瓶大約可以持續(xù)40~50分鐘供氧，但是大多數(shù)潛水者將一個(gè)氧氣瓶的氧氣用光后，卻感覺(jué)在水中只下潛了20分鐘左右。海洋里的各色魚(yú)類(lèi)和漂亮珊瑚可以吸引潛水者的留意力，因此會(huì)感覺(jué)時(shí)間過(guò)得很快，這是原因之一。更重要的是，海底是被海水包抄的一個(gè)藍(lán)色世界。恰是藍(lán)色麻木了潛水者對(duì)時(shí)間的感覺(jué)，使他感覺(jué)到的時(shí)間比實(shí)際的時(shí)間短。(部門(mén)資料來(lái)自-《天天懂點(diǎn)色彩心理學(xué)》)

　　2.聞聲色彩的聲音

　　以上故事和實(shí)驗(yàn)都證實(shí)了，顏色是可以左右用戶(hù)的情緒，也可以影響用戶(hù)判定的。既然色彩潛意識(shí)在影響這著我們，那設(shè)計(jì)師必需學(xué)會(huì)善用色彩，在設(shè)計(jì)的時(shí)候，用色彩去準(zhǔn)確傳達(dá)產(chǎn)品的本質(zhì)和內(nèi)涵。當(dāng)色彩被準(zhǔn)確傳達(dá)后，便能與用戶(hù)產(chǎn)生心靈共識(shí)，產(chǎn)品也就能更深入人心。

　　黃色：青春、樂(lè)觀(guān)、寬大曠達(dá)。常被作為點(diǎn)睛之筆。

　　紅色：活力、速度、緊迫感，常用于促銷(xiāo)打折甩賣(mài)等。

　　藍(lán)色：信任、安全、有底蘊(yùn)，常用于企業(yè)、銀行、安全中央等行業(yè)機(jī)構(gòu)。

　　綠色：生命力、輕松、自然、無(wú)污染，常用于保健品等行業(yè)。

　　橙色：積極、進(jìn)取、活力，阿里巴巴色也是橙色，常用于喚起步履，如button的顏色也常用橙色。

　　粉色：浪漫、女人，常用于女性消費(fèi)行業(yè)，女性產(chǎn)品等。

　　玄色：影響力、時(shí)髦、嚴(yán)厲，常用于奢靡品營(yíng)銷(xiāo)等。

　　紫色：安撫、冷靜、神秘，常用于美妝或抗老的女性產(chǎn)品設(shè)計(jì)中等。

　　當(dāng)我們了解了顏色后，就能更加正確的把握我們的頁(yè)面風(fēng)格的定位，用顏色去闡述你的產(chǎn)品。常常做“腦部運(yùn)動(dòng)”，聯(lián)想游戲等。
 

　　3.色彩與營(yíng)銷(xiāo)、品牌

　　每種特定的行業(yè)，都有相似的產(chǎn)品色彩傾向性 
 

　　大部門(mén)著名品牌的logo傾向于用色彩相近的色調(diào)

　　三、色彩搭配

　　以下以banner為例，簡(jiǎn)樸剖析下色彩的搭配技巧及色彩搭配組合方式以及搭配呈現(xiàn)的視覺(jué)效果。

　　單色搭配：由一種色相的不同明度組成的搭配，這種搭配很好的體驗(yàn)了明暗的層次感。

　　近似色搭配：相鄰的兩到三個(gè)顏色稱(chēng)職為近似色。

　　補(bǔ)色搭配：色環(huán)中相對(duì)的兩個(gè)色相搭配。顏色對(duì)比強(qiáng)烈，傳達(dá)能量、活力、高興等意思，補(bǔ)色中最好讓一個(gè)顏色多，一個(gè)顏色少。

　　分裂補(bǔ)色搭配：同時(shí)用補(bǔ)色及類(lèi)比色的方法確定顏色關(guān)系，就稱(chēng)為分裂補(bǔ)色。這種搭配，既有類(lèi)比色的低對(duì)比度，又有補(bǔ)色的氣力感，形成一種即和諧又有重點(diǎn)的顏色關(guān)系，如下圖，紅色文字就顯得特別的鏗鏘有力，特別凸起。

　　原色的搭配：大部門(mén)是在兒童產(chǎn)品上，色彩明快，這樣的搭配在歐美也非常流行，如藍(lán)紅搭配，frickr的logo以及 麥當(dāng)勞的logo色與主色調(diào)紅黃色搭配等。

　　四、如何正確定位你的色彩

　　前面分析的是通過(guò)顏色去感覺(jué)情緒。這里簡(jiǎn)樸寫(xiě)，如何根據(jù)產(chǎn)品去捕獲色彩，也就是所謂的MOOD BOARD(情緒版)。

　　情緒版是指對(duì)要設(shè)計(jì)的產(chǎn)品以及相關(guān)主題方向的的色彩，影像，圖片等其他材料的收集，從而引起某些情緒反應(yīng)， 以此作為設(shè)計(jì)方向或者是形式的參考。

　　1.原生樞紐詞選擇

　　首先，通過(guò)對(duì)產(chǎn)品的理解與熟悉，以及用戶(hù)調(diào)研等得出體驗(yàn)樞紐詞(Experience Keywords)。

　　2.衍生樞紐詞

　　針對(duì)所得到的樞紐詞，擴(kuò)容信息，通過(guò)頭腦風(fēng)暴畫(huà)出樞紐詞的思維導(dǎo)圖，尋找擴(kuò)展樞紐詞。

　　3. 收集相關(guān)圖片，提取圖片天生情緒版

　　通過(guò)“原生樞紐詞”和“衍生樞紐詞”，通過(guò)網(wǎng)絡(luò)渠道，收集了大量的對(duì)應(yīng)的素材圖并配合定性訪(fǎng)談。

　　4. 衍生樞紐詞的分析——分維詮釋

　　5. 對(duì)情緒版進(jìn)行“色彩分析”和“質(zhì)感分析”

　　總結(jié)

　　色彩是種感覺(jué)，當(dāng)我們學(xué)會(huì)讀懂色彩，聽(tīng)到他們的聲音，就可以做到熟能生巧，跟跟著流行的趨勢(shì)去游刃有余的駕馭它。我的見(jiàn)解大多也是基于前人的分享總結(jié)，同時(shí)結(jié)合了自我的一些觀(guān)點(diǎn)。總之，多看，多想以及多摹仿，都可以匡助設(shè)計(jì)師在色彩感覺(jué)練習(xí)上事半功倍。成功的配色方案，一定是理性+感性的結(jié)合，所以設(shè)計(jì)師要做個(gè)感情細(xì)致，情感豐碩的感性之人，題外話(huà)：)。