进入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结语
色彩是网页设计的精髓。它不但给网页作品披上了一件华丽的外衣,能使平面的东西立体化,同时引导人们对网页有一个深层次的理解。色彩通过人们的视觉反应,在生理上和心理上产生强烈的共鸣,选用不同的颜色,所呈现的反应也各不相同。色彩有强烈的表现力和冲击力,选取好的色彩会及时吸引人们的眼球,给人留下深刻的印象,换句话说就是一种美的享受。色彩对人的视觉有决定性作用,一个好的网页设计,不但要求设计者的技术一流,还要求对色彩的运用也能游刃有余。在网页设计中色彩越来越被人们所重视,色彩的选用、比例、含义等方面,对我们有了新的要求,要求我们认真实践、研究、解决,要求我们无论在什么样的网页设计中,能准确找到它的定位。
word如何进行全文分栏和某段落分栏 word如何进行全文分栏和某段落分栏的区别
word如何进行全文分栏和某段落分栏 在Word2003中,我们可以对一篇文章进行分栏设置,分两栏,分三栏都可以自己设置.像我们平常看到的报纸.公告.卡片.海报(33)人阅读时间:2024-09-12word2010大纲怎么显示(word2010大纲级别怎么设置)
word2010大纲怎么显示(word2010如何使用大纲视图) 有些时候我们在网上下载的一些word文档太长了,我们其实可以显示大纲,看清楚每一节是否有自己需(25)人阅读时间:2024-09-12七种常见的Word打印设置技巧(七种常见的word打印设置技巧)
七种常见的Word打印设置技巧 七种常见的Word打印设置技巧 1.打印指定页码 有些时候,我们只希望打印文档中的某些页码,只要点击菜单命令"文件→打印",在打(24)人阅读时间:2024-09-12四种方框内打钩符号的简易方法(四种方框内打钩符号的简易方法视频)
四种方框内打钩符号的简易方法 如何在Word方框里打钩? 四种方框内打钩符号的简易方法 如何在Word方框里打钩? 一.在方框里打钩的方法一 利用带圈数字来(25)人阅读时间:2024-09-12word如何进行全文分栏和某段落分栏 word如何进行全文分栏和某段落分栏的区别
word如何进行全文分栏和某段落分栏 在Word2003中,我们可以对一篇文章进行分栏设置,分两栏,分三栏都可以自己设置.像我们平常看到的报纸.公告.卡片.海报..2024-09-12word2010大纲怎么显示(word2010大纲级别怎么设置)
word2010大纲怎么显示(word2010如何使用大纲视图) 有些时候我们在网上下载的一些word文档太长了,我们其实可以显示大纲,看清楚每一节是否有自己需..2024-09-12七种常见的Word打印设置技巧(七种常见的word打印设置技巧)
七种常见的Word打印设置技巧 七种常见的Word打印设置技巧 1.打印指定页码 有些时候,我们只希望打印文档中的某些页码,只要点击菜单命令"文件→打印",在打..2024-09-12四种方框内打钩符号的简易方法(四种方框内打钩符号的简易方法视频)
四种方框内打钩符号的简易方法 如何在Word方框里打钩? 四种方框内打钩符号的简易方法 如何在Word方框里打钩? 一.在方框里打钩的方法一 利用带圈数字来..2024-09-12word怎么调整纸张的尺寸大小? word怎样调纸张大小
word怎么设置文档的水印呢?(word文档中怎么设置水印)
Word文档中表格的单个单元格边框怎么设置
使用Word制作成绩表表格的方法 表格制作excel教程成绩表
怎么批量导出Word文档中所有图片 word批量导出图片并分别储存
Word文档怎么设置自动保存 wpsword文档怎么设置自动保存
word怎么设置自动滚动页面(word怎么设置自动滚动页面)
Word实现Excel表格分栏打印的方法 word表格分页打印
Word2013怎么自定义SmartArt图形形状样式?
怎样去掉Word文档中的手动换行符(怎样去掉word文档中的手动换行符号)