本页位置: 首页 > SEO优化 > 网站设计时应该怎么让更多颜色形成鲜明对比

网站设计时应该怎么让更多颜色形成鲜明对比

  2017-12-22

怎么让更多颜色形成鲜明对比,要从色相、明暗、纯度三处着手。其中,色相是最重要的。

  解决色相问题,有四点要注意:对比色、邻近色、互补色、零度。

  1. 互补色

  相隔 180 度的色彩我们称之为互补色:红与绿互补,黄与紫互补而蓝色与橙色互补。互补色的对比效果强烈、眩目、响亮、极有力,但也需要慎用,因为使用不当易产生幼稚 、原始、粗俗、不安定、不协调等不良感觉。

  当橙蓝各占一半的时候,这时候的对比是最强烈的,也是最容易让观看的人产生不舒服的感受。当减少橙色的比重,增加蓝色的比重时,这种不舒服感会随之减少,当两者颜色的比重差距变得越来越大时,将发现这个对比效果明显,且不会让人产生不适感。如果不想更改颜色的比重来让对比色相互统一之外,还可通过增加一两个颜色以提升界面的协调性,发生过渡统一之用。

  2. 邻近色相

  比如黄色跟橙色可以称为邻近色,草绿和果绿也可称为邻近色。色相环上相邻的二至三色对比,色相距离大约30度左右,为弱对比类型。邻近色相对比效果感觉柔和、和谐、雅致、文静,但也会让人感觉单调、模糊、乏味、无力,所以必须调节明度差来加强效果。

  3. 对比色

  色相对比距离约120度左右,为强对比类型,要比邻近色相对比鲜明、强烈、饱满。丰富,容易使人兴奋激动和造成视觉以及精神的疲劳。如黄绿与红紫色对比等,但颜色之间协同统一的工作很难做。这样的对比可以避免单调,但需要采用多种调和手段来改善对比效果,不然就容易产生杂乱和过分刺激的效果。关注深圳网站制作设计,欢迎来电咨询。

  4. 零度对比

  零度对比分为好几种,比如无彩色对比、无彩色与有彩色的对比、同种色相对比和无彩色与同种色相比四种,这块只要理解下无彩色的概念即可。无彩色指的就是没有色相的颜色,上面提到的颜色都有色相,但由于黑白灰三种没有色相,所以也被称为无彩色。

  (1)无彩色对比:如黑与白 、黑与灰、中灰与浅灰,或黑与白与灰、黑与深灰与浅灰等;无彩色与有彩色的对比:如黑与黄、白与蓝等。

  (2)同种色相对:如蓝与浅蓝(蓝+白)色对比,橙与咖啡(橙+灰)或绿与粉绿(绿+白)与墨绿(绿+黑)色等对比。

  (3)无彩色与同种色相比:如白与深蓝与浅蓝、黑与桔与咖啡色等对比。

  网站设计的颜色搭配是一门学问,不能违背基本色彩原理。