美章网 资料文库 网页设计中色彩的使用范文

网页设计中色彩的使用范文

本站小编为你精心准备了网页设计中色彩的使用参考范文,愿这些范文能点燃您思维的火花,激发您的写作灵感。欢迎深入阅读并收藏。

网页设计中色彩的使用

摘要:

进入21世纪,是互联网发展的又一个新时代,人们获得信息的主要方式是通过互联网。在用户浏览网页时,网页设计色彩的选用是网站的点睛之笔,也是判断一个网页设计成败与否的关键。色彩不但能给浏览者强烈的视觉冲击力和艺术美感,还能更深层次的体现出该网站所要传递给浏览者:一个企业的经营理念和品牌所展示的价值。

关键词:

网页设计;色彩;搭配

在网页设计中,最难的让人无从下手的不是某个软件怎么运用,而是要怎么设计来吸引浏览者的眼球,这就要求我们在设计中加强对色彩的合理使用,使之为网页设计过程中能起到锦上添花的作用。这就要求在做网页设计的时候不仅要有熟练的技术,更要有艺术的美感,色彩可以说是网页设计中穿惯始终的一条纽带,从而也就体现了它的重要性。

1网页设计的基本概念

1.1网页设计的定义在说明网页设计之前,先必须明白网页的概念:网页通俗的讲是网站中的一页,是HTML格式(文件扩展名为.html.asp.php.Jsp等)。网页实际上就是一个文件它会被存放在有网络存在的某台电脑中。网页会由相应的网址(URL)来读取和保存,当我们使用时,会穿过一系列看不见的程序,网页文件就会被你的计算机所接收,然后再由各种浏览器来分析网页的内容,最后呈现在你的眼前[1]。网页设计是一门把网络应用和艺术设计紧密相结合的一门新兴的学科,以网络作为载体,融入人们对审美的追求,继而有鲜活的艺术表现特色。在一个优秀的网页设计中,必须对色彩加以高度的重视。

1.2网页设计的发展阶段第一阶段,以文字为主的阶段。这个阶段的网页是由一个个字符组成,所呈现的也只是单一的文字,在艺术的表现效果上基本上没有什么要求,只注重实用性。第二阶段,图和文字相结合。由于计算机技术的不断提高,静态的网页已经受到了局限性,人们整体审美观和艺术感加强,网站也不能仅仅以实用为主,而是慢慢的把制作网站的技术和艺术相联系来丰富网站的内容。第三阶段,一个字“动”。随着技术的不断更新,内容不断的增加,出现了动态交互式的网页,加之制作软件的不断强大,网页设计人员可以根据需要各自取舍相关的内容,这时候也涌入了一大批从事艺术的设计人员,网页设计技术也就从这个阶段开始成为一个新的起点,不断的注入新鲜的血液来不断壮大[2]。

1.3网页设计的要素网页设计作为一门新兴的学科,主要要素包括:文字(既有它是局限性也有它独到的地位,所以文字是网页初始时的必不可少的要素,由之才慢慢扩展)、图形、图像、色彩(色彩是最能吸引浏览者的注意力的因素之一,色彩甚至可以直接判断一个网页设计的好坏,因为在网页中色彩占的比例较大,往往会填补不足之处)、导航栏(导航栏是网页站点超链接的主要线索,使得站点结构清晰、链接简单、查询便捷等)、多媒体(多媒体在网页设计的运用,可以说是又一个有意义的突破,与声音的结合更加增大了页面的感染力)、页面布局(在网页设计中不是把相关的页面机械的拼凑,而是要把有用的内容合理、有效的编排,分清主次,所以具备了前边说的几个基本要素的基础上,才能考虑页面的整体布局,这样才能更好的为浏览者展示更好的视觉效果)等。

2色彩在网页设计中的应用

美国光学学会的色度学委员会曾经把颜色定义为:颜色是除了空间的和时间的不均匀性以外的光的一种特性,即光的辐射能刺激视网膜而引起观察者通过视觉而获得的景象。在我国国家标准CG5698-85中,颜色的定义为:色是光作用于人眼球起除外形意外的视觉特性。因此,色彩感觉不仅与物体本来的色彩特性有关,还受时间、空间、外表状态以及该物体的周围环境的影响[3]。颜色分为无色系和有色系。无色系是指黑、白、灰;有色系是指除无色系以外的所有色彩。

