颜色的使用在网页制作中起着非常关键的作用,有很多网站以其成功的色彩搭配令人 过目不忘。但是对于刚开始学习制作网页的人来说,往往不容易驾驭好网页的颜色搭配。除 了学习各种色彩理论和方法之外, 多学习一些著名网站的用色方法, 对于我们制作 美丽的网页可以起到事半功倍的作用。所以,总结了一些著名网站的颜色搭配方法,这 些方法可以让我们的学习少走弯路,快速提高我们的网页制作水平。
一、网页颜色原理和象征意义
我们所有网页上颜色,在 HTML 下看到的是以颜色英文单词或者十六进制的表示方法 (如#000000 表示为黑色)。不同的颜色有着不同的含义,给人各种丰富的感觉和联想。
红色 代表热情、活泼、热闹、温暖、幸福、吉祥、奔放、喜悦、庄严
橙色 代表光明、华丽、兴奋、甜蜜、快乐
黄色 代表明朗、愉快、高贵、希望、富有、灿烂、活泼
黑色 代表崇高、坚实、严肃、刚健、粗莽、夜晚、沉着
白色 代表纯洁、纯真、朴素、神圣、明快、简单、洁净
蓝色 代表深远、永恒、沉静、理智、诚实、寒冷、天空、清爽、科技
绿色 代表新鲜、平静、和平、柔和、安逸、青春、植物、生命、生机
灰色 代表忧郁、消极、谦虚、平凡、沉默、中庸、寂寞、庄重、沉稳
紫色 代表优雅、高贵、魅力、自傲、浪漫、富贵
棕色 代表大地、厚朴
二、网页颜色的使用风格
不同的网站有着自己不同的风格,也有着自己不同的颜色。
网站使用颜色大概分为几种 类型:
1、 公司色
在现在企业中,公司的 CI 形象显得尤其重要,每一个公司的 CI 设计必然要有标准的颜 色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色,同时形象宣传、海报、广告使 用的颜色都和网站的颜色一致。再比如国富投资公司的主色调是 C:100%,M:60%,Y: 0%,K:0%。这样的颜色使用到网站上显得色调自然、底蕴深厚。
2、 风格色
许多网站使用颜色秉承的是公司的风格。比如海尔使用的颜色是一种中性的绿色,即充 满朝气有不失自己的创新精神。 女性网站使用粉红色的较多, 大公司使用蓝色的较多……这 些都是在突出自己的风格。
3、 习惯色
这些网站的颜色使用很大一部分是凭自己的个人爱好,以个人网站较多使用,比如自己 喜欢红色、紫色、黑色等,在做网站的时候就倾向于这种颜色。每一个人都有自己喜欢的颜 色,因此这种类型称为习惯色。
三、色彩的基础知识
色彩五颜六色、千变万化,我们平时所看到的白色光,经过分析在色带上可以看到,它 事实上包括红、橙、黄、绿、青、蓝、紫等七色,各颜色间自然过渡。
其中,红、黄、蓝是 三原色,三原色通过不同比例的混合可以得到各种颜色。
色彩有冷暖色之分,冷色(如蓝色) 给人的感觉是安静、冰冷;而暖色(如红色)给人的感觉是热烈、火热。冷暖色的巧妙运用可 以让网站产生意想不到的效果。 色彩与人的心理感觉和情绪也有一定的关系, 利用这一点可以在设计网页时形成自己独 特的色彩效果,给浏览者留下深刻的印象。
四、色彩搭配的原则
色彩搭配既是一项技术性工作,同时它也是一项艺术性很强的工作,因此,设计者在设 计网页时除了考虑网站本身的特点外,还要遵循一定的艺术规律,从而设计出色彩鲜明、性 格独特的网站。
1.特色鲜明 一个网站的用色必须要有自己独特的风格, 这样才能显得个性鲜明, 给浏览者留下深刻 的印象。
2.搭配合理 网页设计虽然属于平面设计的范畴, 但它又与其它平面设计不同, 它在遵从艺术规律的 同时,还考虑人的生理特点,色彩搭配一定要合理,给人一种和谐、愉快的感觉,避免采用 纯度很高的单一色彩,这样容易造成视觉疲劳。
3.讲究艺术性 网站设计也是一种艺术活动, 因此它必须遵循艺术规律, 在考虑到网站本身特点的同时, 按照内容决定形式的原则,大胆进行艺术创新,设计出既符合网站要求,又有一定艺术特色 的网站。
五、色彩搭配要注意的问题
1.使用单色 尽管网站设计要避免采用单一色彩, 以免产生单调的感觉, 但通过调整色彩的饱和度和 透明度也可以产生变化,使网站避免单调。
2.使用邻近色 所谓邻近色, 就是在色带上相邻近的颜色, 例如绿色和蓝色, 红色和黄色就互为邻近色。 采用邻近色设计网页可以使网页避免色彩杂乱,易于达到页面的和谐统一。
3.使用对比色 对比色可以突出重点, 产生了强烈的视觉效果, 通过合理使用对比色能够使网站特色鲜 明、重点突出。在设计时一般以一种颜色为主色调,对比色作为点缀,可以起到画龙点睛的 作用。
4.黑色的使用 黑色是一种特殊的颜色,如果使用恰当,设计合理,往往产生很强烈的艺术效果,黑色 一般用来作背景色,与其它纯度色彩搭配使用。
5.背景色的使用 背景色一般采用素淡清雅的色彩, 避免采用花纹复杂的图片和纯度很高的色彩作为背景 色,同时背景色要与文字的色彩对比强烈一些。
6.色彩的数量 一般初学者在设计网页时往往使用多种颜色,使网页变得很“花”,缺乏统一和协调,表 面上看起来很花哨,但缺乏内在的美感。事实上,网站用色并不是越多越好,一般控制在三 种色彩以内,通过调整色彩的各种属性来产生变化
文章整理自:ZOL博客