网页制作的色彩运用

2018-01-16  来自: 河北网加思维网络有限公司 浏览次数:218

我们生活在一个充满着色彩的世界,

信息时代的网络世界,

也应该是充满色彩的。

人们

在浏览网页时,

不再满足于简单的文字与图片,

他们在快速获取信息的同时,

对网页的视觉

效果也提出了更高的要求。

因此,

网页设计者在掌握了基本的网站制作技术后,

还要具备色

彩搭配等方面的设计艺术素养。其中色彩在网页设计中占据相当重要的地位。

不同的色彩,

具有不同的象征意义。

不同的色彩,

在人们的视觉心理方面可以造成不同

的感觉,如红色热烈、积极、温暖,黄色灿烂、明快,绿色健康、闲逸、宁静,蓝色深沉,

橙色活泼,紫色艳丽,褐色古典,灰色柔和高雅,白色纯洁,黑色高贵、稳重。另外,色彩

还有具有民族性,各个民族由于环境、文化、

传统等因素的影响,

对于色彩的喜好也存在着

较大的差异。在网页设计中,充分运用色彩的这些特性,可以使网页具有深刻的艺术内涵,

从而提升整个网站的文化品位。

色彩的基本概念自然界中的颜色有千百万种之多,

我们如何去描述它们呢?一片树林就

具有许多深浅不同的绿色,深绿、浅绿、黄绿等。甚至可能发生同一种色彩,由于不同的人

观察的光线和视觉的差异而进行了不同的描述。

这样描述颜色岂不是非常混乱吗?因此为了

研究色彩,

1931 

年国际照明委员会

(CIE)

对色彩的描述进行了规定。

根据

CIE 

的规定,任

何一种色彩都具有三个要素:色相、饱和度和明度

(

或亮度

)

。实际上这种描述方式是基于人

对色彩的感觉而定的。

色相,

也叫色调。

是一种色彩区别于另一种色彩的最主要的因素。

色相是各种颜色的具

体色彩面貌,是颜色的特征。

红橙黄绿青蓝紫,这就是我们在日常生活中给色相所定义的

名称,就如每个人都有个名字。同一色相的色彩,如浅黄、中黄、土黄,改变它们的饱和度

和明度,搭配起来会非常协调。明度,也叫亮度,是颜色的明暗深浅程度。当明度很高时,

颜色是白色,当明度很低时,则接近黑色。

一般在表现喜悦欢快、活泼明朗的主题时,可

以运用明度较高的色彩,如一些购物网站、女性时尚类网站。

而表现严肃紧张、忧郁沉重

的主题时,

色彩的明度宜低;有时候为了表现神秘感,如一些游戏类网站,

也会使用一些明

度低、

暗沉的色彩。

色彩的明度对比饱和度,

有时也称彩度或纯度,

是指颜色的强度或纯度,

简单地说就是色彩的鲜艳程度。当饱和度下降时,颜色逐渐变灰暗。

色彩的象征意义各种不同的色彩让我们联想到什么?生活中,

色彩是具有感情色彩和象

征意义的。比如在京剧脸谱中,红色代表忠诚,白色代表奸险,黑色代表刚直,黄色代表干

练,蓝色代表桀骜,绿色代表凶狠等等。色彩所象征的意义还和民族文化、政治、宗教、神

话或社会结构等密切相关。

在不同的时代,不同的国家或地区,色彩的象征意义也会有差

异。

在进行网页设计时,

设计者要事先了解同一颜色在不同文化背景下,

所代表的不同感情

色彩和象征意义,以免产生南辕北辙,甚至负面的效果。

另外,大部分的颜色同时具有正面

和负面的联想,如红色象征热情、光明、喜庆,同时也象征暴力、危险和警戒;蓝色象征理

智、

纯洁与宁静,

同时也象征忧郁、

悲伤与凄凉;

黑色象征庄严、

肃穆与威武,

也象征死亡、

黑暗与罪恶。

我们可以通过调节色彩的明度和饱和度,

来减弱或突出强调其在某一方面引起

的联想或代表的含义。

我们生活在一个充满着色彩的世界,信息时代的网络世界,也应该是充满色彩的。人们在浏览网页时,不再满足于简单的文字与图片,他们在快速获取信息的同时,对网页的视觉效果也提出了更高的要求。因此,网页设计者在掌握了基本的网站制作技术后,还要具备色彩搭配等方面的设计艺术素养。其中色彩在网页设计中占据相当重要的地位。 

不同的色彩,具有不同的象征意义。不同的色彩,在人们的视觉心理方面可以造成不同的感觉,如红色热烈、积极、温暖,黄色灿烂、明快,绿色健康、闲逸、宁静,蓝色深沉,橙色活泼,紫色艳丽,褐色古典,灰色柔和高雅,白色纯洁,黑色高贵、稳重。另外,色彩还有具有民族性,各个民族由于环境、文化、传统等因素的影响,对于色彩的喜好也存在着较大的差异。在网页设计中,充分运用色彩的这些特性,可以使网页具有深刻的艺术内涵,从而提升整个网站的文化品位。 

色彩的基本概念自然界中的颜色有千百万种之多,我们如何去描述它们呢?一片树林就具有许多深浅不同的绿色,深绿、浅绿、黄绿等。甚至可能发生同一种色彩,由于不同的人观察的光线和视觉的差异而进行了不同的描述。这样描述颜色岂不是非常混乱吗?因此为了研究色彩,1931 年国际照明委员会(CIE)对色彩的描述进行了规定。 根据 CIE 的规定,任何一种色彩都具有三个要素:色相、饱和度和明度(或亮度)。实际上这种描述方式是基于人对色彩的感觉而定的。  