2.1色彩属性

(1)明度:明度指色彩的明暗程度.是从明到暗的若干排列的灰色,无色系只有明度的特征。(图1)图1

(2)饱和度:是指色彩的鲜明度。根据需要可以调整色彩的鲜明度,突出所要表现的内容。

(3)色相:也叫颜色的光泽,是基本的特征,传递颜色基本基调(图2十二色相图)

2.2网页设计中色彩的搭配

(1)色彩的心理表述色彩与人的视觉感受有着密切的关系,色彩有独特的象征意义,代表了人们丰富多彩的心理变化和复杂的情感。白色具有神圣不能侵犯的性质。给人洁净、纯朴、明快、清净的感觉。在一些高档商品网站设计中白色会被广泛采用。黑色具有庄重、沉稳的特性。给人神秘、深沉、稳重的感受。在高科技和军事网站中多采用黑色。(图4)灰色具有调和的特性。给人平凡、消极、中和、沉寂的感受。所以灰色可以用于任何色调为主的网站中,起到过度的作用。 红色具有温暖、热情、活力、刺激、愤怒的特性。给人热血沸腾、过目不忘、幸福美满、喜庆的感觉。这种色彩多用于政府性网站、婚纱服务类网站。黄色具有成熟、清醒、高端的特性。给人一种娇贵、收获的感觉。多用于食品类、儿童类网站中。蓝色具有经典、冷静、清凉、诚实、悠远、永恒。给人冷静的思考氛围。多用于高科技企业网站和一些具有权威性的网站中[4]。绿色具有平静、柔和、新鲜、青春、活力的特性。给人宁静、安全、健康、平安的感觉。在学校、环保、宣传和健康类网站中被广泛使用。紫色具有深远、高傲、优雅的特性。给人捉摸不透的神秘感。多用于以女性为主题的网站:配饰、内衣、化妆品等。

(2)色彩法则第一个法则:色彩的鲜明性。在设计中色彩鲜明,是很容易就能吸引浏览者的注意力。第二个法则:色彩的感染性。选用独特的色彩搭配,会给浏览者留下深刻的印象。第三个法则:色彩的合理性。紧扣主题、不过分夸张,给浏览者统一、和谐的感觉。第四个法则:色彩的延展性。不同的色彩会使浏览者产生不同的想象空间:看到黑色会想到神秘,深沉;看到红色会想到激情、刺激;看到蓝色会想到蓝天,大海;看到绿色会想到生命,健康等等[5]。在网页设计中,选择适合主题的色彩,会给整个网站增加灵气、有血有肉,更加鲜活。

3结语

色彩是网页设计的精髓。它不但给网页作品披上了一件华丽的外衣,能使平面的东西立体化,同时引导人们对网页有一个深层次的理解。色彩通过人们的视觉反应,在生理上和心理上产生强烈的共鸣,选用不同的颜色,所呈现的反应也各不相同。色彩有强烈的表现力和冲击力,选取好的色彩会及时吸引人们的眼球,给人留下深刻的印象,换句话说就是一种美的享受。色彩对人的视觉有决定性作用,一个好的网页设计,不但要求设计者的技术一流,还要求对色彩的运用也能游刃有余。在网页设计中色彩越来越被人们所重视,色彩的选用、比例、含义等方面,对我们有了新的要求,要求我们认真实践、研究、解决,要求我们无论在什么样的网页设计中,能准确找到它的定位。

参考文献:

[1]武上富.网页制作技巧和设计原则[M].广州:广东科技出版社,2006.

[2]李宏,张小敏.网页设计与制作[M].北京:化学工业出版社,2005.

[3]文涛,文峰.色彩设计[M].北京:中国青年出版社,2008.

[4]黎芳.网页设计与配色实例分析[M].北京:北京希望电子出版社,2006.

[5]徐育忠,林芝.色彩表现与训练[M].北京:化学工业出版社,2007.

作者:史俊霞 高耀 单位:榆林学院网络管理中心榆阳区教育局