您的位置: 视觉艺术互联 >> 教程 >> 网站制作 >> 文章正文
网页设计教程:网页配色实例
www.ArtGlim.com ┊ 时间:2005-9-13 ┊ 来源:netbox `



 

颜色的使用在网页制作中起着非常关键的作用,有很多网站以其成功的色彩搭配令人过目不忘。但是对于刚开始学习制作网页的人来说,往往不容易驾驭好网页的颜色搭配。除了学习各种色彩理论和方法之外,笔者认为多学习一些著名网站的用色方法,对于我们制作美丽的网页可以起到事半功倍的作用。所以,笔者总结了一些著名网站的颜色搭配方法,这些方法可以让我们的学习少走弯路,快速提高我们的网页制作水平。

一、网页颜色原理和象征意义

我们所有网页上颜色,在HTML下看到的是以颜色英文单词或者十六进制的表示方法(如#000000表示为黑色)。不同的颜色有着不同的含义,给人各种丰富的感觉和联想。

红色:热情、奔放、喜悦、庄严

黄色:高贵、富有、灿烂、活泼

黑色:严肃、夜晚、沉着

白色:纯洁、简单、洁净

蓝色:天空、清爽、科技

绿色:植物、生命、生机

灰色:庄重、沉稳

紫色:浪漫、富贵

棕色:大地、厚朴

二、网页颜色的使用风格

不同的网站有着自己不同的风格,也有着自己不同的颜色。网站使用颜色大概分为几种类型:

1、 公司色

在现在企业中,公司的CI形象显得尤其重要,每一个公司的CI设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色,同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。再比如国富投资公司的主色调是C:100%, M:60%,Y:0%,K:0%。这样的颜色使用到网站上显得色调自然、底蕴深厚。

2、 风格色

许多网站使用颜色秉承的是公司的风格。比如海尔使用的颜色是一种中性的绿色,即充满朝气有不失自己的创新精神。女性网站使用粉红色的较多,大公司使用蓝色的较多……这些都是在突出自己的风格。

3、 习惯色

这些网站的颜色使用很大一部分是凭自己的个人爱好,以个人网站较多使用,比如自己喜欢红色、紫色、黑色等,在做网站的时候就倾向于这种颜色。每一个人都有自己喜欢的颜色,因此这种类型称为习惯色。

三、设计用色十例

以下我将分别介绍十个配色较好的网站,大家可以学习和借鉴一下,培养对色彩的敏感以及独到的审美能力。

1)这是个大型的NBA网站。通常我们经常看到的此类网站以白色为背景,但是这个网站却用灰黑色RGB为(48,48,48/#333333)(以下颜色都用RGB表示),文章标题用色为RGB为(203,201,153/#CCCC99),菜单使用的RGB为(112,119,112/#707770)。这样的配色可以显示独特的个性,又不失大型网站的风采。如图1

[1] [2] [3] 下一页  

本文链接:


在线编辑:老雕

相关文章 本栏最新
  • 培养色感的一些经验分享

  • Adobe征集的五星配色方案

  • 网页设计中文字颜色的搭配技巧

  • 网页配色之黄金分割法

  • 普通文章 全面的开展网站评估
    普通文章 浅议 Web 表单设计
    普通文章 2007十大网站设计错误
    普通文章 Sun首页改版分析
    普通文章 美国网站和日本网站到底有什么不同?
    普通文章 自然选择:自然界的颜色与界面设计
    普通文章 当前的网站设计风格
    普通文章 Web2.0的视觉设计
    普通文章 浮动式操作
    普通文章 关于web标准的思考

  • 上一篇文章:
  • 下一篇文章:
  • 发表评论  ┊  告诉好友  ┊  打印此文  ┊  关闭窗口TOP

      未经授权严禁转载本站任何内容,本站保留依法追究法律责任的权利。凡通过本站授权的合作站点,转载本站文章必须注明来源为---视觉艺术互联,作者和来自我站的链接必须保留,转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。 本站所刊登的任何文章、作品,不代表视觉艺术互联的立场。本站转载他站的文章,主要用于传播信息或理念思维。没有丝毫商业意图,并清晰标注稿件真实来源。如侵犯你的版权,请联系删除!




    视觉作品
    设计教程