新闻与资讯

标题: 网页设计中色彩的应用
发布时间: 2015-09-22

一、色彩的概述

  什么是色彩?从理性层面讲,人类之所以能看到色彩是通过肉眼看到物体反射光线后的波长的表现;从感性层面讲,人类看到不同的色彩会产生不同的心理感受。所以,怎样利用色彩心理来吸引别人或者达到想要的营销目的,值得深思!

 

二、色彩的属性

色彩有三个属性,即色相、纯度、明度。

色相:是一种颜色区别于另一种颜色的表象特征,所谓红、蓝、黄、绿等称呼就是色彩的色相。

纯度:指色彩所具有的鲜艳度或强度。

明度:指色彩的明亮程度。

 

三、色彩是有温度的

  为什么会有温度,因为我们都会经历春夏秋冬,这四个季节给我们的感觉是不一样的,经过年复一年的印象化,提到春天,我们会想到绿色,感到温暖;夏天,容易想到红色,给人火热灼烧的感觉;秋天是凉爽的,到处飘着黄色的落叶;冬天一场大雪过后,只剩蓝天和“白地”,给人寒冷的感觉。所以如果想要冬天拍出热的感觉,要么想办法让画面多点橙色红色,要么后期把照片P成暖色。                                                        

                                                   冷的颜色,基本就是蓝、紫、白

 

                                                   暖的颜色,基本就是红、橙、黄

 

四、色彩与性别的关系

1.关于男性的颜色一般都是不怎么鲜艳的颜色,如黑、白、褐色、灰色、还有一些偏深的颜色,这些颜色会显得比较有品质感。

 

2.关于女性的颜色,大多数女性都喜欢粉色、红色等鲜艳的颜色,粉色具有安全感,没有攻击力,看上去软绵绵的,所以杂志《瑞丽》的封面很多时候都是粉色的。

 

3.关于儿童的颜色,尽量使用鲜艳的颜色,使用全色相的设计,因为儿童不能辨认太复杂的颜色,不存在明度深浅纯度深浅之分,对色彩的认知只有色相上的区别。

 

五、色彩的行业属性

对于某一个行业,都会有一些特定的颜色适合,不一定适用于行业内所有,但的确会有一个大概率的颜色适合,比如健康类常用绿色,电影/影视类常用黑色……

 

六、配色的基础原理

1.互补色

即“色相环”上相对的颜色,设计中搭配使用互补色,会产生冲突、刺激的视觉效果,非常吸引眼球,是一种非常夺目的配色方案。当然互补色不要直接用,要用中间色中和一下,中间色就是没有感情色彩的颜色,如黑、白、灰。

     

 

2.对比色

即“色相环”上呈120°角的颜色,对比色设计方案虽然没有互补色那么刺激眼球,但是会体现一种豪华和华丽,让画面更加生动和有生机。

     

 

3.邻近色、同类色

邻近色是“色相环”上呈90°角的颜色,同类色是“色相环”上呈60°角的颜色,使用邻近色和同类色来做设计会使画面显得更加和谐、统一,给人舒适感。

     

                       邻近色                                                             同类色

 

七、配色的工作流程      

1.确认主色及色调

主色及色调的确认首先需要根据企业的VI(主要是logo)为主,然后根据行业属性、人群属性、其他各个方面都要考虑到。如果logo的颜色跟行业属性出现冲突,这时要慎重选择,全面考量后再去确定。 

2.确认辅色

辅色的确认有时也要根据logo,因为有些logo是多色的,再就是根据之前确定好的主色来配,还有根据设定的气氛来选择辅色。

3.设定色彩面积

4.不断的调整

 



下一篇:动态设计在互联网时代的应用
上一篇:网页设计的文字排版