服务热线:

021-51085186

021-51085186
2016-08-09

如何设计出有强烈视觉对比度的网页?

您现在的位置:首页 » 文章中心 » 常见问题

     我们在进行上海网站建设网页设计时会使用对比设计原则,对比设计可以突出重点设计原则,同时还可以带给用户强烈的视觉冲击感,或者是视觉性趣味感。那么如何才能设计出有强烈对比度网页?

     1、互补色、分散互补色、三色系都是色轮中经常使用的颜色,例如红和绿,黑和白,蓝紫色和绿色及橙红色三种三色系,不同的色彩运用带给用户不同的视觉感受。互补色可以让网页看起来非常有吸引力;分散互补色可以设计出有着强烈碰撞的设计效果;三色系可以表现出很棒的对比效果。

      2、降低颜色的浓度可以很好地增加对比度,例如把橙红色降低浓度搭配降低浓度的绿色,这样就可以很好的表现出最佳的视觉效果,通过调整色彩的饱和度来吸引眼球,为你的设计赋予更多的活力。通常我们经常会把明亮的色调与黑色混合使用,达到吸引人目光的效果。

     3、按钮是网页和app中不可缺少的元素之一,通常按钮有锐角长方形,有椭圆形,有曲线边长方形等等。不同的按钮形状带给用户不同的视觉感受,按钮的形状越柔软,圆滑,给人的视觉效果就越友好。通常根据网页风格来设计按钮的形状,如果网页很严肃,那么可以使用曲线边按钮来中各此严肃的感觉,相反亦之。

      4、还可以使用图形来增加对比性,例如几何图片和不规则图形的对比。例如长方形、正方形、三角形、圆形,对任何不规则图形,我们都可以很好的在网页中使用,强调排版的直线和曲线,两者补充的位置非常好。经常可以看到优秀的网页设计是在均匀对称的几何图形的角落,使用一些柔和的非对称。

     5、大圆和小圆,粗线框和细线框都是比例和尺寸的对比,尺寸不同的对比可以突出元素与元素之间的层级关系,例如大圆形就是重要的元素,小圆形就是次要的元素。实际上,通过调整元素大小,形状和配色、版式,可以强调出元素的焦点部分。

      6、还可以利用构图来增加比例,例如三分割法或井字构图法,对角线或S形布局,都是经典的构图方式,来突出网页的对比度。这样的布局方式可以让设计变得平衡而不枯燥,动而不乱,可以给你的网页设计带来更多的乐趣。

      当然,我们在网页进行对比度设计时,要注意:如果对比度太高,做成之后就变得混乱,视线就不能马上落在重要的东西上了,这一点要格外注意。