您好,欢迎来到一站式众包服务平台-威客牛网
当前位置:威客牛首页 > 知识百科 > IT软件 > UI设计 > 网页布局的常见类型

网页布局的常见类型

2022-12-04作者:网友投稿
版面指的是使用浏览器看到的一个完整的页面,布局是以最适合浏览的方式将图片和文字排放在页面的不同位置。以下就是赢在威客网小编为您整理的网页布局的常见类型。

1.T型布局

T型布局是指页面顶部为横条网站标志和广告条,下方左半部分为主菜单,右半部分为显示内容的布局。因为菜单背景饺探,整体效果类似英文字母T,所以称之为T型布局,这是网页设计中使用最广泛的一种布局方式。其优点是页面结构清晰,主次分明,是初学者最容易学习的布局方法;缺点是规矩呆板,如果把握不好,在细节和色彩搭配上不注意,容易让人看了之后感到乏味。

2.“口”型布局

“口”型布局是页面上下各有一个广告条,左边是主菜单,右边是友情链接等内容,中间是主要内容。其优点是充分利用了版面,信息量大;缺点是页面拥挤,不够灵活。

3.“国”型布局

“国”型布局又称为“同”型布局,是一些大型网站喜欢使用的布局类型。页面顶部是一横条,横条左部设置网站标志,右部是横条广告,横条下部是水平放置的主导航栏。导航栏下方分为左中右三栏,左边一般放置内容导航、二级栏目、注册登录、搜索引擎等,右边一般放置动态新闻、热点内容、友情链接等,中间显示网页的主体内容,在页面的最下方是一横条状菜单或广告,也可以是网站的一些基本信息、联系方式、版权声明等。这种布局通常用于主页设计,主要优点是页面容纳的内容多,信息量大。

4.标题正文型布局

标题正文型布局最上方是标题或广告等内容,下方是正文,通常文章页面或注册页面采用此种布局,其特点是简洁明快,干扰信息少,较为正规。

5.“三”型布局

“三”型布局具有简洁明快的艺术效果,适合于艺术类、收藏类、展示类网站。这种布局往往采用简单的图像和线条代替拥挤的文字,给浏览者以强烈的视觉冲击,使其感觉进入了一幅完整的画面,而不是一个分门别类的超市。它的一级页面和二级页面的链接都按行水平排列在页面的中部,网站标志非常醒目。

6.“川”型布局

“川”型布局比较特殊,整个页面在垂直方向分为3列,网站的内容按栏目分布在这3列中,可以最大限度地突出主页的索引功能。如果网站栏Bf良多,可以考虑采用这种布局。它和“国”形布局的主要区别是:把主内容区换成了各个二级页面的链接,其中的不足是二级栏目比例不易配置平衡,色彩不易协调。

7.POP布局

POP布局像一张宣传海报,以一张精美图片作为页面的设计中心,在适当位置放置主菜单,常用于时尚类站点。这种布局方式不讲究上下和左右的对称,但要求平衡有韵律,能达到动感的效果,其优点是漂亮吸引入,缺点是速度慢。

8.变化型

采用上述几种布局的结合与变化,布局采用上、下、左、右结合的综合型框架,再结合F1ash动画,使页面形式更加多样,视觉冲击力更强。


网页布局的基本形式主要有上述几种类型,至于哪种布局类型最好,需要具体问题具体分析,要从网站内容、页面结构和表现形式等多方面进行综合考虑,同时也需要制作者具有较高的设计水平。
免费查询商标注册