贵阳网站前端建设:网页设计中的色彩心理-极简慕枫

贵阳网站前端建设:网页设计中的色彩心理

2019-01-14

贵阳网站前端建设

我们大多数人没有意识到它是如何工作的,只有少数人可能会注意到。虽然颜色的影响可能有些高估,但在某些情况下,我们显然可以感觉到它(想象一下自己在暗红色房间或天空颜色的房间中)。

今天,我们将讨论网站设计中的色彩心理学,不同品牌使用颜色的方式,以及它们的信息是什么。


您也可能希望阅读有关颜色感知,刺激人类感觉的配色方案,或如何为您的网站选择最佳配色方案。

色彩心理学是如何工作的?

这些颜色分为两大类-红区的颜色称为暖色(红色、橙色和黄色)和蓝色区域的颜色,称为冷色(蓝色、紫色和绿色)。

温暖的色彩唤起各种情绪,从温暖,舒适和舒适(在雨天寒冷的夜晚燃烧的火焰)到愤怒和侵略。冷色通常被描述为平静和平静,但也可以与悲伤(处于忧郁中)或冷漠联系在一起。

在古代,人们相信颜色可以治愈不同的疾病。这项科学被称为化疗,其中一些基本知识如下:

  • 红色增加血液循环,从而刺激身心。
  • 黄色刺激神经,净化身体。
  • 橙色增加你的能量
  • 蓝色治疗疼痛
  • 靛蓝减轻皮肤问题

尽管大多数心理学家对色彩疗法持怀疑态度,但大品牌似乎并不认同这一点。他们创造了巨大的营销活动,基于我们对颜色的感知方式,并让人们购买。

下面是与颜色和情感/感觉,他们广泛地联系在一起的表格。让我们试着分析一些世界知名公司的网站,看看他们是如何实施色彩技术的。

Color Emotions
Black Symbol of menace or evil, popular as an indicator of power. Associated with death and mourning, unhappiness, sexuality, formality, and sophistication.
White Purity or innocence. Cold, bland, and sterile.
Red Evokes strong emotions, associated with love, warmth, and comfort. Still considered an intense and angry color that creates feelings of excitement, intensity, sexuality.
Blue A favorite color for many people and the color most preferred by men. Gives the feelings of calmness or serenity. Described as peaceful, tranquil, secure, and orderly.
Green Symbolizes nature and the natural world. Represents tranquility, good luck, health, and jealousy. Symbol of fertility, has a calming effect and relieves stress.
Yellow Cheery and warm, but can also create feelings of frustration and anger. Most fatiguing to the eye (that’s why you’ll rarely see a bright yellow website or a room painted with yellow with the exception of playrooms for kids) yet most attention-getting color (so great color for important details or calls to action- remember the yellow stop/caution color).
Purple Royalty and wealth, wisdom and spirituality, sex and relationships, exotic and special.
Brown Natural color that evokes a sense of strength and reliability, warmth, comfort, and security.
Orange Blatant and vulgar color, makes you feel excitement, enthusiasm, and warmth. As a combination of red and yellow it’s often used to draw attention.
Pink Associated with love, romance, youth, freshness and may have a calming effect. Pink effect depends on the type of pink (strong, light, deep etc).

现在,当我们知道颜色意味着什么,感受到了什么,让我们试着对20个世界知名品牌在公司网站上使用的配色方案做一个简单的分析。这真的很令人兴奋,你开始以不同的方式看待事情。

1.可口可乐

贵阳网站前端建设:网页设计中的色彩心理
主要颜色是红色的白色和浅灰色背景,以更好的可见度和对比度。红色被认为是创造兴奋和活力的感觉。主菜单中的“打开快乐”文本对应的是颜色感知。

虽然白色可能被用来贵阳网站前端建设使红色的口音,作为一种寒冷的颜色,它应该给人一种清凉的感觉,“清爽的想法”,就像他们在摩托上说的那样。一份出色的工作!

2. McDonalds

贵阳网站前端建设:网页设计中的色彩心理
虽然麦当劳餐厅的颜色我们习惯于黄色和红色(以引起孩子们的兴奋,有点烦躁和疯狂),但该网站看起来非常正式,黑白相间。

难怪父母们会想知道他们的孩子吃了什么,又胖了多少,黑人和白人是一个完美的解决方案,可以让网站看起来严格、正式、信息丰富、干净,而且有点贫乏。

