页面计划中颜色学知识

日期:2014-05-14 10:58 /人气:453 /来源:互联网

信息时代的到来,网络初步变得多姿多彩,一同提升了我们对网站美学的品尝。颜色做为的第一视觉言语在任何计划中都占有重要方位,页面制造有必要深化了解和运用颜色,把握进行颜色选择和匹配的准则和办法。

一、 颜色的一些基本概念 
    首要晓得一下颜色的一些基本概念。天然界中有许多许多种颜色,比如玫瑰是赤色的,大海是蓝色的,桔子是橙色的……但是最基本的有三种(红,黄,蓝),其它的颜色都可以由这三种颜色调和而成。我们称这三种颜色为“三原色”。
    实际日子中的颜色可以分为五颜六色和非五颜六色。其间黑白灰归于非五颜六色系列。其它的颜色都归于五颜六色。任何一种五颜六色具有三个特征:色相,明度和纯度。其间非五颜六色只需明度特色。色相,指的是颜色的称谓。这是颜色最基本的特征,是一种颜色差异于另一种颜色的最首要的要素。比如说紫色,绿色,黄色等等都代表了不一样的色相。同一色相的颜色,调整一下亮度,或许纯度很简单分配,比如,深绿,暗绿,草绿,亮绿。明度,也叫亮度,指的是颜色的明暗程度,明度越大,颜色越亮。
图1中的(1)便是明度由高到低改动的比如。
 

图1 (1)明度改动(2)纯度改动
    纯度,指颜色的美丽程度,纯度高的颜色纯,鲜亮。纯度底的颜色昏暗,含灰色。如图1中的(2)是纯度从低到高的改动。
    邻近色:色环中相邻的三种颜色。如图2中的黄绿色,黄色和桔黄色。邻近色的分配给人的视觉效果很舒畅,很天然。所以邻近色在网站计划中极为常用。
     
图2 邻近色    图3 互补色
    互补色,色环中相对的两种颜色。如图3中的亮绿色跟紫色,别的如赤色跟绿色,蓝色和橙色等。对互补色,调整一下补色的亮度,有时分是一种极好的分配。就拿蓝色跟橙色来打个比如吧,看图6,调整了蓝色的亮度今后其分配效果是不是更好呢?补色在网站计划中用得也极为广泛。
 
图4 补色亮度调度
暖色,如图5中的****,橙色,赤色,紫色等都归于暖色系列。暖色跟黑色调和可以抵达极好的效果。暖色一般应用于购物类网站,电子商务网站,孩提类网站等等,用以体现商品的琳琅满目,孩提类网站的生动,温馨等等效果。
    冷色,如图6中的绿色,蓝色,蓝紫色等等都归于冷色系列。冷色一般跟白色调和可以抵达一种极好的效果。冷色一般应用于一些高科技,游戏类网站,首要表达严峻,稳重等效果。
     
图5 暖色              图6 冷色
    颜色均衡,网站让人看上去舒畅,调和,除了文字,****等内容的合理排版,颜色的均衡也是恰当重要的一个有些。比如一个网站不可能单一的运用一种颜色,所以颜色的均衡疑问是计划者有必要要考虑的疑问。颜色的均衡,包括颜色的方位,每种颜色所占的份额,面积等等。比如美丽明亮的颜色面积应小一点,让人感触舒畅,不刺眼。这便是一种均衡的颜色分配。
    二、 颜色的联想

    颜色在我们的日子中都是有丰厚的豪情和含义的。比如赤色让人联想到玫瑰,联想到喜庆,联想到振作。白色联想到纯真,洁净,简练;紫色象征着女性化,典雅,浪漫;蓝色象征高科技,稳重,沉着;橙色代表了愉快,甜美,收成;绿色代表了布满芳华的活力,舒畅,希望等等。当然不是说某种颜色一定代表了啥含义。在特定的场合下,同种颜色可以代表不一样的含义。
    三、 黑白灰的运用
    黑白灰是万能色,可以跟恣意一种颜色分配。当你为某种颜色的分配烦恼的时分,不防试试用黑白灰。当你觉得两种颜色的分配不调和,试试参与黑色,或许灰色,或许会有意想不到的效果哦。
    对一些明度较高的网站,配以黑色,可以恰当地下降其明度。
    白色是网站用的最广泛的一种颜色。许多网站甚至留出大块的白色空间,作为网站的一个构成有些。这便是留白艺术。许多计划性网站较多运用留白艺术。留白,给人一个遐想的空间,让人感触心境舒畅,痛快。恰当的留白关于调和页面的均衡起到恰当大的效果。
    四、 判定网站的主题色
    一个网站不可能单一的运用一种颜色,让人感触单调,庸俗;但是也不可能将一切的颜色都运用到网站中,让人感触轻浮,花俏。一个网站有必要有一种或两种主题色,不至于让客户迷失方向,也不到于单调,庸俗。所以判定网站的主题色也是计划者有必要考虑的疑问之一。
    一个页面尽量不要逾越4种颜色,用太多的颜色让人没有方向,没有侧重。当主题色判定好今后,考虑其它配色时,一定要考虑其它配色与主题色的联络,要体现啥样的效果。别的哪种要素占首要方位,是明度,纯度仍是色相。
    五、 页面各要素
    上面学习了颜色的一些基本概念及颜色的一些分配疑问,具体运用到页面中,各要素的颜色又是怎样分配的呢?
1.   布景与文字
    假如一个网站用了布景颜色,有必要要考虑到布景颜色的用色,与前景文字的分配等疑问。一般的网站侧重的是文字,所以布景可以选择纯度或许明度较低的颜色,文字用较为出色的亮色。让人一目了然。
    当然,有些网站为了让阅读者对网站留有深化的形象,他在布景上作文章。比如一个空白页的某一个有些用了很亮的一个大色块,是不是让你茅塞顿开呢!此时他为了吸引阅读者的视界,出色的是布景,所以文字就要显得暗一些,这样文字才华跟布景分别开来,便于阅读者阅读文字。
2.   LOGO和BANNER
    LOGO和BANNER是宣传网站最重要的有些之一,所以这两个有些一定要在页面上突迎而出。如何做到这一点呢?我们将LOGO和BANNER做的鲜亮一些,也便是颜色方面跟页面的主题色分别开来。有时分为了更出色,也可以运用与主题色相反的颜色。
3.   导航,小标题
    导航,小标题是网站的指路灯。阅读者要在页面间跳转,要晓得网站的布局,网站的内容,都有必要通过导航或许页面中的一些小标题。所以我们可以运用略微具有跳动性的颜色,吸引阅读者的视界,让他们感触网站清楚,明了,层次分明。想往哪里走都不会迷失方向。
4.   衔接颜色设置
    一个网站不可能仅仅单一的一页,所以文字与图画的衔接是网站中不可缺少的一有些。这儿分外指出文字的衔接,因为衔接差异于文字,所以衔接的颜色不能跟文字的颜色一样。现代人的日子节奏恰当快,不可能浪费太多的时刻在寻找你网站的衔接上。设置了一起的衔接颜色,让人感触他的一起性,天然而然好奇心一定趋使他移动鼠标,点击鼠标。

 

作者:

咨询电话 400-000-6302 (点击查看详细)