一些颜色在网上适用的技巧

网页背景颜色搭配技巧 用一种色彩:这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将色彩变淡或则加深),产生新的色彩,这样的页面看起来色彩统一,有层次感。 2.用两种色彩:先选定一种色彩,然后选择它的对比色(在photoshop里按ctrl+shift+I)。这样整个页面色彩丰富但不花稍。 3.用一个色系:简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。 确定色彩的方法各人不同,我是在photoshop里按前景色方框,在跳出的拾色器窗中选择"自定义",然后在"色库"中选就可以了。 4.用黑色和一种彩色:比如:大红的字体配黑色的边框感觉会很"跳"。 在配色中,忌讳的是: 1.不要将所有颜色都用到,尽量控制在三种色彩以内。 2.背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要宝贝文字及产品内容喔。 ----------------------------------------------------------------------------------------------------------------------------------- -----------------------------------------------------------------------------------------------------------------------------------  颜色的使用在网页制作中起着非常关键的作用,有很多网站以其成功的色彩搭配令人过目不忘。但是对于刚开始学习制作网页的人来说,往往不容易驾驭好网页的颜色搭配。除了学习各种色彩理论和方法之外,笔者认为多学习一些著名网站的用色方法,对于我们制作美丽的网页可以起到事半功倍的作用。所以,笔者总结了一些著名网站的颜色搭配方法,这些方法可以让我们的学习少走弯路,快速提高我们的网页制作水平。   一、网页颜色原理和象征意义   我们所有网页上颜色,在HTML下看到的是以颜色英文单词或者十六进制的表示方法(如#000000表示为黑色)。不同的颜色有着不同的含义,给人各种丰富的感觉和联想。   红色:热情、奔放、喜悦、庄严   黄色:高贵、富有、灿烂、活泼   黑色:严肃、夜晚、沉着   白色:纯洁、简单、洁净   蓝色:天空、清爽、科技   绿色:植物、生命、生机   灰色:庄重、沉稳   紫色:浪漫、富贵   棕色:大地、厚朴   二、网页颜色的使用风格   不同的网站有着自己不同的风格,也有着自己不同的颜色。网站使用颜色大概分为几种类型:   1、 公司色   在现在企业中,公司的CI形象显得尤其重要,每一个公司的CI设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色,同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。再比如国富投资公司的主色调是C:100%,M:60%,Y:0%,K:0%。这样的颜色使用到网站上显得色调自然、底蕴深厚。   2、 风格色   许多网站使用颜色秉承的是公司的风格。比如海尔使用的颜色是一种中性的绿色,即充满朝气有不失自己的创新精神。女性网站使用粉红色的较多,大公司使用蓝色的较多……这些都是在突出自己的风格。   3、 习惯色   这些网站的颜色使用很大一部分是凭自己的个人爱好,以个人网站较多使用,比如自己喜欢红色、紫色、黑色等,在做网站的时候就倾向于这种颜色。每一个人都有自己喜欢的颜色,因此这种类型称为习惯色。 对于做网页的初学者可能更习惯于用一些漂亮的图片做自己网页的背景,但是,浏览一下大型商业网站,你会发现它们更多运用的是 白色、蓝色、黄色或其他颜色的搭配,使得网页显得典雅、温馨又不失活泼,更重要的是,这种做法使浏览者大大加快了网页的下载 速度,配合网站丰富的内容,使整个网站更具有吸引力。 一般说来,普通的底色应柔和些,素一些,淡一些,配上黑字,读起来自然、流畅。而为了追求醒目的视觉效果,可以为标题使用较 深的颜色。下面是对底色和字体搭配积累的经验,这些颜色可以做正文底色,也可做标题底色,再配上不同颜色的字体,就有比较不 错的效果。希望能对大家有所帮助。 Bgcolor=“#f1fafa” //做正文的背景色好,淡雅。 Bgcolor=“#E8FFE8” //做标题的背景色好,与上面的颜色搭配很协调。 Bgcolor=“#E8E8FF” //做正文的背景色好,字体配黑色较好。 Bgcolor=“#808000” //上配黄色白色字体较好。 Bgcolor=“#E8D098” //上搭配浅蓝色或蓝色字体较好。 Bgcolor=“#EFEFDA” //上搭配浅蓝色或红色字体较好。 Bgcolor=“#F2F1D7” //配黑字素雅,红字醒目。 Bgcolor=“#336699” //配白字做标题较好看。 Bgcolor=“#6699CC” //配白字都较好看,可做标题。 Bgcolor=“#66CCCC” Bgcolor=“#B45B3E” Bgcolor=“#479AC7” Bgcolor=“#00B271” Bgcolor=“#FBF8EA” //配黑字都较好看,一般做正文以上配色方案都比较淡雅。 Bgcolor=“#D5F3F4” Bgcolor=“#D7FFF0” Bgcolor=“#F0DAD2” Bgcolor=“#DDF3FF” 浅绿底黑字,或白底蓝字都很醒目,但前者突出背景,后者突出前景,红底白字醒目,较深底色配黄字有效果。 大家可以在此基础上发挥想象力,搭配出更加有新意的颜色,做出更漂亮的网页!

你可能感兴趣的:(浏览器)