艺网|中国艺术作品珍藏网|ArtHtml.com 首页 收藏本站 RSS频道 广告服务
中国艺术 传统设计 数码设计 摄影艺术 影音娱乐 时装魅影 人物 新闻 互动 边缘链接
书法 绘画 民间
服饰 戏曲 其它
印刷 插画
工业 街头
CG UI
网页 VI
人像 人体 婚纱 都市
景物 纪实 微距 其它
电影 音乐
杂志 明星
T台 内衣
大师 品牌
高端对话
艺术大师
展会活动
道听途说
艺网论坛
杂 货 铺
家居艺术 网站建设
设计导航 网易学院
艺网首页 -> 数码设计-> 网页 -> 善用色彩设计网页
·火影忍者漫画 · 火影忍者剧场版全集 · 最新流行歌曲 ·价值投资=8年资产增值8倍 ·好听的歌 ·奥运歌曲 ·经典老歌 ·伤感歌曲

善用色彩设计网页

页面功能:【评论】 【有错就点】 【字体:  】 【打印】 【复制本页地址】 【收藏】 【关闭


  色彩的魅力是无限的,它可以让本身很平淡无味的东西,瞬间就能变得漂亮、美丽起来。信息时代的快速到来,网络也开始变的多姿多彩。人们不再局限于简单的文字与图片,他们要求网页看上去漂亮,舒适。所以当代设计者不仅要掌握基本的网站制作技术,还需要掌握网站的风格,配色等设计艺术。其中色彩在网站设计中占据相当重要的地位。

