海映视角

Perspective

网页设计色彩搭配概述
发布日期:2016-10-21      浏览:

东莞网站制作人们在浏览网页时,最先注意到的就是网站制作界面的色彩,然后是由网页版式设计布局产生的韵味和节奏,并由此产生 界面的隐喻,从而引导人们的行为和情绪。心理学有关研究表明,人的视觉器官,在观察物体最初的20 秒内,色 彩感觉占80%,形体感觉占20%。两分钟后,色彩感觉占60%,形体感觉占40%,5 分钟后各占一半,并且这种状态将继续保持。

色彩是人的视觉最敏感的东西,网站设计的色彩处理得好,可以锦上添花,达到事半功倍的效果。如果网站设计的色彩处理不好,会显得凌乱、庸俗,甚至还会觉得刺眼。
 
下面我们介绍色彩理论,包括色彩基本概念、色彩的联想、色彩调和和网页的配色方案。

1. 认识颜色

了解一些色彩的基本知识。
(1) 颜色是由光的折射而产生的。
(2) 红绿蓝是光源三原色,其他的色彩都能用这三种色彩调和而成。
网页HTML语言中的色彩表达即是用这三种颜色的数值表示,例如:红色是color(255,0,0),十六进制的表示方法为(FF0000),白色为(FFFFFF), "bgColor=#FFFFFF"就是指背景色为白色。
(3) 颜色分非彩色和彩色两类。
非彩色是指黑,白,以及各种深浅不一的灰色。黑白是最基本和最简单的搭配,白字黑底,黑底白字都非常
清晰明了。灰色是万能色,可以和任何彩色搭配,也可以帮助两种对立的色彩和谐过渡。
彩色是指除了非彩色以外的所有色彩。
将色彩按“红→黄→绿→蓝→红”依次渐变过渡,就可以得到一个色彩环,如图3-1所示。色环的两端是暖色和冷色,当中是中性色。

2. 色彩三要素

彩色具有色相、饱和度和明度三个属性,即色彩三要素。色相是颜色的基本属性,反映颜色原貌;饱和度又称纯度,指颜色的纯净程度;明度是指颜色本身的明暗程度。非彩色只有明度特征,没有色相和饱和度的区别。
任何色彩都有饱和度和明度的属性,属性的变化产生不同的色相,所以至少可以制作出几百万种色彩。
一般来说,颜色的明度不同,产生的距离感也不同。按明度顺序排列:1 黄,2 橙,3 红,4绿,5青,6紫。可以发现,按照1 与6、2 与5、3 与4 的位置关系进行搭配,就可以得到对比色。善于运用对比色可以处理和谐的页面。如:万绿丛中一点红。就是一个典型的例子。

在黑色背景上,黄最近。而在白色背景上,则紫最近。因此,距离感只是相对而言,与背景的对比有关。在网页设计中,有明度、纯度和冷暖的对比,而色彩的冷暖可以决定页面的主调。在《康定斯基定律》中,将色彩分成如下角度:红90度,橙60度,黄80度,蓝190度,紫120 度。其中,钝角表达钝拙、柔弱、冷色;锐角表达敏锐、强烈、暖色。
 
3. Web安全色
网站设计在不同的操作系统和不同的浏览器中,同样定义的颜色可能会有不同的显示效果。有216种颜色被认为是安全
的,用其进行配色可以避免色彩失真,其中有色相的210 种,无色相的6 种。
这些网络安全色的RGB颜色值是51的倍数。对于16进制表示的颜色值,00、33、66、99、cc、ff中任意三个的组合都是安全的。或者说RGB 色在0、51、102、153、204、255 中任意组合时,呈现出的颜色就是Web 安全色。


随着“互联网+”时代的到来,全网营销已经变得非常重要,你是否也想让你的企业在网上发展更快更强大呢?海映传媒凭借多年的经验,专注高端定制与设计的品牌策划公司,一站式互联网品牌设计专家,帮助客户进行品牌包装,不断为传统企业打造网络快速赚钱机器,得到了客户的一致好评。而你离成功只差一个电话! 如你有任何关于网站建设的疑问,赶紧拨打海映传媒免费热线电话:0769-22339229。我们会详细为你一一解答你心中疑难。
 
 

 

上一篇:没有了
Copyright @ 2011 东莞市海映广告传媒有限公司,保留所有权利。;粤ICP备13064493号
东莞网站建设  热点新闻  联系我们