首页 > 网页教程 > 设计分享 > 网页配色之色彩搭配技巧与色彩对用户的心理作用

网页配色之色彩搭配技巧与色彩对用户的心理作用

时间:2012-07-20    来源:阿里UED

前言

色彩是一个网站的情绪表达方式或者说是性格特征的体现,每种颜色都有着属于自己的声音。作为一种视觉元素,色彩是很难被量化被衡量的,也很难用理性的角度去分析和阐述它,我现在试着用另外一个角度去试图衡量网页的色彩,一种尝试。从最基础的色彩本质、色彩搭配形式、及色彩对用户的潜在影响和心理暗示等着手,去分析色彩,读懂色彩,让色彩帮设计师说话。

一、色彩的基础知识

色彩的三大要素

1.色相

我们最常见的色谱“虹”就是把颜色按照“ 红 橙 黄 绿 青 蓝 紫 ”依次过渡渐变,色相两端分别是暖色、冷色中间为中间色或中型色。

2.明度

明度就是色彩的明暗差别,如深红、大红以及粉红等。

3.饱和度

饱和度是指色彩的鲜艳程度,也称色彩的纯度。

二、不可思议的色彩魔力

1.色彩有魔力,选色需谨慎!

快餐店给我们的印象一般是座位很多,效率很高,顾客吃完就走,不会停留很长时间。有人喜欢和朋友约在快餐店碰面,但其实快餐店并不适合等人。这是因为很多快餐店的装潢以桔黄色或红色为主,这两种颜色虽然有使人心情愉悦、兴奋以及增进食欲的作用,但也会使人感觉时间漫长。如果在这样的环境中等人,会越来越烦躁。

请两个人做一个实验,让其中一人进入粉红色壁纸、深红色地毯的红色系房间,让另外一人进入蓝色壁纸、蓝色地毯的蓝色系房间。不给他们任何计时器,让他们凭感觉在一小时后从房间中出来。结果,在红色系房间中的人在40~50分钟后便出来了,而蓝色系房间中的人在70~80分钟后还没有出来。有人说,这是因为红色的房间让人觉得不舒服,所以感觉时间特别漫长。确实有这个原因,但也不尽然。最主要的原因是人的时间感会被周围的颜色扰乱。同样道理,高血压的人忌红色。

再举个例子,在时下非常流行的休闲运动潜水中,人需要携带氧气瓶。一个氧气瓶大约可以持续40~50分钟供氧,但是大多数潜水者将一个氧气瓶的氧气用光后,却感觉在水中只下潜了20分钟左右。海洋里的各色鱼类和漂亮珊瑚可以吸引潜水者的注意力,因此会感觉时间过得很快,这是原因之一。更重要的是,海底是被海水包围的一个蓝色世界。正是蓝色麻痹了潜水者对时间的感觉,使他感觉到的时间比实际的时间短。(部分资料来自-《每天懂点色彩心理学》)

2.听见色彩的声音

以上故事和实验都证明了,颜色是可以左右用户的情绪,也可以影响用户判断的。既然色彩潜意识在影响这着我们,那设计师必须学会善用色彩,在设计的时候,用色彩去正确传达产品的本质和内涵。当色彩被正确传达后,便能与用户产生心灵共鸣,产品也就能更深入人心。

黄色:青春、乐观、豁达。常被作为点睛之笔。

红色:活力、速度、紧迫感,常用于促销打折甩卖等。

蓝色:信任、安全、有底蕴,常用于企业、银行、安全中心等行业机构。

绿色:生命力、轻松、天然、无污染,常用于保健品等行业。

橙色:积极、进取、活力,阿里巴巴色也是橙色,常用于唤起行动,如button的颜色也常用橙色。

粉色:浪漫、女人,常用于女性消费行业,女性产品等。

黑色:影响力、时髦、严肃,常用于奢侈品营销等。

紫色:安抚、冷静、神秘,常用于美妆或抗老的女性产品设计中等。

当我们了解了颜色后,就能更加准确的掌握我们的页面风格的定位,用颜色去阐述你的产品。经常做“脑部运动”,联想游戏等。

相关推荐
酷站欣赏之欧美棕色调网站设计案例赏析
网页设计的文字色彩与可读性分析
30个出色的网页设计色彩搭配案例欣赏
网页设计的色彩理论与案例浅析
18个国外经典优雅黑白色调的酷站欣赏
网页配色经验分享:叠柔配色技巧及图解分析
色调心理效应 颜色在网页设计中的重要性分析
网页设计新趋势:撞色风(Color Blocking)风格的网站欣赏
6个步骤让你快速打造一个有设计感的网站
网页排版设计如何才能让页面文字阅读更舒适?
创造视觉冲击力的网页设计配色技巧
色彩情感对用户体验设计的影响
11个网页配色超棒的网站案例欣赏
移动应用图标配色诀窍 APP界面配色设计教程
如何巧妙运用色彩心理学来提高网站转化率
网页设计教程:让页面活跃起来的四个技巧
秒变配色高手!六条网页设计黄金配色原则
网页色彩搭配教程:三个实用方法搞定网页配色设计
10个实用方法帮你搞定网页柔和色调设计
2015年网页设计配色趋势预测
QQ空间配色变迁解密:“杀集取卵”!
网页配色教程:六条网页设计安全配色指南
网页配色教程:什么样的配色方案才有高端的感觉?
色彩搭配教程:颜色对用户究竟有哪些影响?
走心的技巧!如何为色盲用户提升网页的可用性?
网页配色设计:红色空间如何设计才好看?
网页配色设计:如何运用黄色来表达网页的光感?
网页配色设计:如何用蓝色调搭配出天空和大海的感觉?
3个使用鲜艳配色来制作WEB/APP界面的技巧分享
5个色彩进阶技巧!帮你创造更优质的网页用户体验
双色调配色、分屏式设计、空间共享式排版的网页设计趋势
视觉设计之材质绘制的色彩理论

精彩推荐

热门教程