## 从学员心理谈谈门户风格配置 #### 一、色彩心理学概论 * 色彩是引导学员心理非常重要的因素，它决定了视觉效果，能够影响用户的心情和情绪，左右用户感知和行为。色彩本身并不会产生愉悦感和品质感，但是它能够起到强化作用。 * 你有没有想过，当你在购物的时候，超过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）*