首页 > 乐园 > 百万学院 > 新手教程 > 网站知识

网页布局的几种类型

累积有449人浏览

分享者:web001

本类最新分享知识本类最新分享:什么是.cyou域名?

⑶⑷⑸⑹㊞W 圝 圞金L国 圌

网页设计中的网页布局一般来说包括以下几种类型:
1、“国”字型
也可成为“同”字型,一般的大型网站都喜欢使用这种类型的网页布局,也是网上最常见的网页布局结构类型。在网页上方是网站标题和横幅广告条;然后是网站主要内容,左右各分列两小条内容,中间则是主要部分,一起罗列到底;最下方则是网站一些基本信息、联系方式、版权声明等。
2、“口”型布局
指页面上下各有一个广告条,左边是主菜单,右边是友情链接等,中间是主要内容。
这种布局的优点是页面充实、内容丰富、信息量大,是综合性网站常用的版式,特别之处是顶部--的一排小图标起到了活跃气氛的作用。缺点是页面拥挤,不够灵活。也有将四边空出,只用中间的窗口型设计,例如网易壁纸站使用多帧形式,只有页面--部分可以滚动,界面类似游戏界面。使用此类版式的有多维游戏娱乐性网站。
3、“三”型
“三”型布局是国内网站用得不多,但国外网站用得多。其特点是页面上横向两条色块,将页面整体分割为4个部分,色块中大多放广告条。
4、“T”结构布局
所谓“T”结构布局,就是指网页上边和左边相结合,页面顶部为横条网站标志和广告条,左下方为主菜单,右面显示内容,这是网页设计中用得最广泛的一种布局方式。在实际设计中还可以改变“T”结构布局的形式。如左右两栏式布局,一半是正文,另一半是形象的图片、导航或正文不等两栏式布置,通过背景色区分,分别放置图片和文字等。
这样的布局有其固有的优点,因为人的注意力主要在右下角,所以企业想要发布给用户的信,大都能被用户以最大可能性获取,而且很方便,其次是页面结构清晰,主次分明、易于使用。缺点是规矩呆板,如果细节色彩上不注意,很容易让人“看之无味”。
5、标题正文型
标题正文型在最上方是标题或一些类似信息;下方则是正文信息,即文章页面或注册页面等。
6、拐角型
拐角型与国字型设计很相近,只是形式上的区别。在网页上方是网站标题和广告横幅;然后左侧是一窄列链接或导航链接,右侧是网站正文;最下方也是一些网站辅助信息。
7、左右框架型
左右框架型是一种左右为分别两页的框架结构布局,这种类型业非常清晰且一幕了然。一般左侧是导航链接,在最上方有个小标题或标志;右侧则是正文。
8、上下框架型
上下框架型是一种上下为分别两页的框架结构布局。一般上方是导航链接,下方则是正文。
9、封面型
封面型基本上是一些网站首页的设计布局,大部分出现在企业网站和个人主页上。多数是一些精美平面设计结合一些小的动画设计,再配上几个简单的链接或是设计一个”进入“链接,也可以直接再网站首页图片上做链接。
10、Flash型
Flash型是采用目前非常流行的Flash,它的功能强大且网页信息表达丰富,若好好设计,其视觉效果及听觉效果是不会低于传统多媒体的。

11、对称对比型
对称对比型采取左右或上下对称的布局,一半深色,一半浅色,一般用于设计型网站。而其优点是视觉冲击力强,缺点是将两部分进行有机结合较难。
12、POP布局
POP型是源自广告术语,指页面布局像一张宣传海报,以一张精美图片作为页面设计中心。一般常用于时尚类网站,优点是漂亮吸引人,缺点则是速度慢。
其他的欢迎大家进行补充。

医宗◎⊕有


bai w an zhan网站网
网站申明:本资料由百万站会员提供,敬请您使用时自辨真伪,后果自负;如需转载请注明出处,来源:http://wap.baiwanzhan.com/site/t206785/.
百万站 全体网站编辑员 感谢您的支持! 祝您快乐幸福每一天!
主页标签:网页设计 网页 布局 网页 
进入电脑版本(网页布局的几种类型)
百万站网友们正在评论本文...

上一站

分享到: 分享到百度贴吧 转播到新浪微博 转播到腾讯微博 分享到QQ空间
猜您感兴趣的网站知识
1、浅谈地方网站编辑绩效.. 2、智能手机盲测,HTC大.. 3、李彦宏经典语录分享 4、库巴网CEO王治全突然.. 5、世界上最遥远的距离是.. 6、GUCCI是什么意思? 7、百度启用域名weigou.b.. 8、电商西街的SWOT分析与..

首页 > 乐园 > 百万学院 > 新手教程 > 网站知识


百万站-今日最新网站
电脑版 手机版 会员中心 >
© 版权所有 wap.baiwanzhan.com