一、认识色彩
  为了能更好地应用色彩来设计网页,我们还是先来了解一下色彩的一些基本概念。自然界中有好多好多种色彩,比如玫瑰是红色的,大海是蓝色的,桔子是橙色的……但是最基本的有三种(红,黄,蓝),其它的色彩都可以由这三种色彩调和而成。我们称这三种色彩为“三原色”。

  现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列。其它的色彩都属于彩色。任何一种彩色具备三个特征:色相,明度和纯度。其中非彩色只有明度属性。

  色相,指的是色彩的名称。这是色彩最基本的特征,是一种色彩区别于另一种色彩的最主要的因素。比如说紫色,绿色,黄色等等都代表了不同的色相。同一色相的色彩,调整一下亮度,或者纯度很容易搭配,比如,深绿,暗绿,草绿,亮绿。

  明度,也叫亮度,指的是色彩的明暗程度,明度越大,色彩越亮。比如一些购物,儿童类网站。用的是一些鲜亮的颜色,让人感觉绚丽多姿,生气勃勃。明度越低,颜色越暗。主要用于一些游戏类网站,充满神秘感;一些个人站长为了体现自身的个性,也可以运用一些暗色调来表达个人的一些孤僻,或者忧郁等性格。有明度差的色彩更容易调和。如紫色(#993399)跟黄色(#ffff00),暗红(#cc3300)跟草绿(#99cc00),暗蓝(#0066cc)跟橙色(#ff9933)等。

  纯度,指色彩的鲜艳程度,纯度高的色彩纯,鲜亮。纯度底的色彩暗淡,含灰色。

  相近色:色环中相邻的三种颜色。相近色的搭配给人的视觉效果很舒适,很自然。所以相近色在网站设计中极为常用。

  互补色,色环中相对的两种色彩。对互补色,调整一下补色的亮度,有时候是一种很好的搭配。

  暖色,暖色跟黑色调和可以达到很好的效果。暖色一般应用于购物类网站,电子商务网站,儿童类网站等等,用以体现商品的琳琅满目,儿童类网站的活泼,温馨等等效果。

  冷色,冷色一般跟白色调和可以达到一种很好的效果。冷色一般应用于一些高科技,游戏类网站,主要表达严肃,稳重等效果,绿色,蓝色,蓝紫色等等都属于冷色系列。

  色彩均衡,网站让人看上去舒适,协调,除了文字,图片等内容的合理排版,色彩的均衡也是相当重要的一个部分。比如一个网站不可能单一的运用一种颜色,所以色彩的均衡问题是设计者必须要考虑的问题。色彩的均衡,包括色彩的位置,每种色彩所占的比例,面积等等。比如鲜艳明亮的色彩面积应小一点,让人感觉舒适,不刺眼。这就是一种均衡的色彩搭配。

二、色彩的作用
  色彩在人们的生活中都是有丰富的感情和含义的。比如红色让人联想到玫瑰,联想到喜庆,联想到兴奋。白色联想到纯洁,干净,简洁;紫色象征着女性化,高雅,浪漫;蓝色象征高科技,稳重,理智;橙色代表了欢快,甜美,收获;绿色代表了充满青春的活力,舒适,希望等等。当然不是说某种色彩一定代表了什么含义。在特定的场合下,同种色彩可以代表不同的含义。

三、色彩的运用
  要说色彩的运用,还是先谈谈黑白灰色彩的应用吧,因为黑白灰色彩是万能色,可以跟任意一种色彩搭配。当你为某种色彩的搭配苦恼的时候,不防试试用黑白灰。当你觉得两种色彩的搭配不协调,试试加入黑色,或者灰色,或许会有意想不到的效果哦。

对一些明度较高的网站,配以黑色,可以适当地降低其明度。   白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色空间,作为网站的一个组成部分。这就是留白艺术。很多设计性网站较多运用留白艺术。留白,给人一个遐想的空间,让人感觉心情舒适,畅快。恰当的留白对于协调页面的均衡起到相当大的作用。

四、确定网站的主题色
  一个网站不可能单一的运用一种颜色,让人感觉单调,乏味;但是也不可能将所有的颜色都运用到网站中,让人感觉轻浮,花俏。一个网站必须有一种或两种主题色,不至于让客户迷失方向,也不到于单调,乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。
  一个页面尽量不要超过4种色彩,用太多的色彩让人没有方向,没有侧重。当主题色确定好以后,考虑其它配色时,一定要考虑其它配色与主题色的关系,要体现什么样的效果。另外哪种因素占主要地位,是明度,纯度还是色相。

五、色彩的搭配
  在学习了解了色彩的一些基本概念及色彩的一些搭配问题,具体运用到网页中,各要素的色彩又是如何搭配的呢?
1、网页标题
  网页标题是网站的指路灯,浏览者要在网页间跳转,要了解网站的结构,网站的内容,都必须通过导航或者页面中的一些小标题。所以我们可以使用稍微具有跳跃性的色彩,吸引浏览者的视线,让他们感觉网站清晰,明了,层次分明。想往哪里走都不会迷失方向。
2、网页链接
  一个网站不可能只是单一的一页,所以文字与图片的链接是网站中不可缺少的一部分。这里特别指出文字的链接,因为链接区别于文字,所以链接的颜色不能跟文字的颜色一样。现代人的生活节奏相当快,不可能浪费太多的时间在寻找你网站的链接上。设置了独特的链接颜色,让人感觉他的独特性,自然而然好奇心必然趋使他移动鼠标,点击鼠标。
3、网页文字
  如果一个网站用了背景颜色,必须要考虑到背景颜色的用色,与前景文字的搭配等问题。一般的网站侧重的是文字,所以背景可以选择纯度或者明度较低的色彩,文字用较为突出的亮色。让人一目了然。
  当然,有些网站为了让浏览者对网站留有深刻的印象,他在背景上作文章。比如一个空白页的某一个部分用了很亮的一个大色块,是不是让你豁然开朗呢!此时他为了吸引浏览者的视线,突出的是背景,所以文字就要显得暗一些,这样文字才能跟背景分离开来,便于浏览者阅读文字。
4、网页标志
  网页标志是宣传网站最重要的部分之一,所以这两个部分一定要在页面上突迎而出。怎样做到这一点呢?我们将LOGO和BANNER做的鲜亮一些,也就是色彩方面跟网页的主题色分离开来。有时候为了更突出,也可以使用与主题色相反的颜色。
  为了能让自己的网页设计得更靓丽、更舒适,为了增强你的页面的可阅读性,必须合理,恰当地运用与搭配页面各要素间的色彩!


页面功能:【评论】 【有错就点】 【字体:  】 【打印】 【复制本页地址】 【收藏】 【关闭
免责声明:本站刊载此文仅为提供更多信息,不代表同意其说法,也不构成任何建议。有任何异议,请联络:ArtHtml@126.com

版权声明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

 相关链接
 ·艳丽混色比基尼 [10-10 18:08]
 ·寻找07年50位优秀网页设计师 [01-04 11:46]
 ·京剧脸谱的基本类型与色彩 [11-23 22:02]
 ·色彩绚丽的娇艳彩妆 [11-15 16:20]
 ·网页设计师联盟招募分站合作 [04-18 09:20]
 ·艺网西安网站设计开发高级培训 [09-10 17:13]
 ·Photoshop色彩教程 [01-10 17:35]
 ·网页色彩的搭配 [01-10 17:05]
 ·色彩设计哲学 [01-10 16:41]
 ·木子李:坚守网页设计师的贞操 [12-16 12:36]

 网友评论

您的姓名: 匿名发送
电子邮件:
评论内容:
不能超过100个字符
   
  所有留言只代表网友个人观点,不代表本站观点。
请各位遵纪守法并注意语言文明。

 网友评分: ★☆☆☆☆  ★★☆☆☆   ★★★☆☆  ★★★★☆  ★★★★★  

 
新闻搜索
关 键 词:
搜索范围:
全站精华
图文精彩
逃生 预感 黄玫瑰 想太多 那滋味 不要说话 放手去爱 北京欢迎你 依然在一起 吻得太逼真 感动天感动地 坐上火车去拉萨 怎么会狠心伤害我
心碎 酸甜 小太阳 别碰我 蒲公英 千山万水 改变自己 我们唱的歌 等爱的玫瑰 陷入爱里面 我是真的爱你 最后一次的温柔 那些女孩教我的事
光荣 火花 坏女人 日不落 樱花草 为你写诗 独家记忆 夏天的味道 寂寞才说爱 忘不掉的伤 越长大越孤单 第三者的第三者 亲爱的那不是爱情
假如 相思 是非题 有缘人 舍不得 我的答铃 死而无憾 唱情歌的人 越爱越难过 123木头人 和寂寞说分手 爱上你是我的错 爱情里没有谁对谁错
关于艺网 | 投放广告 | 联系我们 | 网站地图 | 版权声明 | 发现好站 | 友情链接 | 网友留言
设计开发:艺网互联 站长:木子李 艺术顾问:乡村树 陕ICP备05000441号
E-mail:ArtHtml at 126.com | QQ:64256534 | Tel:86-29-8826 2866
Copyright © 2004-2006 ArtHtmlTM. All rights reserved.