如何设计网页色彩
导语:网页的色彩决定了网页给人的第一印象,下面是网页色彩设计的知识,欢迎参考!
网页色彩的要素
1.色彩的要素:我们把日常生活所遇到的色彩分为彩色和非彩色。非彩色指黑白灰,彩色具有三个属性即色相,饱和度,明度,而非彩色只有明度属性。
色相指色彩的相貌,在可见光谱中,红橙黄绿蓝紫,每一种色相都有自己的波长与频率。不同波长的可见光会呈现出不同的颜色,当波长组成一定时,颜色也就确定了。
饱和度也称纯度,指色彩的鲜浊程度。它取决于一种颜色的波长单一程度。人的视觉能辨认出有色相感的色彩都具有一定程度的鲜艳度。因此饱和度大的颜色就显得生动艳丽,视觉冲击力强;饱和度小的颜色看起来就灰暗。
在无色彩中,明度最高的色为白色,明度最低的色为黑色,中间存在一个从明到暗的灰色系。在有彩色中,任何一种纯度色都有明度的特征。黄色为明度最高色,紫色为明度最低色。明度在三要素中具有较强的独特性,他可以不带色相的特征,可以通过黑白灰的关系单独呈现出来。色相和纯度必须依赖一定的明暗关系才能显现,色彩一旦发生,明暗关系就会同时出现。
2.色立体 色立体是指以三维空间方式表达色彩的三属性的立体色彩图。色立体为设计者提供了直观的色彩资料,可以帮助设计者快速的查找所需要的颜色号,更清楚的理解色彩分类、对比与调和的规律。蒙赛尔是美国的色彩学家,美术教育学家,美国光学会对他的表色体系经过多年反复测定并几度修订,于1943年发表了“修正蒙赛尔色彩体系”成为国际上通用的色彩体系。蒙赛尔色相环以红,黄、绿、蓝、紫共五个色相组成,在邻近的色相之间在分别插入黄红,黄绿,蓝绿,蓝紫,红紫成为10支主要色相,主要色相划分为10个等分度,分成100个色相刻度的色相环。
网页的色彩心理
每一种颜色都有自己的精神价值,相应的也会给人带来不同的心理感受。每个人对色彩的感知力、辨别力和象征力的认知力不同,在心理上也会引起不同的感受。例如;阳光红黄橙等颜色,看到红黄橙的人就会联想到火热,所以称这些颜色为暖色;而绿青蓝等颜色,就会给人凉爽的感觉,所以这些颜色被称为冷色。
1.白色 白色是全部可见光均匀混合而成,也称全色光。白色是光明色的象征,它代表明亮,干净,畅快,朴素,雅洁。在人们的感情意识中,白色比任何颜色都清净,纯洁;如果使用不当与会给人虚无,凄凉,苍白的感觉。白色是在网页中使用最多的一种颜色,一般的网页背景颜色都使用白色。
2.灰色 灰色属于黑色和白色之间的颜色,它属于无彩度的色彩,是一种被动色。灰色能给人高雅,含蓄,耐人寻味的感觉。但是如果使用不当,很容易让人产生,平淡,乏味,枯燥,单调,沉闷和颓丧的感觉。由于灰色的视认性和注意性很低,在网页设计中灰色很少单独使用,但与其他颜色搭配使用可容易取得很好的艺术与视觉效果。
3.黑色 是一种特殊的颜色,它对人的影响是多方面的,黑色可以给人阴森,恐怖,烦恼,消极,沉睡,悲痛,绝望甚至死亡的印象,但也可以给人安静沉思,坚忍,严肃,庄重,刚毅的感觉;还可以给人捉摸不定,神秘莫测,阴谋,耐脏的感觉。在设计时黑色与其他色彩组合,黑色几好的衬托,可以充分显示其他颜色的光感,色感,质感。黑白组合光感最强最分明最强烈。在网页设计时,经常用黑色做背景,给人以神秘现代的'感觉。
4.红色 红色是一种让人兴奋的色彩,其波长最长,容易引起人的注意,激动,紧张。它刺激效果最强,给人以冲动,热情和活力的感受。他在视觉上让人有迫近感和扩张感,因此我们称之为前进色。红色给人留下艳丽芬芳,青春,饱满,成熟,富有生命力和营养的印象,因此被广泛用于食品包装。红色又是欢乐与喜庆的象征,由于他具有很强的注目性和美感,因此在标志和旗帜还有宣传等用色中占据首位。
5.黄色 黄色波长适中,亮度最亮,他是所有色彩中最明亮的颜色。黄色具有快乐,希望,智慧和轻快的个性,由于他的明度最高,因此给人留下明亮,辉煌,灿烂,愉快,亲切,柔和的印象,又容易引起味美的条件反射给人以香甜美感,温暖感。
6.绿色 介于冷暖色彩之间,人的眼睛最适应绿色光的刺激。绿色显得和睦,宁静,和健康。绿色植物王国的色彩,他表现了充实,平静,与希望,给人以新鲜,平静,安逸,和平柔和青春和安全感的感受,他如果与黄色和白色搭配,便可产生有生命力,舒适的气氛。
7.蓝色 蓝色光的波长短于绿色,因此当红橙色是前进色,蓝色就是后退色,蓝色是冷色,给人以清新凉爽的感受,如果与白色混合,会体现柔顺,淡雅,浪漫的气氛。
8.紫色 波长最短,人的眼睛对紫色光的细微变化分辨力弱,容易产生视觉疲劳。紫色给人以高贵,奢华,幽雅,流动,不安的感觉,而灰暗的紫色则是疾病伤痛的感觉,容易使人在心理上产生忧郁,痛苦,不安的感觉,需慎用。
-
ASP.NET新型的投票结果显示方法
一个投票功能模块少不了查看投票结果,用进度条显示各个投票结果可以起到一目了然的效果。以下是我的方法,请大家不吝赐教:1:做一张图片用于做进度条,只需要很小的一个图片就可以了,如高20px,宽1px。2:在要显示进度条的单元格中插入image控件,其imageUrl设置为已做好的...
-
如何获取PHP数组的键与值呢
array_keys($array);//获取数组(字典)的所有键值,返回一个键值数组。array_values($array)://获取数组的所有value值,饭回一个数组。<?php$json='{"a":1,"b":2,"c":3,"d":4,"e":5}';//注明:value不带双引号时,其值只能是数字。【!!!注意:大括号两边只能是单引号,...
-
Dreamweaver技巧详解
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。下面给大家介绍Dreamweaver技巧,一起来学习吧!Dreamweaver技巧详解1、灵活运用样式熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择CustonStyle来调用Style...
-
关于jQuery实现鼠标单击网页文字后在文本框显示的方法介绍
本文实例讲述了jQuery实现鼠标单击网页文字后在文本框显示的方法。分享给大家供大家参考。具体实现方法如下:张三李四王五赵六选择姓名$("ulli")k(function(){vartext=$(this)();$("input")("");$("input:checked")nts("td")ings("td")dren("input")(text);})希...