您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 设计理论 >> 浏览设计教程

网页设计中的彩色搭配与非彩色搭配

许多站长在做网页设计的时候,由于没有经过专业的培训,做出来的效果差劲人意。而一个网页给人的第一印象,不是丰富的内容,也不是无可挑剔的布局,而是网页的色彩搭配。网页设计的搭配与站点的站长、站点所在的行业有关,现在小编将会编写一系列的网页色彩搭配的文章,望给网页设计在色彩上搭配不好的站长提供帮助。

  网页设计的彩色搭配

  推荐方案一:青色+橙色+黑色

  具体的配色如上图所显示。现在我就以这三种颜色做一个假想。

  ①让黑色位于顶部,且与下面的颜色形成强烈的对比,使网页更有层次感。打一个比方,让黑色位于导航栏之上,导航栏可以是灰色,或者是其他相对适合的颜色。导航栏的字也可以是黑色,这样的反差会更加明显。

  ②青色为主要颜色,位于网页的主要位置,可以具有非常强的冲击力。

  ③橙色主要作为点睛色,在主要的位置标示,让文字更加醒目。可以设置文字颜色为橙色,也可以以橙色为底色在上面添加白色的字体。

  推荐方案二:深红色+浅红色+白色

  这个是以可口可乐2011年的官网,我们拿来做一下分析。由于时间久远,现在无法打开,没有较为清晰的图,望见谅。

  ①白色文字的大小排列,使主题鲜明,对比明确。

  ②通过深红色和浅红色的组合,营造出了鲜活、热烈的气氛,给人活力无限的感觉。

  ③画面中点缀少量的黄色、橙色,以及给部分字体打上浮光效果,使画面更活泼,对比更加鲜明。

  非彩色搭配

  什么是非彩色搭配?顾名思义,就是以黑色、白色、灰色三种颜色的搭配,黑白的搭配,或者与其他的色彩搭配都可以产生很强烈的对比,使所需要展现的主体清晰明了。灰色则是一种万能色,可以和任何色彩搭配,还可以调和两种对立的色彩,使它们和谐的过渡。例如我刚刚在彩色搭配中举的例子,让灰色的导航栏完美过渡。

  推荐方案一:红色+白色+黑色


  ①红色的图片和图标在黑色背景中,会显得十分突出,十分醒目。

  ②白色的文字大小排列消减了画面的沉闷感、

  ③灰色的画面使画面过渡得更加自然。

图趣:本文只概括的说明了几种配色,详细配色可以搜索或看下自然的配色www.tuquu.com/se

[教程作者:admin]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/di1608.html
扁平化设计配色参考网站:FLATUICOLORS
打造扁平化设计的5大原则
图趣网微信
建议反馈
×