网页设计 百文网手机站

网页设计的色彩心理学知识

时间:2022-04-12 16:29:50 网页设计 我要投稿

网页设计的色彩心理学知识

  学习网页设计的人,对于色彩一定要有所了解,下面小编为大家带来了关于网页设计的色彩心理学知识,欢迎大家阅读!

网页设计的色彩心理学知识

  红色:危险,重要,激情

  红色是血与火的颜色,它是最强大的色彩之一,同时代表着爱与战争。

  红色所传递出的情绪是非常激烈的,甚至可以直接引起相应的生理变化,包括血压升高,呼吸频率提升,等等。

  红色还代表着精力充沛,能够引起冲动,还是是速度与力量的象征。Netflix和Youtube都采用红色作为主色调。

  勇士是引人注意的,它是非常具有性格的色彩,就像颁奖典礼现场的红地毯,它代表着走红毯的名人和明星的重要性。而红色运用在网页当中,则意味着这个元素是最重要的、值得重视和注意的。

  橙色:自信、能量、乐观

  橙色同样是非常鲜艳的色彩,它和红色也有着许多共通的地方,但是相对而言程度较低。它没有红色那么强烈的侵略性,但是它同样有着精力充沛的含义,可以营造出积极向上的情绪和氛围。

  就像红色一样,橙色同样具备有很高的识别度,能够强烈地吸引用户的注意力,高亮特定元素的作用。另一方面,一些研究表明,橙色还能传递出“便宜”的含义,这也是为什么许多电商网站和APP会倾向于将购物车和购买相关的链接标识为橙色。

  Hipmunk中的橙色按钮非常的吸睛。

  黄色:阳光,幸福,注意

  黄色是非常有意思的色彩,它同时具备了幸福和焦虑两种特性,不得不说它的这个特征非常的哲学。在设计中,黄色非常容易引起注意力,所以它也是日常生活中近视标识的常用色。尽管它在警示效果上不如红色强烈,但是依然给人传递出危险的感觉。

  当黄色与黑色搭配起来的时候,可以获得更多的关注,著名的纽约出租车就是采用的这样的设计。

  绿色:自然、生长、成功

  与绿色联系最紧密的毫无疑问是自然。绝大多数的植物都是绿色的,它与生长和健康都有着紧密的关联。

  在设计中,绿色可以起到平衡和协调的作用,在今年,年度色就是草木绿,它甚至被称为新的中性色。不过在设计过程中,绿色的饱和度需要好好控制。高饱和度的绿色让人兴奋,引人注意,而低饱和度的绿色则接近中性色的作用,可以平衡整个设计。

  蓝色:舒适,放松,信任

  蓝色是天空和海洋的色彩,它是UI设计中最重要也是最常用的色彩,你在设计中所选取的蓝色的色调和色度,都会直接影响到你的设计对于用户的影响。

  ·浅蓝色给人清爽、自由、平静的感觉。这种轻松友好的氛围还能转化为信任的感觉,这也是为何如此多的银行类网页/APP会使用浅蓝色。

  ·深蓝色能够给人强大而可靠的感觉。

  紫色:豪华,灵性,创造性

  紫色的使用频率并不算高,它本身的这种稀缺性使得它在设计使用中有着特殊的地位。历史上,曾经一度只有欧洲皇室能使用,直到今天,它依然保持着某种奢侈感。将紫色运用到网页或者APP中,常常会给用户一种高端的感觉。

  一个有趣的调查表明,有接近75%的儿童喜欢紫色和相近的色彩。

  黑色:力量,优雅,精致

  黑色是所有色彩中最有力量的,它能够很快地吸引用户的注意力,这也是为何它是文字的基准色,也常常作为许多设计的主色。

  在 Squarespace 这个网站中,黑色的“Get Start”按钮非常引人注意。

  当黑色作为UI控件和视觉元素的主色调的时候,它常常会带来相应的情感联系,它可以轻松传达出复杂的情绪,营造神秘的氛围。

  白色:健康,纯洁,高尚

  白色通常代表着纯洁,给人以干净、健康、高尚的感觉。由于白色常常同健康服务和创新啊所关联,所以你可以使用白色来强调安全性,推广医疗和高科技的产品。

  在设计当中,白色常常用作留白,用以突出周围的色彩、控件。正确使用留白是一项非常重要的设计技能。以Google首页为例,白色让其他的色彩更加突出,更有力量:

  大量的留白让其他的`元素脱颖而出。

  灰色:正是,中性,专业

  灰色代表中性和中立。相比于其他的颜色,灰色更为安全,当灰色作为主色调而存在的时候,能让设计的形式感更为强烈,这并不算坏事。和白色相似,这种中性色能够让其他的色彩更为显眼。

  灰色通常同其他更为明亮的色彩搭配起来使用。Dropbox 就常常使用灰色来突出CTA按钮

  拓展阅读:网页设计中的色彩理论

  一、颜色术语

  你们当中很多人可能已经在学校学过一些色彩基础知识,让我们快速回顾一些术语,来更好的把握色彩和运用色彩。

  色轮的主要组成

  所有的色彩能在一个色轮中呈现。在这个色轮中,我们能把颜色分成3大块:原色,辅助色和第三颜色。

  三原色分别是红色,蓝色和黄色。这些色彩是基础色,他们组成了色轮上的所有其他颜色。

  把原色混合在一起,你就能得到辅助色,它们是橙色、绿色和紫色。

  二、颜色的关系

  描述颜色有大量的术语,了解这些术语将有助于我们讨论的色彩和色彩的情感含义。

  互补色是互补互调的色彩,它们坐落在色轮上对立的位置。这些互补色有蓝色和橙色、紫色和黄色、以及红色和绿色。

  邻色是色轮上相毗邻的色彩,所以当邻色一起用时,可以是很好的搭配,但不会有明显的对比。

  第三颜色是由中间色组成的,例如黄绿色和蓝绿色,即由一个原色和一个辅助色混合组成。

  三、基于情感的色彩群体

  一些色彩群体是和情感联系在一起的,比如温暖、冷静和中立的情感。

  暖色能让人感觉到温暖,例如红色、黄色和橙色。

  冷色让人联想到凉爽和寒冷,例如蓝色,绿色和紫色。

  中性色,顾名思义,并不创造怎样的情感。像灰色和棕色就是中性色。

  了解色彩这些方面的知识可以用帮助一个设计师在设计网页时不用文字就能表达特定含义和特定情感,并彰显优势。

  四、设计中颜色的类型

  这里有两种不同的颜色系统,两者的运用取决于你设计什么。

  RGB是这个色彩系统中三个基本色“红、绿、蓝”的英文缩写,这三种基本色是光的三原色。RGB运用在电视电脑屏幕和任何类型的屏幕上。

  CMYK是“青色、洋红、黄色、黑色”的英文缩写,这些颜色是颜料的原色,CMYK被运用于印刷。

  网页上的设计是建立在RGB色彩系统上的。

  五、明智地选择色彩、传达意义

  色彩理论是运用颜色背后的意义给用户带来感官体验的实践所得。这种实践经验再加上一些知识和想法可以运用到网页的设计中去。

【网页设计的色彩心理学知识】相关文章:

网页设计的色彩搭配09-11

网页设计的色彩如何搭配10-01

网页设计的色彩运用技巧09-09

网页设计色彩运用的技巧10-04

网页设计色彩搭配技巧09-13

网页设计色彩进阶技巧09-11

网页设计中的色彩搭配原则09-29

网页设计之色彩搭配的技巧10-02

网页设计中色彩搭配的运用10-01