网页设计布局技巧有哪些


网页设计布局技巧有哪些


在网站建设设计中,网页设计是核心,核心不仅仅体现在网页设计上,还体现在网页的布局上,往往一个精密的网站布局体现网站的战略眼光和专业水平 。那网页设计的布局技巧有哪些?
一、大框套小框


这种布局是很多网站都常使用一种布局方式,在一个大的栏目里然后在布局几个小的相关栏目,这种布局方式大小有限,让用户专注于某一方面的内容,主体突出 。


二、环绕式布局


环绕式布局更加灵活方便,banner区域相对较小,但是可以在页面中安置更多的信息和内容,这种布局适合内容较多或者以内容为主的网站 。


三、穿插式布局


这种布局在企业网站中不常用,也不适合企业网站,这种网站就是banner的区域较大,灵活性相对差些 。


四、通栏布局


这种布局方式相对于大框套小框而言,用户浏览网页不在受到方框的限制,这种方式显得大气些,眼界显得更开阔些 。


另外这种方式还有一个便利之处那就是主视觉部分可以随机灵活处理,既能往上移到网站logo和导航的位置,也可以移到向下扩展的内容区域 。这种布局方式也是网站中常用的布局方式 。


五、左中右布局


这种布局方式也不常见,但也是一种新鲜的布局方式,这种布局比较有条理,逻辑性较强 。


六、导航在主视觉下方的布局


这种布局方式在一些资讯门户网站中还是比较常见的,导航直接放置在banner的下面,这可以弥补banner中设计素材被截断的缺陷 。


【网页设计布局技巧有哪些】

    推荐阅读