网页设计的色彩心理学知识
学习网页设计的人,对于色彩一定要有所了解,下面小编为大家带来了关于网页设计的色彩心理学知识,欢迎大家阅读!
网页设计的色彩心理学知识红色:危险,重要,激情
红色是血与火的颜色,它是最强大的色彩之一,同时代表着爱与战争。
红色所传递出的情绪是非常激烈的,甚至可以直接引起相应的生理变化,包括血压升高,呼吸频率提升,等等。
红色还代表着精力充沛,能够引起冲动,还是是速度与力量的象征。Netflix 和 Youtube 都采用红色作为主色调。
勇士是引人注意的,它是非常具有性格的色彩,就像颁奖典礼现场的红地毯,它代表着走红毯的名人和明星的重要性。而红色运用在网页当中,则意味着这个元素是最重要的、值得重视和注意的。
橙色:自信、能量、乐观
橙色同样是非常鲜艳的色彩,它和红色也有着许多共通的地方,但是相对而言程度较低。它没有红色那么强烈的侵略性,但是它同样有着精力充沛的含义,可以营造出积极向上的情绪和氛围。
就像红色一样,橙色同样具备有很高的识别度,能够强烈地吸引用户的注意力,高亮特定元素的作用。另一方面,一些研究表明,橙色还能传递出“便宜”的含义,这也是为什么许多电商网站和APP会倾向于将购物车和购买相关的链接标识为橙色。
Hipmunk 中的橙色按钮非常的吸睛。
黄色:阳光,幸福,注意
黄色是非常有意思的色彩,它同时具备了幸福和焦虑两种特性,不得不说它的这个特征非常的哲学。在设计中,黄色非常容易引起注意力,所以它也是日常生活中近视标识的常用色。尽管它在警示效果上不如红色强烈,但是依然给人传递出危险的感觉。
当黄色与黑色搭配起来的时候,可以获得更多的关注,著名的纽约出租车就是采用的这样的设计。
绿色:自然、生长、成功
与绿色联系最紧密的毫无疑问是自然。绝大多数的植物都是绿色的,它与生长和健康都有着紧密的关联。
在设计中,绿色可以起到平衡和协调的作用,在今年,也就是 2017 年,年度色就是草木绿,它甚至被称为新的中性色。不过在设计过程中,绿色的饱和度需要好好控制。高饱和度的绿色让人兴奋,引人注意,而低饱和度的绿色则接近中性色的作用,可以平衡整个设计。
蓝色:舒适,放松,信任
蓝色是天空和海洋的色彩,它是UI设计中最重要也是最常用的色彩,你在设计中所选取的蓝色的色调和色度,都会直接影响到你的设计对于用户的影响。
·浅蓝色给人清爽、自由、平静的感觉。这种轻松友好的氛围还能转化为信任的感觉,这也是为何如此多的.银行类网页/APP会使用浅蓝色。
·深蓝色能够给人强大而可靠的感觉。
紫色:豪华,灵性,创造性
紫色的使用频率并不算高,它本身的这种稀缺性使得它在设计使用中有着特殊的地位。历史上,曾经一度只有欧洲皇室能使用,直到今天,它依然保持着某种奢侈感。将紫色运用到网页或者APP中,常常会给用户一种高端的感觉。
一个有趣的调查表明,有接近75%的儿童喜欢紫色和相近的色彩。
黑色:力量,优雅,精致
黑色是所有色彩中最有力量的,它能够很快地吸引用户的注意力,这也是为何它是文字的基准色,也常常作为许多设计的主色。
在 Squarespace 这个网站中,黑色的“Get Start”按钮非常引人注意。
当黑色作为UI控件和视觉元素的主色调的时候,它常常会带来相应的情感联系,它可以轻松传达出复杂的情绪,营造神秘的氛围。
白色:健康,纯洁,高尚
白色通常代表着纯洁,给人以干净、健康、高尚的感觉。由于白色常常同健康服务和创新啊所关联,所以你可以使用白色来强调安全性,推广医疗和高科技的产品。
在设计当中,白色常常用作留白,用以突出周围的色彩、控件。正确使用留白是一项非常重要的设计技能。以Google首页为例,白色让其他的色彩更加突出,更有力量:
大量的留白让其他的元素脱颖而出。
灰色:正是,中性,专业
灰色代表中性和中立。相比于其他的颜色,灰色更为安全,当灰色作为主色调而存在的时候,能让设计的形式感更为强烈,这并不算坏事。和白色相似,这种中性色能够让其他的色彩更为显眼。
灰色通常同其他更为明亮的色彩搭配起来使用。Dropbox 就常常使用灰色来突出CTA按钮
-
javascript中setInterval的用法总结
javascript中的setInterval的函数主要是在制作动画或其他间隔性渲染(操作)效果时,对操作方法按照一定时间间隔进行调用的函数。setInterval的表达式格式主要有:setInterval(fnname,time,par1,par2,);setInterval(obj,fnname,time,par1,par2,);第一种是最常见的表达...
-
解决PHP中的Cannot modify header information 问题
我就遇到这种问题,网上找到这个解决的方案,就收藏下写PHP的朋友们肯定遇到过这样一个问题:通过header函数改变http协议头的时候,会出现一个类似下面格式的warning:复制代码代码如下:Warning:Cannotmodifyheaderinformation-headersalreadysentby这是为什么呢?因为在...
-
如何理解Javascript的caller,callee,call,apply区别
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsarguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的Function对象的名字。n:选项。要传递给Function对象的从0开始的参数值...
-
PHP开发工程师的主要职责
PHP开发工程师的主要职责1职责:1、负责公司后端的研发,保障系统的稳定性和质量2、与业务需求部门及项目经理沟通,理解需求,进行架构设计;3、搭建开发框架、负责核心代码的编写,解决技术难点;4、界定、分析和解决系统中存在的问题和缺陷;5、对系统进行持续改进,提升系...