色彩的魅力是无限的,它可以让本身很平庸无味的东西,瞬间就能变得美丽、美丽起来。信息时代的快速到来,网络也开端变的多姿多彩。人们不再局限于简略的文字与图片,他们请求网页看上往美丽,舒适。所以当代设计者不仅要把握基础的网站制作技巧,还需要把握网站的作风,配色等设计艺术。其中色彩在网站设计中盘踞相当重要的地位。
一、熟悉色彩
为了能更好地利用色彩来设计网页,我们还是先来懂得一下色彩的一些基础概念。自然界中有好多好多种色彩,比如玫瑰是红色的,大海是蓝色的,桔子是橙色的……但是最基础的有三种(红,黄,蓝),其它的色彩都可以由这三种色彩协调而成。我们称这三种色彩为“三原色”。
现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列。其它的色彩都属于彩色。任何一种彩色具备三个特点:色相,明度和纯度。其中非彩色只有明度属性。
色相,指的是色彩的名称。这是色彩最基础的特点,是一种色彩差别于另一种色彩的最重要的因素。比如说紫色,绿色,黄色等等都代表了不同的色相。同一色相的色彩,调剂一下亮度,或者纯度很轻易搭配,比如,深绿,暗绿,草绿,亮绿。
明度,也叫亮度,指的是色彩的明暗程度,明度越大,色彩越亮。比如一些购物,儿童类网站。用的是一些鲜亮的色彩,让人感到壮丽多姿,赌气勃勃。明度越低,色彩越暗。重要用于一些游戏类网站,布满神秘感;一些个人站长为了体现自身的个性,也可以应用一些暗色调来表达个人的一些孤僻,或者愁闷等性格。有明度差的色彩更轻易协调。如紫色(#993399)跟黄色(#ffff00),暗红(#cc3300)跟草绿(#99cc00),暗蓝(#0066cc)跟橙色(#ff9933)等。
纯度,指色彩的鲜艳程度,纯度高的色彩纯,鲜亮。纯度底的色彩暗淡,含灰色。
相近色:色环中相邻的三种色彩。相近色的搭配给人的视觉后果很舒适,很自然。所以相近色在网站设计中极为常用。
互补色,色环中相对的两种色彩。对互补色,调剂一下补色的亮度,有时候是一种很好的搭配。
热色,热色跟玄色协调可以达到很好的后果。热色一般利用于购物类网站,电子商务网站,儿童类网站等等,用以体现商品的琳琅满目,儿童类网站的活泼,温馨等等后果。
冷色,冷色一般跟白色协调可以达到一种很好的后果。冷色一般利用于一些高科技,游戏类网站,重要表达严格,慎重等后果,绿色,蓝色,蓝紫色等等都属于冷色系列。
色彩均衡,网站让人看上往舒适,和谐,除了文字,图片等内容的公平排版,色彩的均衡也是相当重要的一个部分。比如一个网站不可能单一的应用一种色彩,所以色彩的均衡标题是设计者必需要考虑的标题。色彩的均衡,包含色彩的地位,每种色彩所占的比例,面积等等。比如鲜艳明亮的色彩面积应小一点,让人感到舒适,不刺眼。这就是一种均衡的色彩搭配。
二、色彩的作用
色彩在人们的生活中都是有丰富的情感和含义的。比如红色让人联想到玫瑰,联想到喜庆,联想到高兴。白色联想到纯粹,干净,简洁;紫色象征着女性化,高雅,浪漫;蓝色象征高科技,慎重,理智;橙色代表了欢乐,甜美,收获;绿色代表了布满青春的活力,舒适,盼看等等。当然不是说某种色彩必定代表了什么含义。在特定的场合下,同种色彩可以代表不同的含义。
三、色彩的应用
要说色彩的应用,还是先谈谈黑白灰色彩的利用吧,由于黑白灰色彩是万能色,可以跟任意一种色彩搭配。当你为某种色彩的搭配苦恼的时候,不防试试用黑白灰。当你感到两种色彩的搭配不和谐,试试参加玄色,或者灰色,或许会有意想不到的后果哦。
对一些明度较高的网站,配以玄色,可以适当地下降其明度。白色是网站用的最广泛的一种色彩。很多网站甚至留出大块的白色空间,作为网站的一个组成部分。这就是留白艺术。很多设计性网站较多应用留白艺术。留白,给人一个遐想的空间,让人感到心情舒适,畅快。适当的留白对于和谐页面的均衡起到相当大的作用。
四、断定网站的主题色
一个网站不可能单一的应用一种色彩,让人感到单调,乏味;但是也不可能将所有的色彩都应用到网站中,让人感到轻浮,花俏。一个网站必需有一种或两种主题色,不至于让客户迷失方向,也不到于单调,乏味。所以断定网站的主题色也是设计者必需考虑的标题之一。
一个页面尽量不要超过4种色彩,用太多的色彩让人没有方向,没有着重。当主题色断定好以后,考虑其它配色时,必定要考虑其它配色与主题色的关系,要体现什么样的后果。另外哪种因素占重要地位,是明度,纯度还是色相。
五、色彩的搭配
在学习懂得了色彩的一些基础概念及色彩的一些搭配标题,具体应用到网页中,各要素的色彩又是如何搭配的呢?
1、网页标题
网页标题是网站的指路灯,浏览者要在网页间跳转,要懂得网站的结构,网站的内容,都必需通过导航或者页面中的一些小标题。所以我们可以应用稍微具有跳跃性的色彩,吸引浏览者的视线,让他们感到网站明白,明了,层次分明。想往哪里走都不会迷失方向。
2、网页链接
一个网站不可能只是单一的一页,所以文字与图片的链接是网站中不可缺乏的一部分。这里特别指出文字的链接,由于链接差别于文字,所以链接的色彩不能跟文字的色彩一样。现代人的生活节奏相当快,不可能浪费太多的时间在寻找你网站的链接上。设置了奇特的链接色彩,让人感到他的奇特征,自然而然好奇心必定趋使他移动鼠标,点击鼠标。
3、网页文字
假如一个网站用了背景色彩,必需要考虑到背景色彩的用色,与前景文字的搭配等标题。一般的网站着重的是文字,所以背景可以选择纯度或者明度较低的色彩,文字用较为突出的亮色。让人一目了然。
当然,有些网站为了让浏览者对网站留有深进的印象,他在背景上作文章。比如一个空缺页的某一个部分用了很亮的一个大色块,是不是让你豁然豁达呢!此时他为了吸引浏览者的视线,突出的是背景,所以文字就要显得暗一些,这样文字才干跟背景分别开来,便于浏览者浏览文字。
4、网页标记
网页标记是宣传网站最重要的部分之一,所以这两个部分必定要在页面上突迎而出。怎样做到这一点呢?我们将LOGO和BANNER做的鲜亮一些,也就是色彩方面跟网页的主题色分别开来。有时候为了更突出,也可以应用与主题色相反的色彩。
为了能让自己的网页设计得更靓丽、更舒适,为了加强你的页面的可浏览性,必需公平,适当地应用与搭配页面各要素间的色彩。