这两年知识付费形势大热,越来越多的线上知识店铺应运而生。
美观大方,看着舒服是知识店铺的最基本要求;进一步要求是吸引你的学员,你的知识店铺足够吸引你的学员吗?
本篇文章就从学员心理谈谈知识店铺的配置与设计。
一、色彩心理学概论
色彩是引导学员心理非常重要的因素,它决定了视觉效果,能够影响用户的心情和情绪,左右用户感知和行为。色彩本身并不会产生愉悦感和品质感,但是它能够起到强化作用。你有没有想过,当你在购物的时候,超过90%的购买决策都受到色彩的影响。
有统计发现,杂志上的全彩广告要比黑白广告多26%,这也能说明一部分问题。色彩对于用户的影响是显著的,对于选择、转化率的影响是毋庸置疑的。问题在于,你能否找到真正对的色彩来搭配你的设计?为了回答这个问题,我们需要分析和了解色彩是如何影响人的,以及它对于男性和女性的影响有着怎样不同的差异。
二、不同色彩的情感差异
1、红色:危险,重要,激情
红色所传递出的情绪是非常激烈的,甚至可以直接引起相应的生理变化,包括血压升高,呼吸频率提升,等等。
![](https://img.haomeiwen.com/i3020522/735a331c3390ad6a.jpg)
红色还代表着精力充沛,能够引起冲动,还是是速度与力量的象征。红色运用在网页当中,则意味着这个元素是最重要的、值得重视和注意的。
2、橙色:自信、能量、乐观
橙色同样是非常鲜艳的色彩,它和红色也有着许多共通的地方,但是相对而言程度较低。它没有红色那么强烈的侵略性,但是它同样有着精力充沛的含义,可以营造出积极向上的情绪和氛围。
![](https://img.haomeiwen.com/i3020522/18a1ee7c835b6ca4.jpg)
就像红色一样,橙色同样具备有很高的识别度,能够强烈地吸引用户的注意力,高亮特定元素的作用。另一方面,一些研究表明,橙色还能传递出“便宜”的含义,这也是为什么许多电商网站和APP会倾向于将购物车和购买相关的链接标识为橙色。
3、黄色:阳光,幸福,注意
黄色是非常有意思的色彩,它同时具备了幸福和焦虑两种特性。
![](https://img.haomeiwen.com/i3020522/b8ff870120500a37.jpg)
黄色非常容易引起注意力,所以它也是日常生活中近视标识的常用色。尽管它在警示效果上不如红色强烈,但是依然给人传递出危险的感觉。当黄色与黑色搭配起来的时候,可以获得更多的关注,著名的纽约出租车就是采用的这样的设计。
4、绿色:自然、生长、成功
与绿色联系最紧密的毫无疑问是自然。在设计中,绿色可以起到平衡和协调的作用。
![](https://img.haomeiwen.com/i3020522/3ac40e9d3c0f858d.jpg)
不过在设计过程中,绿色的饱和度需要好好控制。高饱和度的绿色让人兴奋,引人注意,而低饱和度的绿色则接近中性色的作用,可以平衡整个设计。
5、蓝色:舒适,放松,信任
蓝色是天空和海洋的色彩,它是UI设计中最重要也是最常用的色彩。
![](https://img.haomeiwen.com/i3020522/ef13734f0ed222bb.jpg)
浅蓝色给人清爽、自由、平静的感觉。这种轻松友好的氛围还能转化为信任的感觉,这也是为何如此多的银行类网页/APP会使用浅蓝色。深蓝色能够给人强大而可靠的感觉。
6、紫色:豪华,灵性,创造性
紫色的使用频率并不算高,它本身的这种稀缺性使得它在设计使用中有着特殊的地位。
![](https://img.haomeiwen.com/i3020522/da0702f28b1e6176.jpg)
将紫色运用到网页或者APP中,常常会给用户一种高端的感觉。一个有趣的调查表明,有接近75%的儿童喜欢紫色和相近的色彩。
7、黑色:力量,优雅,精致
黑色是所有色彩中最有力量的,它能够很快地吸引用户的注意力,这也是为何它是文字的基准色,也常常作为许多设计的主色。
![](https://img.haomeiwen.com/i3020522/41da11cda94e4f7a.jpg)
当黑色作为UI控件和视觉元素的主色调的时候,它常常会带来相应的情感联系,它可以轻松传达出复杂的情绪,营造神秘的氛围。
8、白色:健康,纯洁,高尚
白色通常代表着纯洁,给人以干净、健康、高尚的感觉。由于白色常常同健康服务和创新啊所关联,所以你可以使用白色来强调安全性,推广医疗和高科技的产品。
![](https://img.haomeiwen.com/i3020522/4dde358a8d92b7fd.jpg)
在设计当中,白色常常用作留白,用以突出周围的色彩、控件。正确使用留白是一项非常重要的设计技能。以Google首页为例,白色让其他的色彩更加突出,更有力量。
9、灰色:正是,中性,专业
灰色代表中性和中立。相比于其他的颜色,灰色更为安全。
![](https://img.haomeiwen.com/i3020522/c1217bd24559783c.jpg)
当灰色作为主色调而存在的时候,能让设计的形式感更为强烈,这并不算坏事。和白色相似,这种中性色能够让其他的色彩更为显眼。灰色通常同其他更为明亮的色彩搭配起来使用。
三、色彩的对比是关键
实际上并不存在通用的最佳色彩,而是要根据自身定位和学员的实际情况作为考量。有一些值得参考的通用法则能够帮你更合理地用色。其中,有一个心理学效应叫做“孤立效应”,简而言之就是最突出、被孤立出的元素更容易被用户注意到,甚至被选择。举个例子,如果你的网站中使用了大量的绿色,那么用户不太可能注意到绿色的按钮。
因此,最重要的是调整整个页面的信息和层次结构,让按钮真正具备行为召唤的能力,色彩的对比是关键,如果按钮无法从诸多元素中脱颖而出,那么转化率从哪来?
四、控制配色的数量
配色方案中,色彩的数量不应该太多。每增加一种色彩,搭配方式和复杂度都会提升,而这最终会影响用户的体验,让用户感到混乱。
![](https://img.haomeiwen.com/i3020522/54da4124115b5cc2.jpg)
在室内设计领域有一个著名的60-30-10法则,它同样适用于其他的设计领域,主色调占60%,次要色占30%,10%是提亮色。这种配比之下,能够创造出足够平衡的设计,让整个配色主次分明,同时能让用户的视觉能注意到焦点。
五、关键法则
孤立效应:突出对比,被孤立出的元素更容易引起注意。60-30-10法则:主色调占60%,次要色占30%,10%是提亮色。配色主次分明,用户视觉能注意到焦点。避免彩虹配色:配色方案中并不需要5种甚至10种色彩同时存在,最好的配色方案通常只是2~4种色彩的搭配。结合内容考虑配色:优秀的配色不只是确保视觉上的一致性,会让内容和色调情绪上保持一致。
六、易用套路
用中性色为其他色彩(灰色/白色/黑色)搭建了表现的舞台·色彩:颜色+白色·色度:颜色+黑色·色调:颜色+灰色/白色/黑色
本内容来自于有微学伴制作的《知识制作者成长手册》(点击文字查看更多内容)
使用微学伴,一键创建你的知识店铺,支持默认模板和个性化店铺配置。
![](https://img.haomeiwen.com/i3020522/ca36129ba261a8e1.png)
网友评论