色相,也叫色调。是一种色彩区别于另一种色彩的最主要的因素。色相是各种颜色的具体色彩面貌,是颜色的特征。 红橙黄绿青蓝紫,这就是我们在日常生活中给色相所定义的名称,就如每个人都有个名字。同一色相的色彩,如浅黄、中黄、土黄,改变它们的饱和度和明度,搭配起来会非常协调。明度,也叫亮度,是颜色的明暗深浅程度。当明度很高时,颜色是白色,当明度很低时,则接近黑色。 一般在表现喜悦欢快、活泼明朗的主题时,可以运用明度较高的色彩,如一些购物网站、女性时尚类网站。 而表现严肃紧张、忧郁沉重的主题时,色彩的明度宜低;有时候为了表现神秘感,如一些游戏类网站,也会使用一些明度低、暗沉的色彩。色彩的明度对比饱和度,有时也称彩度或纯度,是指颜色的强度或纯度,简单地说就是色彩的鲜艳程度。当饱和度下降时,颜色逐渐变灰暗。  

色彩的象征意义各种不同的色彩让我们联想到什么?生活中,色彩是具有感情和象征意义的。比如在京剧脸谱中,红色代表忠诚,白色代表奸险,黑色代表刚直,黄色代表干练,蓝色代表桀骜,绿色代表凶狠等等。色彩所象征的意义还和民族文化、政治、宗教、神话或社会结构等密切相关。 在不同的时代,不同的国家或地区,色彩的象征意义也会有差异。  

在进行网页设计时,设计者要事先了解同一颜色在不同文化背景下,所代表的不同感情和象征意义,以免产生南辕北辙,甚至负面的效果。另外,大部分的颜色同时具有正面和负面的联想,如红色象征热情、光明、喜庆,同时也象征暴力、危险和警戒;蓝色象征理智、纯洁与宁静,同时也象征忧郁、悲伤与凄凉;黑色象征庄严、肃穆与威武,也象征死亡、黑暗与罪恶。我们可以通过调节色彩的明度和饱和度,来减弱或突出强调其在某一方面引起的联想或代表的含义。 

那么在网页设计中我们应该如何运用色彩呢?  

第一,确定网页主色调,根据网页类型以及所要传达的信息来确定色彩。如政府机构类的网页强调沉稳、大方,大多选择冷色系、柔和的颜色,如绿色、蓝色或灰色。而一个购物类网页或是儿童类网页,为了体现商品的琳琅满目和活泼、温馨的效果,可以选择黄色,橙色,红色等色彩。 一些高科技、游戏类网页,可以运用绿色、蓝色、蓝紫色等表达严肃、稳重、神秘效果的色彩。  

此外,根据研究显示,色彩能够引起人类生理上的某种反应。在网页设计中,设计者要利用色彩这一特性去传达和强化网页所要诉求的信息,避免运用不恰当的色彩而起到相反的效果。例如,大面积的红色让人联想到火热、热烈,给人的视觉感受非常刺激、强烈,会使人心跳加速、呼吸急促。 所以,红色不适于用作背景颜色,在需要引起注意和强调的时候,适当点缀即可。蓝色虽然可以使我们的神经系统放松,但是如果网页内容和食物有关,运用蓝色作为主色调,会起到适得其反的效果,这是由于蓝色会产生抑制食欲的生理反应。  

第二,色彩运用要均衡,单一的运用一种颜色,让人感觉单调、乏味,但是色彩运用的种类过多,让人感觉轻浮、花俏。  

网页给人的视觉效果协调、舒适,文字、图片等内容的合理排版是一方面,色彩的均衡运用也是相当重要的另一方面,网页设计者必须要考虑到如何使色彩的运用达到均衡,包括色彩的选择,每种色彩所占比例,色彩的排列分布等等。均衡的色彩搭配让人感觉舒适,不刺眼。  

因此,当所设计网页的主色调确定以后,要考虑其它配色与主色调的主次关系,所占比例甚至排列分布等因素。根据要传达给受众的信息,希望体现的效果等设计目的来确定其它配色及其位置、所占比例等。一般情况下,鲜艳明亮的色彩所占比例应该小一点,可以在网页的局部采用少量小面积的对比色以达到丰富页面的效果。需要注意的是,整个网页的色彩控制在三个颜色之内,色彩太多会让人感觉网页没有主题,缺少侧重点。  

第三,适当运用黑白灰,黑白灰属于非彩色,是万能色,可以跟任意一种色彩搭配。 在网页设计中,设计者可能会遇到无论如何搭配颜色,都不能将几种颜色协调的情况,这时,可以尝试加入黑色或者灰色,会起到调和的作用。  

一些色彩明度较高的网页,配以黑色,可以适当地降低其明度,使之视觉上更加舒适。白色是网页设计当中运用比较普遍的一种颜色,设计者借鉴了传统中国画中的留白艺术,把大块的白色空间作为网页的一个组成部分,给受众留下一个遐想的空间,令人回味。设计类网站或艺术性较强的网站会较多地运用留白艺术。恰当的留白对于协调和均衡页面色彩可以起到相当大的作用。


  • 联系人

    张经理

  • 热线

    15733002858

  • 邮箱

    zzj@wangjiasiwei.com

  • 公司地址

    和平路与滏和大街交叉口滨河世纪大厦1206室

服务热线:


0310-5272862                                        

       

公司地址:邯郸市邯山区和平路与滏西大街交叉口滨河世纪大厦12层1206室
联系人:张经理 

联系电话:0310-5272862 15733002858

邮箱:zzj@wangjiasiwei.com



CopyRight © 版权所有: 河北网加思维网络有限公司 网站地图 XML

本站关键字: 邯郸网站建设|邯郸网络公司|邯郸做网站|网络推广公司|微信营销|微信小程序开发|网加思维|河北网加思维网络科技有限公司


扫一扫访问移动端