网页规划中颜色调配

页面的颜色是树立网站形象的要害之一,颜色分配却是网友们感到头疼的疑问。页面的布景,文字,图标,边框,超链接...,大约选用啥样的颜色,大约分配啥颜色才干最好的表达出意料的内涵呢?阿捷这儿谈一些心得,希望对你有所启发。

  

首要我们先来知道一些颜色的基本知识:

  1.颜色是因为光的折射而发作的。
  2.红,黄,蓝是三原色,其它的颜色都可以用这三种颜色和谐而成。页面html语言中的颜色表达就是用这三种颜色的数值标明例如:赤色是color (255,0,0)十六进制的标明方法为(FF0000)白色为(FFFFFF), 我们常常看到的"bgColor=#FFFFFF"便是指布风光为白色。
  3.颜色分非五颜六色和五颜六色两类。非五颜六色是指黑,白,灰系统色。五颜六色是指除了非五颜六色以外的全部颜色。
  4.任何颜色都有饱和度和透明度的特色,特色的改动发作不一样的色相,所以至少可以制作几百万种颜色。
  页面制效果五颜六色还对错五颜六色好呢?依据专业的研讨组织研讨标明:五颜六色的回想效果是对错的3.5倍。也便是说,在通常情况下,五颜六色页面较完全对错页面更加吸引人。
  我们通常的做法是:首要内容文字用非五颜六色(黑色),边框,布景,图画用五颜六色。这样页面整体不单调,看首要内容也不会目炫。


  ●非五颜六色的分配

  对错是最基本和最简略的分配,白字黑底,黑底白字都非常明晰明晰。 灰色是全能色,可以和任何五颜六色分配,也可以帮忙两种敌对的颜色谐和过渡。假设你真实找不出适合的颜色,那么用灰色试试,效果必定不会太差。


  ●五颜六色的分配

  颜色千变万化,五颜六色的分配是我们研讨的关键。我们仍然需要进一步学习一些颜色的知识。
  一.色环。我们将颜色按"红->黄->绿->蓝->红"依次过度骤变,就可以得到一个颜色环。色环的两端是暖色和寒色,傍边是中型色。(如下图)
  红.橙.橙黄.黄.黄绿.绿.青绿.蓝绿.蓝.蓝紫.紫.紫红.红
  暖色系 中性系 寒色系 中性系
  二.颜色的心思感受。不一样的颜色会给浏览者不一样的心思感受。
  赤色---是一种激奋的颜色。影响效果,能使人发作激动,愤恨,热心,活力的感受。
  绿色---介于冷暖两中颜色的中心,显得友善,安静,健康,安全的感受。 它和金黄,淡白分配,可以发作高雅,舒畅的气氛。
  橙色---也是一种激奋的颜色,具有轻盈,欢欣,炽热,温馨,时尚的效果。
  黄色---具有快乐,希望,才智和轻盈的特性,它的明度最高。
  蓝色---是最具凉爽,新鲜,专业的颜色。它和白色混合,能体现和婉,淡雅,浪漫的气氛(象天空的颜色
  白色---具有皎白,明快,纯真,清洗的感受。
  黑色---具有深重,奥妙,幽静,沉痛,压抑的感受。
  灰色---具有中庸,一般,温文,推让,中立和高雅的感受。
  每种颜色在饱和度,透明度上稍微改动就会发作不一样的感受。以绿色为例,黄绿色有青春,旺盛的视觉意境,而蓝绿色则显得幽宁,阴深。


  ●页面颜色分配的原理

  1.颜色的明显性。页面的颜色要秀丽,简略有目共睹。
  2.颜色的独特性。要有与众不一样的颜色,使得我们对你的印象剧烈。(参看计划思考第二篇网站CI的标准颜色一节)
  3.颜色的适合性。便是说颜色和你表达的内容气氛相合适。如用粉色体现女人站点的柔性。
  4.颜色的联想性。不一样颜色会发作不一样的联想,蓝色想到天空,黑色想到晚上,赤色想到喜事等,选择颜色要和你页面的内涵相关联。


  ●页面颜色把握的进程

  跟着页面制作阅历的堆集,我们用色有这样的一个趋势:单色->五颜六色->标准色->单色。一开始因为技术和知识缺乏,只能制作出简略的页面,颜色单一;在有必定根底和资料后,希望制作一个秀丽的页面,将自个收集的最好的图画,最满意颜色堆砌在页面上;但是时间一长,却发现颜色凌乱,没有特性和特性;第三次从头定位自个的网站,选择好切合自个的颜色,推出的站点通常比较成功;当最终计划理念和技术抵达高峰时,则又返朴归真,用单一颜色甚至非五颜六色就可以计划出简练精巧的站点。


  页面颜色分配的诀窍

  文章写到这儿,有心急的网友要问了:“究竟用啥颜色分配漂亮呢?你能不能引荐几种配色计划?”别急,这儿有一点诀窍,可以帮忙你灵敏成为调色大师
  1.用一种颜色。这儿是指先选定一种颜色,然后调整透明度或许饱和度,(说得粗浅些便是将 颜色变淡或则加深),发作新的颜色,用于页面。这样的页面看起来颜色共同,有层次感。
  2.用两种颜色。先选定一种颜色,然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色便是这样判定的。整个页面颜色丰盛但不花稍。
  3.用一个色系。简略的说便是用一个感受的颜色,例如淡蓝,淡黄,淡绿;或许土黄,土灰,土蓝。判定颜色的方法各人不一样,我是在photoshop里按前风光方框,在跳出的拾色器窗中选择"自定义",然后在"色库"中选就可以了
  4.用黑色和一种五颜六色。比如大红的字体配黑色的边框感受很"跳"。


  在页面配色中,忌讳的是:

  1.不要将全部颜色都用到。

  2.布景和前文的对比尽量要大,(必定不要用斑纹繁复的图画作布景),以便杰出首要文字内容。


分享 :