网页设计应该如何布局


网页设计应该如何布局


在网页设计中,布局的方式各种各样,不同的布局会在视觉上产生不同的效果 。网页设计的好坏,会直接影响用户的操作以及留下的印象,而网页设计的关键,就在于布局 。平常我们都会按照设计规范来布局,虽然方方正正看着易读,但却会让页面显得过于死板,如何布局才能让页面充满活力呢?

一、巧用元素

左右分屏是最近一年比较流行的布局方式之一,这种布局能够更加强调品牌的色彩调性,避免图片与文字的叠加干扰阅读,带来的问题就是中间死板的分割线,设计师将输入框横跨了两个模块,巧妙地打破了这个死板的形式 。很多时候我们无法避免分割中的直线,也不可能把所有的直线都改为曲线,这时候可以适当利用一些元素让模块之间有个过渡 。

【网页设计应该如何布局】二、错位布局

错位布局即将图形、图片、文字等信息进行错位布局,让页面无须拘泥于条条框框之内 。在下图的案例中,将图片与背景块错位布局,看似好像没做完,实际是设计师精心的布局方式,让画面充满动感,同时图片的投影也让这部分信息顿时有了层次感 。

三、明亮色彩

颜色是一把开启人们心灵的钥匙,色彩是形成网页界面风格的重要组成部分,在排除立体图形、动画效果之外,色彩的冲击力是最强的 。在网页设计中想要突出活力,可以适当运用明亮的色彩 。合理运用好色彩不只能够向用户传达信息,而且还能吸引用户的目光,比经典的黑白配色更有活力,更震撼 。

四、人物背景

巧用人物作为网页背景,也是增加界面活力的一种方式 。将人物与图形、图片、文字等信息进行叠加,打破传统的左右、上下布局,增加画面的透视与层次关系 。在案例中,主体人物与文字进行叠加,不是一张图干巴巴的诠释,营造出画面的层次、透视与场景,又不影响用户的阅读 。

让网页设计变得活力满满的布局方式还有很多,这里介绍的只是一小部分,所有布局必须是基于用户基础进行的,如果仅仅是为了突破而突破,那就显得有些本末倒置了

    推荐阅读