致力于高端网站建设服务的专业公司
网站建设热线:010-51000596
首页 > 网站资讯 > 网页设计 > 网页设计中如何巧用色彩搭配

网页设计中如何巧用色彩搭配

 

        色彩是网页设计师在制作一个网页的时候,一般首先要考虑的一个问题。而一个网页给人的第一印象,不是丰富的内容,也不是无可挑剔的布局,而是网页的色彩搭配。网页设计的搭配与站点的站长、站点所在的行业有关,现在小编将会编写一系列的网页色彩搭配的文章,望给网页设计在色彩上搭配不好的站长提供帮助。
 
  首先来看下网页设计的非彩色搭配
 
  什么是非彩色搭配?顾名思义,就是以黑色、白色、灰色三种颜色的搭配,黑白的搭配,或者与其他的色彩搭配都可以产生很强烈的对比,使所需要展现的主体清晰明了。灰色则是一种万能色,可以和任何色彩搭配,还可以调和两种对立的色彩,使它们和谐的过渡。例如我刚刚在彩色搭配中举的例子,让灰色的导航栏完美过渡。
 
  推荐方案一:红色+白色+黑色
 
  ①红色的图片和图标在黑色背景中,会显得十分突出,十分醒目。
 
  ②白色的文字大小排列消减了画面的沉闷感、
 
  ③灰色的画面使画面过渡得更加自然。
 
  再来看下网页设计的彩色搭配
 
  推荐方案一:青色+橙色+黑色
 
  具体的配色如上图所显示。现在我就以这三种颜色做一个假想。
 
  ①让黑色位于顶部,且与下面的颜色形成强烈的对比,使网页更有层次感。打一个比方,让黑色位于导航栏之上,导航栏可以是灰色,或者是其他相对适合的颜色。导航栏的字也可以是黑色,这样的反差会更加明显。
 
  ②青色为主要颜色,位于网页的主要位置,可以具有非常强的冲击力。
 
  ③橙色主要作为点睛色,在主要的位置标示,让文字更加醒目。可以设置文字颜色为橙色,也可以以橙色为底色在上面添加白色的字体。
 
  推荐方案二:深红色+浅红色+白色
 
  这个是以可口可乐2011年的官网,我们拿来做一下分析。由于时间久远,现在无法打开,没有较为清晰的图,望见谅。
 
  ①白色文字的大小排列,使主题鲜明,对比明确。
 
  ②通过深红色和浅红色的组合,营造出了鲜活、热烈的气氛,给人活力无限的感觉。
 
  ③画面中点缀少量的黄色、橙色,以及给部分字体打上浮光效果,使画面更活泼,对比更加鲜明。