网页颜色搭配与设计

发布时间:2019-10-28 14:08:29访问人数:作者:推外网络

  在网页设计中,必须非常注意使用恰当的颜色。在网页颜色搭配设计过程中,必须制定合适的配色方案,然后根据这种方案对各种元素选择合适的颜色和图形。

  


  网页设计的成败,在很大程度上取决于色彩运用的优劣。网页的色彩创作拥有自身的设计规则,与其他视觉形式有着较大的差异。对平面设计而言,色彩是“静止”的,色彩的分布是根据固定的信息去编排的,创作好后,作品也就完成了。即使是系列平面作品,每幅作品也会具有自己的思量,可以独立思考。


  对网站来说,信息是“流动”的,页面的信息会“变更”。图片信息较多时,图片中的色彩将主宰整个页面,此时的网页色彩风格必定与插图色彩密不可分。

  

  网站的色彩是影响其整体风格的重要因素,也是网站美工设计中比较令人头疼的问题。许多网页设计者都缺乏色彩搭配的基本知识,所以在制作网页之前往往有一个很好的想法,但是却不知如何搭配网页的颜色来表达预想的效果。因此,在介绍色彩搭配之前,先来了解色彩的基本知识。

  

色彩的基本概念

  

  在物理学中,颜色是因为光的折射而产生的。颜色不同,光的波长也就不同。红、绿、蓝是自然界的三原色,它们不同程度的组合可以形成各种颜色。所以在网页中,也就是用它们的不同颜色值来表示各种颜色。

  

  网页中的颜色通常采用6位十六进制的数值来表示,每两位代表一种颜色,从左到右依次表示红色、绿色和蓝色。颜色值越高表示这种颜色越深,比如红色,其数值为#FF0000,白色为#FFFFFF,黑色为#000000。也可以用3个以“,”相隔的十进制数来表示某一颜色,比如红色,其十进制表示为Color(255,0,0)。

  

  在传统的色彩理论中,颜色一般分为彩色和非彩色。在网页中,如果3种颜色的数值相等,就显示为灰色。

  

  太阳光是彩色的,按颜色的色调通常将其划分为7种颜色:红、橙、黄、绿、青、蓝、紫。如果将这7种颜色按这个顺序渐变为一条色带的话,越靠近红色,给人的感觉越温暖;越靠近蓝色和紫色,给人的感觉越寒冷。所以红、橙、黄的组合又称为暖色调,青、蓝、紫的组合又称为冷色调。

  

网页安全色

  

  不同的平台(Mac、PC等)有不同的调色板,不同的浏览器也有自己的调色板。这就意味着对于一幅图,显示在Mac上的Web浏览器中的图像,与它在PC上相同浏览器中显示的效果可能差别很大。选择特定的颜色时,浏览器会尽量使用本身所用的调色板中最接近的颜色。如果浏览器中没有所选的颜色,就会通过抖动或者混合自身的颜色来尝试重新产生该颜色。

  

  赣州网络公司为了解决Web调色板的问题,人们一致通过了一组在所有浏览器中都类似的Web安全颜色。这些颜色使用了一种颜色模型,在该模型中,可以用相应的16进制值00、33、66、99、CC和FF来表达三原色(RGB)中的每一种。


  这种基本的Web调色板将作为所有的Web浏览器和平台的标准,它包括了这些16进制值的组合结果。这就意味着,我们潜在的输出结果包括6种红色调、6种绿色调、6种蓝色调。6*6*6的结果就给出了216种特定的颜色,这些颜色可以安全地应用于所有的Web中,而不需要担心颜色在不同应用程序之间的变化。

  

  网页安全色是当红色(Red)、绿色(Green)、蓝色(Blue)的颜色数字信号值(DACCount)为0、51、102、153、204、255时构成的颜色组合,它一共有6x6x6=216种颜色f其中彩色为210种,非彩色为6种)。

  

网站颜色搭配注意事项

  


(1)使用单色

  

  尽管网站设计要避免采用单一色彩,以免产生单调的感觉,但通过调整色彩的饱和度和透明度也可以产生变化,使网站避免单调。

  

(2)使用邻近色

  

  所谓邻近色,就是在色带上邻近的颜色,例如绿色和蓝色、红色和黄色就互为邻近色。采用邻近色设计网页可以使网页免于色彩杂乱,易于达到页面的和谐统一。

  

(3)使用对比色

  

  对比色可以突出重点,产生强烈的视觉效果。通过合理使用对比色,能够使网站特色鲜明、重点突出。在设计时一般以一种颜色为主色调,对比色作为点缀,这可以起到画龙点睛的作用。

  

(4)黑色

  

  黑色是一种特殊的颜色,如果使用恰当、设计合理,往往可以产生很强烈的艺术效果,黑色一般用来作背景色,与其他纯度色彩搭配使用。

  

(5)背景色

  

  背景色一般采用素淡清雅的色彩,尽量避免采用花纹复杂的图片和纯度很高的色彩作为背景色,同时背景色要与文字的色彩对比强烈一些。

  

(6)色彩的数量

  

  初学者在设计网页时往往使用多种颜色,使网页变得很“花哨”,但是缺乏统一和协调,表面上看起来很酷,但是缺乏内在的美感。事实上,网站用色并不是越多越好,一般控制在3种主要色彩以内,然后通过调整色彩的各种属性来产生变化。


标签:网页设计网页制作
9999+
赞+1
分享:

版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。

推外网络 Copyright © 2012-2019. 未经许可,不可拷贝或镜像 沪ICP备19024770号

  • 咨询
  • 电话
  • 首页
  • 关于
  • 返回顶部