网页设计中的色彩设计 色彩设计说明怎么写

发布时间:2020-03-18 来源: 日记大全 点击:

  从心理的角度来讲,设计元素给人一定的先后印象,它们的次序分别是:色彩―图象―文字。色彩起着必不可少的作用,把握好色彩,才能把握好网页的整体设计。   一、网页设计中的色彩模式
  网页设计的页面最终显示在计算机显示器上,而非传统的纸张上,因此,它的色彩运用有特殊的要求。
  网页设计中用色以RGB色彩模型为基础,而RGB模型则依赖混合不同的R(红)、G(绿)、B(蓝)值来建立色谱中的大多数颜色,RGB模式主要用于计算机上所显示的图象。以红,绿,蓝为计算机上所显示图象的三原色,其它的色彩都可以用这三种色彩调和而成。
  二、网页设计的色彩艺术设计
  (一)综合色相、明度、纯度进行的网页色彩设计
  网页的色彩艺术设计是以色彩的属性进行配色的依据,而色彩的属性包括色相―色彩不同的相貌、明度―色彩的明暗程度、纯度―色彩的鲜浊程度。
  1、根据色相的特征考虑网页的色彩
  充分运用色彩的特性,可以使我们的网页设计具有深刻的艺术内涵,从而提升网页的文化品位。下面分析不同色彩的特性:
  (1)黑色使人感觉沉静、庄重、含蓄。无论什么色彩与它相配,都能取得赏心悦目的良好效果,在网页设计中,把黑色与其他流行色彩组合应用,颇有时尚、个性的气派。但是,黑色大面积使用会产生压抑、阴沉的恐怖感。
  (2)白色给人的印象是洁净、光明、恬静等。在它的衬托下,其他色彩会显得更鲜艳、更明朗。
  (3)灰色突出的性格是柔和、平稳,它不会明显影响其它色彩,因此,在网页设计中,作为背景色非常理想。任何色彩都可与灰色相混合,给人以高雅、细腻、含蓄、而有素养的高档感觉。
  (4)红色一般用作迎贵宾的场合,含白的高明度粉红色,则有柔美、甜蜜、幸福的感觉,不妨考虑用它作为女性网站的色彩。
  (5)橙色感觉活泼、华美、甜密、幸福等,但也有疑惑、嫉炉等消极的倾向。含白的浅橙色与橙色本身都是食品包装中常用的甜美色彩,用在食品的网页设计上是不错的选择。
  (6)黄色是所有色相中明度最高的色彩,具有轻快、活泼、健康等印象。但黄色过于明亮而显得刺眼,并且与他色相混和即容易失去原来的色相,所以也有轻薄、不稳定等含义。
  (7)绿色象征生命、青春、和平等,人眼最适应绿色。黄绿带给人们春天的气息。蓝绿、深绿有着深远、睿智等含义。灰绿给人以成熟、深沉的感觉。
  (8)蓝色表示沉静、理智等含义。浅蓝色系明朗而富有青春朝气,被年轻人所喜爱,但也有不够成熟的感觉。深蓝色系沉着、稳定,为中老年人普遍喜爱的色彩。蓝色也有另一面的性格,如刻板、冷漠、悲哀、恐惧等。蓝色受到世界各国、各族人民的欢迎。
  (9)紫色具备神秘、高贵、优美、庄重、奢华的气质,但也有孤寂、消极的感觉。尤其是暗紫容易给人以腐朽、死亡的印象。但蓝紫色,却有着类似太空、宇宙色彩的幽雅、神秘的时代感,在现代生活里被广泛采用。
  (10)光泽色指除了金、银等贵金属色以外,所有色彩带上光泽后的色彩。金色富丽堂皇,象征荣华富贵;银色雅致高贵,象征纯洁、信仰,比金色温和。在网页设计中,小面积点缀,具有提神作用,大面积使用则会产生过于眩目的影响,显得浮华而失去稳重感。
  2、网页色彩设计除了考虑以上所讲色相的各种特征,还要结合色彩的明度、纯度综合考虑
  可以归纳为这几方面:
  (1)用对比色调来表现网页的色彩设计,包括色相对比、明度对比、纯度对比
  色相的对比是指不同色彩之间的对比,从24色环上按度数可分为同类色(15°)、类似色(60°)、邻近色(90°)、对比色(120°)和互补色(180°),它们分别使网页呈现以下的特点:同类色对比:和谐、统一。红色、橙色、黄色、赭色等暖色调可使网页呈现温馨、和煦、热情的氛围。蓝色、蓝紫色等冷色调可使网页呈现宁静、清凉、高雅的氛围。邻近色对比:丰满、活泼,既保持了统一的优点,又克服了视觉不满足的缺点。类似色相对比:仍然统―、和谐,与同类色相比效果要丰富得多。对比色相对比:效果强烈、兴奋;互补色(红色-绿色、蓝色-橙色、黄色-紫色)对比:饱满、活跃、刺激的特点。
  明度对比,就是将不同明度的两色或多色并列在一起,明的更明、暗的更暗的现象。高明度具有优雅、明亮的感觉;中明度具有柔和稳定的感觉;低明度具有沉静厚重的感觉。
  纯度对比是将不同纯度的两色并列在一起,因纯度差而形成鲜的更鲜、浊的更浊的色彩对比现象。高纯度色彩具有明朗、积极的感觉;中纯度色彩具有含蓄、稳定的感觉;低纯度色彩具有:朴素、平淡的感觉。
  利用高中低明度、纯度的特点组进行网页中的色彩搭配,能体现不同的风格。
  (2)色彩的大小和形状对比
  色彩的大小会令色彩的对比有一种生动效果,比如网站设计中,尝试在一大片绿色中加入几小点红色小花,你会注意到红色的小花在绿色的衬托底下很抢眼,这就是色彩的大小对对比效果的影响,在大面积的色彩陪衬下,小面积的纯色会突出特别的效果。但是如果用较淡的色彩,则会让你感觉不到这种色彩的存在。譬如在米黄色中加入淡灰色,你根本就不会注意到淡灰色。
  (3)网页底色与文字、图片色彩的对比
  假如网页中底色是低调,网页上的文字、图片颜色就要浅,以深色的背景衬托浅色的内容;反之,底色是高调,文字、图片颜色就要深些,以浅色的背景衬托深色的内容。如果色彩的明度很接近,读者在阅览时,眼睛就会感觉很吃力,影响了阅读效果。当然,色彩的明度也不能变化太大,否则屏幕上的亮度反差太强,同样也不适宜长期阅读。
  (二)网页色彩搭配要遵循的原理
  1、色彩的鲜明性
  网页的色彩设计要生动,容易引人注目。
  2、色彩的独特性
  要有与众不同的色彩设计,使得大家对该网页的印象强烈。
  3、色彩的合适性
  了解你的网站所要传达的讯息和品牌。选择可以加强这些讯息的颜色。
  4、色彩的联想性
  不同色彩会产生不同的联想,蓝色想到天空,黑色想到黑夜,红色想到喜事等,选择色彩要和你网页的内涵相关联。
  (三)网页色彩搭配要注意的其它因素
  1、了解你的读者群
  不同地区、年龄层以及不同的文化背景对颜色的反应亦会有所不同。如年轻族群一般比较喜欢饱和色,但这样的颜色却引不起高年龄层的兴趣。
  2、选择颜色要注意时效性
  同一个色彩很容易就充斥着整个市场,且消费者很快的就对流行色彩感到麻木。但就另外一个角度来看,你可以使用几十年前的流行色彩,引起人们的怀旧之情。
  3、选择色盘时请考虑功能性的颜色
  别忘了将关键信息部分建立功能性的颜色,例如标题和超级链接等。
  4、注意网站色差问题
  每一个网站开发人员都知道,即使是网络通用颜色在跨平台显示的时候都会有些不同。记得要校正你的 gamma 值,并在不同的作业平台上测试你的色盘。
  了解综上所述的色彩的原理有助于我们进行网页色彩设计。设计师应该在掌握这些基本理论的基础上,发挥自己的个性与创意,从多方面进行网页设计中色彩的创作与探讨。
  
  参考文献
  [1]施莹、吕树红:《网页设计与制作》,清华大学出版社,2009-05-01
  [2]吉姆•克劳斯(美):《色彩设计指南》,上海人民美术出版社,2008-01-01
  [3]王令中:《视觉艺术心理》,人民美术出版社,2005-08-01

相关热词搜索:网页设计 色彩 设计 网页设计中的色彩设计 网页色彩搭配 网页设计颜色搭配

版权所有 蒲公英文摘 www.zhaoqt.net