## 從學員心理談談門戶風格配置 #### 一、色彩心理學概論 * 色彩是引導學員心理非常重要的因素，它決定了視覺效果，能夠影響用戶的心情和情緒，左右用戶感知和行為。色彩本身并不會產生愉悅感和品質感，但是它能夠起到強化作用。 * 你有沒有想過，當你在購物的時候，超過90%的購買決策都受到色彩的影響。有統計發現，雜志上的全彩廣告要比黑白廣告多26%，這也能說明一部分問題。 * 色彩對于用戶的影響是顯著的，對于選擇、轉化率的影響是毋庸置疑的。 * 問題在于，你能否找到真正對的色彩來搭配你的設計？為了回答這個問題，我們需要分析和了解色彩是如何影響人的，以及它對于男性和女性的影響有著怎樣不同的差異。 #### 二、不同色彩的情感差異 **1、紅色：危險，重要，激情** 紅色所傳遞出的情緒是非常激烈的，甚至可以直接引起相應的生理變化，包括血壓升高，呼吸頻率提升，等等。  紅色還代表著精力充沛，能夠引起沖動，還是是速度與力量的象征。 紅色運用在網頁當中，則意味著這個元素是最重要的、值得重視和注意的。 **2、橙色：自信、能量、樂觀** 橙色同樣是非常鮮艷的色彩，它和紅色也有著許多共通的地方，但是相對而言程度較低。它沒有紅色那么強烈的侵略性，但是它同樣有著精力充沛的含義，可以營造出積極向上的情緒和氛圍。  就像紅色一樣，橙色同樣具備有很高的識別度，能夠強烈地吸引用戶的注意力，高亮特定元素的作用。 另一方面，一些研究表明，橙色還能傳遞出“便宜”的含義，這也是為什么許多電商網站和APP會傾向于將購物車和購買相關的鏈接標識為橙色。 **3、黃色：陽光，幸福，注意** 黃色是非常有意思的色彩，它同時具備了幸福和焦慮兩種特性。  黃色非常容易引起注意力，所以它也是日常生活中近視標識的常用色。盡管它在警示效果上不如紅色強烈，但是依然給人傳遞出危險的感覺。 當黃色與黑色搭配起來的時候，可以獲得更多的關注，著名的紐約出租車就是采用的這樣的設計。 **4、綠色：自然、生長、成功** 與綠色聯系最緊密的毫無疑問是自然。在設計中，綠色可以起到平衡和協調的作用。  不過在設計過程中，綠色的飽和度需要好好控制。高飽和度的綠色讓人興奮，引人注意，而低飽和度的綠色則接近中性色的作用，可以平衡整個設計。 **5、藍色：舒適，放松，信任** 藍色是天空和海洋的色彩，它是UI設計中最重要也是最常用的色彩。  淺藍色給人清爽、自由、平靜的感覺。這種輕松友好的氛圍還能轉化為信任的感覺，這也是為何如此多的銀行類網頁/APP會使用淺藍色。 深藍色能夠給人強大而可靠的感覺。 **6、紫色：豪華，靈性，創造性** 紫色的使用頻率并不算高，它本身的這種稀缺性使得它在設計使用中有著特殊的地位。  將紫色運用到網頁或者APP中，常常會給用戶一種高端的感覺。 一個有趣的調查表明，有接近75%的兒童喜歡紫色和相近的色彩。 **7、黑色：力量，優雅，精致** 黑色是所有色彩中最有力量的，它能夠很快地吸引用戶的注意力，這也是為何它是文字的基準色，也常常作為許多設計的主色。  當黑色作為UI控件和視覺元素的主色調的時候，它常常會帶來相應的情感聯系，它可以輕松傳達出復雜的情緒，營造神秘的氛圍。 **8、白色：健康，純潔，高尚** 白色通常代表著純潔，給人以干凈、健康、高尚的感覺。由于白色常常同健康服務和創新啊所關聯，所以你可以使用白色來強調安全性，推廣醫療和高科技的產品。  在設計當中，白色常常用作留白，用以突出周圍的色彩、控件。正確使用留白是一項非常重要的設計技能。以Google首頁為例，白色讓其他的色彩更加突出，更有力量。 **9、灰色：正是，中性，專業** 灰色代表中性和中立。相比于其他的顏色，灰色更為安全。  當灰色作為主色調而存在的時候，能讓設計的形式感更為強烈，這并不算壞事。和白色相似，這種中性色能夠讓其他的色彩更為顯眼。 灰色通常同其他更為明亮的色彩搭配起來使用。 #### 三、色彩的對比是關鍵 實際上并不存在通用的最佳色彩，而是要根據自身定位和學員的實際情況作為考量。 有一些值得參考的通用法則能夠幫你更合理地用色。 其中，有一個心理學效應叫做“孤立效應”，簡而言之就是最突出、被孤立出的元素更容易被用戶注意到，甚至被選擇。 舉個例子，如果你的網站中使用了大量的綠色，那么用戶不太可能注意到綠色的按鈕。 因此，最重要的是調整整個頁面的信息和層次結構，讓按鈕真正具備行為召喚的能力，色彩的對比是關鍵，如果按鈕無法從諸多元素中脫穎而出，那么轉化率從哪來？ #### 四、控制配色的數量 配色方案中，色彩的數量不應該太多。每增加一種色彩，搭配方式和復雜度都會提升，而這最終會影響用戶的體驗，讓用戶感到混亂。  在室內設計領域有一個著名的60-30-10法則，它同樣適用于其他的設計領域，主色調占60%，次要色占30%，10%是提亮色。這種配比之下，能夠創造出足夠平衡的設計，讓整個配色主次分明，同時能讓用戶的視覺能注意到焦點。 #### 五、關鍵法則 1. 孤立效應：突出對比，被孤立出的元素更容易引起注意。 2. 60-30-10法則：主色調占60%，次要色占30%，10%是提亮色。配色主次分明，用戶視覺能注意到焦點。 3. 避免彩虹配色：配色方案中并不需要5種甚至10種色彩同時存在，最好的配色方案通常只是2~4種色彩的搭配。 4. 結合內容考慮配色：優秀的配色不只是確保視覺上的一致性，會讓內容和色調情緒上保持一致。 #### 六、易用套路 用中性色為其他色彩（灰色/白色/黑色）搭建了表現的舞臺 ·色彩：顏色+白色 ·色度：顏色+黑色 ·色調：顏色+灰色/白色/黑色 * * * * *  本手冊由微學伴制作 *微學伴，一款好用的知識制作與售賣工具* *官網：http://www.vlearn.cn/* *微信公眾號：微學伴（ID：weixueban）*