网页设计 百分网手机站

如何设计网页色彩

时间:2020-09-03 13:43:51 网页设计 我要投稿

如何设计网页色彩

  导语:网页的色彩决定了网页给人的第一印象,下面是网页色彩设计的知识,欢迎参考!

  网页色彩的要素

  1.色彩的要素:我们把日常生活所遇到的色彩分为彩色和非彩色。非彩色指黑白灰,彩色具有三个属性即色相,饱和度,明度,而非彩色只有明度属性。

  色相指色彩的相貌,在可见光谱中,红橙黄绿蓝紫,每一种色相都有自己的波长与频率。不同波长的可见光会呈现出不同的颜色,当波长组成一定时,颜色也就确定了。

  饱和度也称纯度,指色彩的鲜浊程度。它取决于一种颜色的波长单一程度。人的视觉能辨认出有色相感的色彩都具有一定程度的鲜艳度。因此饱和度大的颜色就显得生动艳丽,视觉冲击力强;饱和度小的颜色看起来就灰暗。

  在无色彩中,明度最高的色为白色,明度最低的色为黑色,中间存在一个从明到暗的灰色系。在有彩色中,任何一种纯度色都有明度的特征。黄色为明度最高色,紫色为明度最低色。明度在三要素中具有较强的独特性,他可以不带色相的特征,可以通过黑白灰的关系单独呈现出来。色相和纯度必须依赖一定的明暗关系才能显现,色彩一旦发生,明暗关系就会同时出现。

  2.色立体 色立体是指以三维空间方式表达色彩的三属性的立体色彩图。色立体为设计者提供了直观的色彩资料,可以帮助设计者快速的查找所需要的颜色号,更清楚的理解色彩分类、对比与调和的规律。蒙赛尔是美国的色彩学家,美术教育学家,美国光学会对他的表色体系经过多年反复测定并几度修订,于1943年发表了“修正蒙赛尔色彩体系”成为国际上通用的色彩体系。蒙赛尔色相环以红,黄、绿、蓝、紫共五个色相组成,在邻近的色相之间在分别插入黄红,黄绿,蓝绿,蓝紫,红紫成为10支主要色相,主要色相划分为10个等分度,分成100个色相刻度的色相环。

  网页的色彩心理

  每一种颜色都有自己的精神价值,相应的也会给人带来不同的心理感受。每个人对色彩的感知力、辨别力和象征力的认知力不同,在心理上也会引起不同的感受。例如;阳光红黄橙等颜色,看到红黄橙的人就会联想到火热,所以称这些颜色为暖色;而绿青蓝等颜色,就会给人凉爽的感觉,所以这些颜色被称为冷色。

  1.白色 白色是全部可见光均匀混合而成,也称全色光。白色是光明色的象征,它代表明亮,干净,畅快,朴素,雅洁。在人们的感情意识中,白色比任何颜色都清净,纯洁;如果使用不当与会给人虚无,凄凉,苍白的感觉。白色是在网页中使用最多的一种颜色,一般的网页背景颜色都使用白色。

  2.灰色 灰色属于黑色和白色之间的颜色,它属于无彩度的色彩,是一种被动色。灰色能给人高雅,含蓄,耐人寻味的感觉。但是如果使用不当,很容易让人产生,平淡,乏味,枯燥,单调,沉闷和颓丧的感觉。由于灰色的视认性和注意性很低,在网页设计中灰色很少单独使用,但与其他颜色搭配使用可容易取得很好的艺术与视觉效果。

  3.黑色 是一种特殊的颜色,它对人的影响是多方面的,黑色可以给人阴森,恐怖,烦恼,消极,沉睡,悲痛,绝望甚至死亡的印象,但也可以给人安静沉思,坚忍,严肃,庄重,刚毅的感觉;还可以给人捉摸不定,神秘莫测,阴谋,耐脏的感觉。在设计时黑色与其他色彩组合,黑色几好的衬托,可以充分显示其他颜色的光感,色感,质感。黑白组合光感最强最分明最强烈。在网页设计时,经常用黑色做背景,给人以神秘现代的感觉。

  4.红色 红色是一种让人兴奋的'色彩,其波长最长,容易引起人的注意,激动,紧张。它刺激效果最强,给人以冲动,热情和活力的感受。他在视觉上让人有迫近感和扩张感,因此我们称之为前进色。红色给人留下艳丽芬芳,青春,饱满,成熟,富有生命力和营养的印象,因此被广泛用于食品包装。红色又是欢乐与喜庆的象征,由于他具有很强的注目性和美感,因此在标志和旗帜还有宣传等用色中占据首位。

  5.黄色 黄色波长适中,亮度最亮,他是所有色彩中最明亮的颜色。黄色具有快乐,希望,智慧和轻快的个性,由于他的明度最高,因此给人留下明亮,辉煌,灿烂,愉快,亲切,柔和的印象,又容易引起味美的条件反射给人以香甜美感,温暖感。

  6.绿色 介于冷暖色彩之间,人的眼睛最适应绿色光的刺激。绿色显得和睦,宁静,和健康。绿色植物王国的色彩,他表现了充实,平静,与希望,给人以新鲜,平静,安逸,和平柔和青春和安全感的感受,他如果与黄色和白色搭配,便可产生有生命力,舒适的气氛。

  7.蓝色 蓝色光的波长短于绿色,因此当红橙色是前进色,蓝色就是后退色,蓝色是冷色,给人以清新凉爽的感受,如果与白色混合,会体现柔顺,淡雅,浪漫的气氛。

  8.紫色 波长最短,人的眼睛对紫色光的细微变化分辨力弱,容易产生视觉疲劳。紫色给人以高贵,奢华,幽雅,流动,不安的感觉,而灰暗的紫色则是疾病伤痛的感觉,容易使人在心理上产生忧郁,痛苦,不安的感觉,需慎用。


【如何设计网页色彩】相关文章:

网页设计的色彩如何搭配10-01

网页设计如何合理使用色彩叠加09-24

网页设计色彩搭配技巧09-13

网页设计色彩进阶技巧09-11

网页设计的色彩搭配09-11

网页设计色彩运用的技巧10-04

网页设计的色彩运用技巧09-09

如何设计网页09-21

网页设计之色彩搭配的技巧10-02

网页设计中色彩搭配的运用10-01