网页的各种配色
配色在网页制作中起着非常关键的作用。很多网页以其独特的色彩搭配给浏览者留下深刻的印象。初学网页设计的制作者可以先学习一些知名网站的配色方案,理解其色彩设计的思想,学习其色彩运用的技巧。
在认识网页色彩搭配时。应注意各种网页的主色调区分,抓住网页主色调表达的思想感情与网页内容的关系。通过色彩与网页内容的关系来认识网页配色的本质。
红色
红色是一种暖色调,性格刚烈而外向,是一种对人刺激性很强的颜色,是引人注目的色彩,具有强烈的感染力。使用红色的网页容易使人兴奋、激动、紧张、冲动。但需要注意,红色过多容易引起人的视觉疲劳。
红色适合与多种颜色搭配。例如,红色中加入少量的黄色,可使页面给人以强烈的热力,趋于躁动、不安;在红色中加入少量的蓝色,可使红色的热性稍微减弱。趋于文雅、柔和:在红色中加入少量的黑色。可以使页面色彩的性格变得沉稳,趋于厚重、朴实:而在红色中加入少量的白色,会使页面色彩的性格变得温柔,给人以含蓄、羞涩、娇嫩的感觉。
橙色
橙色是暖色调中给人温暖感觉强烈的一种颜色,其性格活拨,使人兴奋,并其有富丽、辉煌、炽热的感情意味。橙色只有在发冷、深沉的蓝色中。才能充分发挥出其具有的太阳般的光辉。
在橙色中混入少的蓝,能够形成强烈的对比,有一种紧张的气氛。而在橙色中混入少的白色,可以反映出焦虑、无力的感觉。
黄色
黄色也是一种暖色调,由于过于明亮,容易给人以冷漠、高傲、敏感的感觉,具有扩张和不安的视觉印象。黄色是各种色彩中容易受其他辅助配色影响的颜色。只要在纯黄色中混入少量的其他颜色,就将大幅地改变其给人的感觉。
黄色与其他色彩的搭配性不如红色。在黄色中加入少的蓝色,可使其高傲的性格趋向于平和、温润;在黄色中加入少量的红,则使其转化为有限的热情和温暖:在黄色中加入少量的黑色,可以使其变得成熟、随和又不失刺激。
绿色
绿色是一种中性的色彩。在可见光谱中,其波长居中。因此,人的视觉能适应绿光的刺激。绿色具有缓解视觉疲劳的作用,象征平和、自然、健康。
当绿色中黄色的成分较多时,其色彩的性格就趋向于活泼、友善:在绿色中加入少量的黑色,可使其性格趋于庄重、老练、成熟:在绿色中加入少量的白色,可使其性格趋向于洁净、清爽、鲜嫩。
蓝色
蓝色属于典型的冷调,性格朴实而内向,是一种给人以理智的颜色。蓝色的内向、朴实性格常为那些性格活跃、其有较强扩张力的色彩提供一个深远而宁静的空间,成为衬托活跃色彩的背景。蓝色的个性又比较强烈,即使在淡化后仍能表现其鲜明的特征。
在蓝色中分别加入少量的红、黄、黑、橙、白等颜色,都不会对蓝色的色彩性格构成什么明显影响力。
紫色
紫色的明度是在有彩色中从低的,是色相中暗的颜色。因此,其形成在视觉上的知觉度很低,给人以沉闷、神秘的感觉,表现出一种孤独、高贵、优美而神秘的情感。
当紫色中红色的成分较多时,其知觉具有压抑感、威胁感:在紫色中加入少量的黑色,将给人一种沉闷、伤感而恐怖的感觉:而在紫色中加入白色,可使紫色中沉闷的性格消失,变得优雅、娇贵,充满女性的魅力。
白色
白色的色感光明、堂皇,给人以朴实、纯洁、快乐的感觉。白色具有圣洁的不容浸犯性。白色是通用配色,它和任何色彩都可以搭配。但是当白色中混入其他颜色时,将会影响白色的纯洁性,使其性格变衔含蓄而无力。
在白色中混入少丝的红色,将使整个页面充满诱惑感,给人以十分鲜嫩的感觉:在白色中混入少量的黄色,则使网页给人一种香腻的印象;在白色中混入少量的蓝色,则给人以清冷、洁净的感觉;在白色中混入少量的橙色,将给人以干爽、干操、清爽的感觉:在白色中混入少的绿色,会带给人以稚嫩、柔和的感觉:在白色中混入少量的紫色,可以诱导人联想到淡淡的芳香。
黑色
从光学的角度讲,黑色是无光的。黑色在视觉上是一种消极性的色彩,使人联想到黑暗、黑夜、寂寞、神秘:意味着悲哀、沉默、恐怖、罪恶、消亡:黑色还有颜色、含蓄、庄重、解脱的表情。
黑色是稳定和深沉的颜色,它和任何色彩搭配都难以撼动其鲜明的性格。
灰色
灰色是白色和黑色的混合色,自身显得毫无个性和特点。其性格是柔和的,没有什么倾向性。灰色是彻底被动的色彩,完全依靠邻近的色彩去获得自己的性格。
灰色也是一种通用搭配色彩,它和任何色彩搭配都只反映俗配色彩的色彩性格,而不能表现自己的色彩性格。
网页设计常见配色问题
黑白灰是万能色,可以跟任意颜色一起搭配。白色是网站中使用最普遍的颜色,留白,会给人一个遐想的空间,让人感觉舒畅。下面介绍网页设计常见配色问题,希望对您有所帮助。
(一)色彩的平衡
下面来说说色彩的平衡原则问题,打动别人的视知觉,色彩就必须要平衡。一般情况下要考虑几点。
1、比较全局。
2、不同的物体也不同。例如,你如果从页面上看到铁块之类的物品,潜意识里浏览者就会认为铁块肯定比在页面上出现的一颗小草要重很多,这是生活上出来的经验。
3、色彩不能偏。色彩不能偏于一方,发否则就会失重。
4、色彩要均衡。若说到均衡,则纯度或明度较差的大面积色块与小面积色块的鲜明色块也均衡。
(二)色彩的适应性
色彩在生活中有着丰富的感情含义。比如红色让人联想到玫瑰和喜庆,联想到兴奋;黑白灰是万能色,可以跟任意颜色一起搭配。白色是网站中使用最普遍的颜色,留白,会给人一个遐想的空间,让人感觉舒畅。
(三)网页色彩搭配原则
色彩是视觉上最敏感的部分,主页的色彩处理的号就可以锦上添花。色彩应用原则用四个字来概括“总体协调,局部对比”。
另外,色彩还具有民族性,各个民族由于环境文化传统等因素,对于色彩的喜好也存在较大的差异,充分运用色彩的特性可以使主页具有深刻的内涵及文化品位。下面介绍几种常用的配色方案。
1、暖色调。可以使主页呈现温馨、热性的分为。(暖色调包括红色、橙色、黄色等)
2、冷色调。可以使主页呈现宁静、清凉、高洁的氛围。(冷色调包括青色、绿色、紫色等)
3、对比色调。对比色调即把色性相反的色差搭配在同一个空间里,如红与绿、黄与紫、橙与蓝等。这样可以产生强烈的视觉效果,当然用对比色调用的不得当会适得其反产生刺眼的不良效果。
最后要考虑主页的底色即背景色的深浅问题,底色深,文字的颜色就要浅,以深色的背景色衬托出浅色的文字或图片;反之亦然,底色浅的,文字的颜色就要深些,以浅色的背景色衬托出深色的文字或图片。这种深浅的变化在色彩学中称为明度变化。有些主页,底色是黑色的,但文字也选用了较深的颜色,由于色彩的明度比较接近,读者在浏览的时候眼睛就会感觉很吃力,当然,色彩的明度也不能变化的太大,否则屏幕亮度反差就太强了些,读者的眼睛依然会受不了。
(四)网页色彩的选择标准
网站给人的第一印象来源于视觉的冲击效果,如果你没有丰富的网页内容,那么网页设计中对网站的标准色的设计就显得尤为重要了。标准色彩能够体现网站形象和延伸内涵的色彩,它是影响网站整体效果的关键。
网页设计的过程中,搭配网页色彩时要注意色彩的合适性,色彩与表达的内容氛围要相适合,社会背景不同的人,对于色彩的感受往往也不相同,还有一点就是关于色彩的对比,它会受到很大因素的影响,如色彩的面积、时间、亮度等。