奥义思网站建设-www.aooly.com
奥义思坚信质量高于产量
我们的团队自成立以来,秉承着质量是衡量价值最重要标准的理念,致力于打造高品质数字产品。不放过任何一个小的瑕疵而一蹴而就,体现的不仅是我们对品质的苛求,也是对客户以及产品负责的态度。
马上联系我们,让天才的设计师帮您实现这一切。

    网页色彩设计基础知识(一)

      色彩做为的第一视觉语言在任何设计中都占据重要地位,网页制作必须深入理解和运用色彩,掌握进行色彩选择和匹配的原则和方法。


      一、 色彩的一些基本概念


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


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


      色相,指的是色彩的名称。


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


      明度,也叫亮度,指的是色彩的明暗程度,明度越大,色彩越亮。


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


      图1 (1)明度变化(2)纯度变化


      纯度,指色彩的鲜艳程度,纯度高的色彩纯,鲜亮。纯度底的色彩暗淡,含灰色。如图1中的(2)是纯度从低到高的变化。


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

       

       

      北京网站建设奥义思


      图2 相近色



      北京网站建设奥义思



      图3 互补色

       

       

      北京网站建设奥义思



      互补色,色环中相对的两种色彩。如图3中的亮绿色跟紫色,另外如红色跟绿色,蓝色和橙色等。对互补色,调整一下补色的亮度,有时候是一种很好的搭配。就拿蓝色跟橙色来打个比方吧,看图6,调整了蓝色的亮度以后其搭配效果是不是更好呢?补色在网站设计中用得也极为普遍。



      北京网站建设奥义思



      图4 补色亮度调节


      暖色,如图5中的黄色,橙色,红色,紫色等都属于暖色系列。暖色跟黑色调和可以达到很好的效果。暖色一般应用于购物类网站,电子商务网站,儿童类网站等等,用以体现商品的琳琅满目,儿童类网站的活泼,温馨等等效果。


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


      图5 暖色



      北京网站建设奥义思



      图6 冷色



      北京网站建设奥义思