现在想象一下,主要是黄色和红色(引起兴奋和最疲劳的眼睛)-这将使父母发疯。沮丧的父母=较少的钱

3.M&M‘s

贵阳网站前端建设:网页设计中的色彩心理
我们通常在电视/广告牌上看到的M&M的颜色是黄色和红色(双重兴奋)。该网站本身是一个混合的所有可能的颜色,从浅蓝的背景到深蓝色,紫色,绿色,黄色,橙色,红色的旗帜和标题区域。

M&M的人非常聪明,每个人都可以选择自己喜欢的糖果:)但有一个问题-这个网站看起来很笨拙,而且是从不匹配的部分创建的。

4. 高露洁(一种牙膏的商标名)

贵阳网站前端建设:网页设计中的色彩心理
红、白、蓝-世界闻名的三色牙膏的颜色,以及网站上唯一使用的颜色(甚至在标题区域的照片上的母亲和孩子在蓝天背景上都穿着红色和白色的衣服!)

红色代表活力和幸福,白色代表光亮和不孕,蓝色代表冰冷、清新的溪水和自信。虽然我喜欢牙膏,但网站的配色方案对我来说并不令人愉快。鲜艳的红色让我感到不舒服,使我几乎不可能专注于文本和信息。

5. 安居,舒适地居住

贵阳网站前端建设:网页设计中的色彩心理
雀巢的口号是“好食物,好生活”和白色-灰色-蓝色方案让你感到平静,安全,在某种程度上肯定一切都会好起来。

你会在潜意识中记住这种感觉,下次你会想“我知道这是一家生产好产品的可靠公司,我可能在某个地方读过这篇文贵阳网站前端建设章”。另一个很好的例子是,市场营销与色彩感知密切相关。

6. Nescafe

贵阳网站前端建设:网页设计中的色彩心理
雀巢公司的一款产品,Nescafe网站是用深梅色设计的-这是一种与温暖、活力和力量以及紫色相结合的红色组合-让你觉得自己如此独特、独特和独特。

我喜欢这个配色方案,它不像红色那么烦人,也不像紫色那么精致,它让你觉得特别贵阳网站前端建设却很舒服。

7. [人名] [英格兰人姓氏] 卡德伯里住所名称,来源于古英语人名Cada+“堡垒,城镇”(fortress,town)

贵阳网站前端建设:网页设计中的色彩心理
由各种紫色组成的网站。我想这应该是说吉百利的产品非常特别,但它使我觉得好玩的原因。这是一种贵阳网站前端建设有趣的方法,虽然巧克力通常与能量(比如Snikers)或性(黑巧克力)有关,但这种贵阳网站前端建设有趣的方式肯定会使这个品牌在人群中脱颖而出。还是只有我一个人这样做?

8. [地名] [芬兰] 诺基亚

贵阳网站前端建设:网页设计中的色彩心理
蓝色,绿色,灰色,白色和一点粉红色。蓝色代表宁静,绿色代表宁静和自然,灰色代表蓝色和绿色,白色代表清晰,粉红色可能是为了吸引女孩。网站的设计是为了让你对质量有信心,但它们远离标准的蓝灰色-白色配色方案。

绿色是知道如何减轻压力,并将有一个平静的效果,有些沮丧的日常事情堆做的业务人员,谁来检查更新。

9. 美国柯达公司

贵阳网站前端建设:网页设计中的色彩心理
虽然柯达的产品通常与黄色相关(是的,它们吸引了人们的注意),但该网站的设计采用的是经典的灰-白-蓝配色方案,令人赏心悦目,可以专注于文字和信息。

你觉得你会以一种清晰的方式得到你所需要的所有信息,但你并不觉得太正式,只是对事情采取专业的态度。

10. Gillette

贵阳网站前端建设:网页设计中的色彩心理
蓝色是吉列男人和男人最喜欢的颜色,他们非常清楚这一点。“最好的男人可以得到”-最喜欢的男人颜色和一点红色和橙色的促销活动,以吸引人们的注意。

他们知道你喜欢什么男人,他们知道如何把他们的产品卖给你。

11. 万宝路(美国香烟品牌)

贵阳网站前端建设:网页设计中的色彩心理
红色、黑色和灰色-力量、成熟、性和强烈的情感-一个“真实”男人的特征。然而,如果您访问philipmorrisusa,您会注意到公司网站是以蓝色方案设计的-和平、宁静、安全。

