勤学教育网合作机构> > 佛山天琥设计培训欢迎您!

设计网页布局常用方法

佛山天琥设计培训logo
来源:佛山天琥设计培训

2022-04-11|已帮助:1971

进入 >

不同类型的网站在网页设计上的布局是不同的,但无论使用哪一种布局,都要围绕用户的浏览习惯来布局。下面就来看看这篇设计网页布局常用方法,相信你们会喜欢的。

设计网页布局常用方法

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

布局二、环绕式布局。环绕式布局更加灵活方便,横幅面积相对较小,但可以在页面中放置更多的信息和内容,这种布局适合内容较多或以内容为基础的网站穿插布局。这种布局在企业网站中并不常用,也不适合企业网站。这类网站都是大面积的横幅,而且它的灵活性相对较差。

布局三、通栏布局。这种布局相对于大框套小框而言,用户浏览网页不受框的限制,这种方式显得更大气,视野显得更开阔。这种方法的另一个优点是,主要的视觉区域可以随意和灵活地移动,可以向上移动到网站logo和导航的位置,也可以向下移动到扩展的内容区域。这种布局在网站中也很常见。

布局四、左中右布局。这种布局是不常见的,但它是一种新的布局方式,这种布局更有条理和逻辑性较强。在主视图下面导航布局,这种布局在一些信息门户中很常见,导航栏直接放在横幅下面,这可以弥补banner中设计素材被截断的缺陷。

另外这种布局方式,用户打开网页时就可以看到网站的导航,这样对新客户来说是极其友好的,新客户不用刻意去找网站的导航,而且访客可以一眼就看清楚网站导航的主要内容。

不同类型的网站在网页设计上的布局是不同的,但无论使用哪一种布局,都要围绕用户的浏览习惯来布局,布局的方式要主次分明,重点突出,比如,用户一般喜欢从左到右的浏览网页的方式。假如网站的布局是由上而下,一定程度上违背了大多数用户的浏览习惯。

以上是佛山天琥设计培训整理的设计网页布局常用方法全部内容。

热门推荐

更多
勤学培训网 网页设计学习网 设计网页布局常用方法