浅析网页色彩设计艺术

《浅析网页色彩设计艺术》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

浅析网页色彩设计艺术肖昆明湖南化工职业技术学院【摘要】打开一个网站，给人留下第一印象的通常不是网站的内容，而是网站的色彩。网页中各种色彩如何搭配，如何调和与均衡，同时又能突出公司或个人鲜明的个性？木文介绍了色彩的基础知识，各种色彩其有的象征意义，并就网页色彩搭配原则、应注意的问题、页面色彩的调和与均衡、网页色彩的使用风格等方面作了一些探讨。最后，列举了几个优秀网站的用色范例，供网页设计者借鉴与参考。【关键词】网页设计色彩搭配RGB三基色色彩均衡【中图分类号】TP399【文献标识码】A【文章编号】1674-4810(2010)11-0048-02打开一个网站，给用户留下第一印象的既不是网站丰富的内容，也不是其合理的版面布局，而是网站的色彩。因为M页设计属于平面设计范畴，在排除立体图形、动画效果之外，在平面图上，色彩对人的视觉冲击力非常明显。因此，一个网站设计成功与否，在某种程度上取决于设计者对色彩的合理运用和搭配。一色彩基础知识1.色彩基木概念自然界中的颜色分为非彩色和彩色两大类。非彩色是指黑色、白色和各种深浅不一的灰色，而其他颜色则属于彩色。任何一种彩色均具有三个属性：(1)色相：也称色泽，是颜色的基木特征，反映颜色的基木面貌。(2)饱和度：也称纯度，指颜色的纯洁程度。(3)亮度：也称明度，指颜色的深浅。2.色彩的三基色 电脑屏幕的色彩由RGB(红、绿、蓝)三种色光所合成，我们可通过调整这三种基色调校出其他的颜色，在许多图像和动画处理软件(如：Photoshop、Flash）中，都提供色彩调配功能，你可以输入RGB三基色的数值来调配颜色，也可直接根据软件提供的调色板来选择颜色。1.电脑影像的色彩电脑影像的色彩是经由位元（bit）计算和组合而来，灰阶的影像共有256个阶调，看起来类似传统的黑白照片，除黑、白二色外，尚有254种深浅的灰色，电脑必须用8位位元（即28）来显示这256种阶调。而全彩是指RGB三色光所能显示的所有颜色，每一色光以8位位元表示256种阶调，三色光交互增减，就能显示24位的1677万种颜色（即224）,这个数值就是电脑所能表示的最高色彩，即通常我们所说的RGB真彩色。在该模式下看到的真彩色影像的色彩已和高清晰度照片没什么差别。二常见色彩代表的象征意义红色：热情、活泼、热闹、温暖、幸福、吉祥。橙色：光明、华丽、兴奋、甜蜜、快乐。黄色：明朗、愉快、高贵、希望。绿色：新鲜、平静、和平、柔和、安逸、青春。蓝色：深远、永恒、沉静、理智、诚实、寒冷。紫色：优雅、高贵、魅力、自傲。白色：纯洁、朴素、神圣、明快。灰色：忧郁、消极、谦虚、平凡、沉默、中庸、寂寞。黑色：崇高、坚实、严肃、刚健、粗犷。三网贞色彩搭配原则1.特色鲜明网页的用色要有自己独特的风格，容易引人注0。2.搭配合理 遵循艺术规律的同吋，考虑人的生理特点，色彩搭配合理，给人一种和谐、愉悦的感觉，避免采用纯度很高的单一色彩，这样容易造成视觉疲劳。1.讲究艺术选择色彩应和网页的内涵相关联，按照内容决定形式的原则，大胆进行艺术创新，设计出既符合网站要求，又有一定艺术特色的网站。四色彩搭配应注意的问题1.使用单色使用单一色彩吋，应通过调整色彩的饱和度和透明度产生变化，使网站避免単调。2.使用邻近色所谓邻近色，是指色带上相邻近的颜色，如绿色和蓝色，红色和黄色。采用邻近色可使网页避免色彩杂乱，易于达到页面的和谐统一。3.使用对比色对比色可以突出重点，产生强烈的视觉效果，合理使用能使网站特色鲜明、重点突出。在设计时一般以一种颜色为主色调，对比色作为点缀，以起到画龙点晴的作用。4.黑色的使用黑色一般用作背景色，与其他颜色搭配使用。5.背景色的使用背景色一般采用素雅的颜色，避免使用花纹复杂的图片和纯度很高的色彩，同吋背景色要与文字的色彩对比强烈一些。6.色彩的数量网站用色一般控制在三种以内，通过调整色彩的各种属性来产生变化。 如果使用过多的颜色，会使页面很花哨，缺乏统一和协调。五页面色彩的调和与均衡1.调和色彩的基本法则页面各部分色彩一定要构成适当的色彩关系，组成统一的色调，以表达某种情绪。一般应注意以下几点：(1)确立主调统率贞面的色彩关系。当贞面上有几个色块吋，必须以其中一块颜色为主，而iL其面积、亮度、位置大于其他色块。(2)不但要善于运用原色，而且还要善于运用金、银、黑、白和灰等中性色进行缓和，以烘托主题。(3)增加共同点，使设计更趋向协调。(4)拉开距离，主次分开。可用方法：或从平面拉开，或从纯度和亮度削弱。具体如：两色一深一浅；同时变化原有亮度；纯度对比，使一色鲜艳而一色朦胧；同吋变化原有纯度等。2.色彩均衡的基本法则要打动人的视觉和知觉，色彩一定要均衡。一般应注意以下几点：(1)比较全局。(2)物体不同，给人的感觉也不同。如铁块和小草给人的分量就完全不同。(3)色彩不能偏于一方，否则就会失重。如页面中必用大色，则四周一定要有小色，左边有一定的物体和亮度，右边就不能完全灰暗或空白。六网页色彩的使用风格1.网站使用色彩的类型不同的网站有自己不同的风格，也奋自己不同的色彩。网站使用色彩大致可分为以下几种类型：(1)公司色。在现在企业中，公司的Cl(CorporateIdentity，指一个企 业所能标识自己、区别外界的内在特点和个性)形象显得尤其重要，每一个公司的CI设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色，同吋形象宣传、海报、广告使用的颜色都和网站的颜色一致。(1)风格色。许多网站使用颜色秉承的是公司的风格。比如海尔使用的颜色是一种中性的绿色，既充满朝气又不失自己的创新精神。女性网站使用粉红色的较多，大公司使用蓝色的较多......这些都是在突出自己的风格。(2)>J惯色。这些网站的颜色使用很大一部分是凭设计者自己的爱好，以个人网站使用较多。比如自己喜欢红色、紫色、黑色等，在做网站的时候就倾向于这种颜色。因为每个人都有自己喜欢的颜色，因此这种类型称为习惯色。1.优秀网站设计用色鉴赏(1)www.microsoft.com(微软公司网站)。淡蓝色的背景色使人联想到辽阔的大海、无垠的宇宙或流动的大气，灰黑色的菜单让人联想到厚重而坚实的大地。单从网页我们就可以看出微软公司的风格、作风及雄厚的实力。(2)www.coca-cola.com(可口可乐公司网站)。采用静中冇动的表现手法，火红的页面给人一种热情洋溢的感觉，同吋红色也是公司产品的代表色。(3)www.baleno.com(班尼路公司网站)。作为一个服装网站，白色的背景方便与各种颜色的搭配，给人以清新舒适的感觉。(4)www.baidu.com(百度公司网站)。白色的背景下，采用红色大字号的公司中英文名称作为标题，非常醒B,正文文字以蓝色为主体，中间是一个闩色的文本框用来输入搜索内容。文字较少，给人以简洁、明快的感觉，同时又能突出一个搜索引擎的主题。总之，色彩的搭配与运用在网页设计中起着非常关键的作用，但是对于刚开始学习制作网页的人来说，往往又不容易驾驭，一方面要学习各种色彩理论和方法，另一方面又要考虑各种色彩对人的视觉和心理影响。除了我们在实践中不断地摸索和创新，另外，多学习一些著名网站的颜色搭配与设计方法，可以让我们的学习少走弯路，同时达到事半功倍的效果。 参考文献[1]冯能聪等.网页制作与网站设计教程[M].北京：冶金工业出版社，2008[2]阮秋琦.数字图像处理学[M].北京：电子工业出版社，2001