欢迎来到天天文库
浏览记录
ID:56811348
大小:127.00 KB
页数:5页
时间:2020-07-12
《网站设计配色方案实例.doc》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、网站设计配色方案实例颜色的使用在网页制作中起着非常关键的作用,有很多网站以其成功的色彩搭配令人过目不忘。但是对于刚开始学习制作网页的人来说,往往不容易驾驭好网页的颜色搭配。除了学习各种色彩理论和方法之外,笔者认为多学习一些著名网站的用色方法,对于我们制作美丽的网页可以起到事半功倍的作用。所以,笔者总结了一些著名网站的颜色搭配方法,这些方法可以让我们的学习少走弯路,快速提高我们的网页制作水平。一、网页颜色原理和象征意义我们所有网页上颜色,在html下看到的是以颜色英文单词或者十六进制的表示方法(如#表示为黑色)。不同的颜色有着不同的
2、含义,给人各种丰富的感觉和联想。红色:热情、奔放、喜悦、庄严黄色:高贵、富有、灿烂、活泼黑色:严肃、夜晚、沉着白色:纯洁、简单、洁净蓝色:天空、清爽、科技绿色:植物、生命、生机灰色:庄重、沉稳紫色:浪漫、富贵棕色:大地、厚朴二、网页颜色的使用风格不同的网站有着自己不同的风格,也有着自己不同的颜色。网站使用颜色大概分为几种类型:1、公司色在现在企业中,公司的形象显得尤其重要,每一个公司的设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色,同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。再比如国富投资公司的
3、主色调是c:100%,m:60%,y:0%,k:0%。这样的颜色使用到网站上显得色调自然、底蕴深厚。2、风格色许多网站使用颜色秉承的是公司的风格。比如海尔使用的颜色是一种中性的绿色,即充满朝气有不失自己的创新精神。女性网站使用粉红色的较多,大公司使用蓝色的较多……这些都是在突出自己的风格。3、习惯色这些网站的颜色使用很大一部分是凭自己的个人爱好,以个人网站较多使用,比如自己喜欢红色、紫色、黑色等,在做网站的时候就倾向于这种颜色。每一个人都有自己喜欢的颜色,因此这种类型称为习惯色。三、设计用色十例以下我将分别介绍十个配色较好的网站,
4、大家可以学习和借鉴一下,培养对色彩的敏感以及独到的审美能力。1)这是个大型的nba网站。通常我们经常看到的此类网站以白色为背景,但是这个网站却用灰黑色rgb为(48,48,48/#)(以下颜色都用rgb表示),文章标题用色为rgb为(203,201,153/#cccc99),菜单使用的rgb为(112,119,112/#)。这样的配色可以显示独特的个性,又不失大型网站的风采。如图12)下面是一个娱乐类的综合性网站ugo,他的配色方案是背景色为黑色rgb为(0,0,0)中嵌套rgb(0,0,82),字体白色rgb(255,255,2
5、55),菜单为rgb(77,114,159)。这样的虽以黑蓝为主色调,但是配以漂亮的图片,给人的感觉是生机盎然,充满了互动色彩和青春气息。如图2。图23)下面的这个网站是大名鼎鼎的微软公司网站,微软不仅软件做的好,连网页制作也是世界一流。他的每一个网页都是制作的样板。从网页我们就可以看出微软公司的风格、作风,以及雄厚的实力。背景颜色使用蓝色rgb为(0,151,254),菜单为黑色rgb(0,0,11),菜单为灰色rgb(200,200,200),字体为黑色rgb(0,0,0),如图3。图34)现在介绍的网站相对简单,但是她的用色
6、也别具匠心,现在我们来看一看,整体上使用的是白色rgb(255,255,255),辅助色为rgb(79,88,95),菜单色为rgb(48,64,64)和rgb(0,81,111)字体使用的是rgb(83,86,91)。虽然简单,但颜色搭配非常的科学合理。如图4图45)下面的网站采用黄色调为主,很体现公司的个性,现在我们就来看一看她的颜色搭配。主色调为黄色rgb为(255,199,48/#ffc730),辅助色调为rgb(49,102,46)字体为棕色rgb(153,103,0),中间再配以抽象的图片,显得个性十足但又不单调。如图
7、5图56)橘红色如果运用得当的话是一种非常使用于网页上的颜色。下面的这个网站就是一个非常著名的例子。他的主色调为rgb(255,151,0)辅助色调为rgb(255,103,4),菜单rgb为(252,200,0)。字体使用黑色rgb为(0,0,0)。此种配色显得主人较为前卫,色彩热烈,给人的震慑力较强。如图6图67)鲜红色也是一种震撼感很强的颜色,如果搭配不当,也可能使网站没有风格和特点。下面的这个网站就是使用红色比较好的网站。我们来看看他的颜色搭配。他使用的主色调是rgb(200,9,0),配以抽象的图形,文字使用的是rgb(
8、213,229,167)显得美观而不失独特,大气而不逼人。如图7图78)下面介绍的这种色调是我们制作网页的时候不会经常用到的颜色,如果使用到你的网页中,肯定会给人耳目一新的感觉。他的主色调为rgb(144,151,97)辅助色调为rgb(173,1
此文档下载收益归作者所有