这是一个很好的例子,颜色如何工作,如果你仍然不相信,让我们继续前进。

12. 宜家家居(瑞典公司)

贵阳网站前端建设:网页设计中的色彩心理
这个网站的标题是用明亮的颜色设计的-黄色、黄色-绿色和天空-这让你感到有些兴奋(并且愿意买些东西?)在闪光动画中使用的照片也是明亮的,这使你更加兴奋。

网站的主体是相当简单的-黑色和蓝色文本的白色背景,让您充分访问的信息。

特别优惠页面的顶部有一个巨大的红色横幅,你不能把你的眼睛从它!就在那一刻,你的大脑一遍又一遍地读着“特别优惠”(…)。宜家有你。

13.百威塞尔

贵阳网站前端建设:网页设计中的色彩心理
和万宝路一样,百威网站的主宣传页面是用红色和黑色设计的,意思是“嘿,伙计-喝百威,你会是个”男人“。里面的页面都有不同的背景-白色,红色,黑色,灰色。

我不认为这背后有一些单独的营销活动,而是一种非标准的设计方法(尽管大部分页面仍然是红色的)。

14.欧莱雅

贵阳网站前端建设:网页设计中的色彩心理
没有太多关于欧莱雅网站-被设计在所有可能的紫色色调,它使你感到真正的特别。与欧莱雅的产品,你将是性感,时尚,确定自己,真的-非常特别。

15. 凯洛格氏

贵阳网站前端建设:网页设计中的色彩心理
自1906年起,人们就知道凯洛格是一家他们可以依赖的公司,可以生产美味、优质的食品。所有的网站都谈到乐趣和兴奋(很多黄色和红色)和微笑的家人在照片标题区让你感到更快乐。

是啊,你的孩子会喜欢凯洛格的-他们很有趣很酷!就连网站上的文字也提到了这一点:“我们很高兴能提供与我们的产品相关的有趣的促销活动。”很有趣,很有趣!

16. 意大利服装名牌:古驰

贵阳网站前端建设:网页设计中的色彩心理
自然浅棕色使你认为古驰产品非常自然(从某种意义上说,它们是由皮革制成的)。类似于欧莱雅,该网站是设计在一个单一的颜色,不同的阴影是用来制造口音。

虽然我反对为了皮毛和皮革而杀动物,但我喜欢古奇的网站,它是如此精致和自然。

17. [人名] 海因茨

贵阳网站前端建设:网页设计中的色彩心理
网站主页有一个巨大的照片作为背景,你可以看到天空,田野和美味的西红柿-简单但有效。网站页面内的背景在不同的页面之间变化:棕色,类似陆地,蓝色,类似天空,灰色,像下雨前的天空。

亨氏的人使用颜色非常有效,因为他们的产品的核心是他们种植的东西(或者从第三方购买)-他们用所有的天然颜色和照片来证明产品是美丽的大自然给我们的本质。

18. 交谈,谈话

贵阳网站前端建设:网页设计中的色彩心理
虽然逆向产品有所有可能的颜色,该网站的设计风格和颜色类似于路面和旧牛仔裤。

这里的重音不在于色彩,而在于观众应该被相应的设计风格、手绘元素和表面上的粗心大意所吸引。

19. (商标)克里内克丝面巾纸

贵阳网站前端建设:网页设计中的色彩心理
Kleenex是另一个很好的例子,网站的设计采用了天然的蓝色/绿色(让你觉得产品是自然的和可靠的)和橙色元素来吸引注意力。

很有趣的是,我从来没有注意到有多少大公司的网站使用相同的颜色方案,但仍然不像彼此。也许那是因为我们确实以其他的方式感知颜色,而不仅仅是知道和认识到颜色是什么,我认为我们认为它是某种系统不可分割的一部分。

20. Duracell


Duracell网站设计有三种主要颜色及其色调:黑色、橙色和绿色。黑色-为橙色做更多的对比,并增加一些形式和坚实。橙色-力量,能量,欢乐。绿色是天然的,与橙色搭配效果很好。

正如他们在产品中所说的“智能电源”,整个网站让你觉得Duracell产品就是你所需要的,电池是强大的,你可以在任何情况下依赖它们。顺便说一句,我确实买了Duracell:)

你在网站设计中使用什么颜色?你最喜欢什么颜色?等你们的评论伙计们!

联系极简慕枫,免费获取方案及报价

400-606-5301