一、简介:布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。
二、网页布局有以下几种常见结构:
【1】“国字”型布局:
“国”字型布局由“同”字型布局进化而来,因布局结构与汉字“国”相似而得名。其页面的最上部分一般放置网站的标志和导航栏或Banner广告,页面中间主要放置网站的主要内容,最下部分一般放置网站的版权信息和联系方式等。
【2】T型布局
T型布局结构因与英文大写字母T相似而得名。其页面的顶部一般放置横网站的标志或Banner广告,下方左侧是导航栏菜单,下方右侧则用于放置网页正文等主要内容。
【3】标题正文型
标题正文型布局的布局结构一般用于显示文章页面、新闻页面和一些注册页面等。
【4】左右框架型布局
左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构。其布局结构主要分为左右两侧的页面。左侧一般主要为导航栏链接,右侧则放置网站的主要内容 .
【5】上下框架型
上下框架型布局与前面的左右框架型布局类似。其区别仅在于是一种上下分为两页的框架。
【6】综合框架型
综合框架型布局是结合左右框架型布局和上下框架型布局的页面布局技术。
【7】POP布局
POP布局是一种颇具艺术感和时尚感的网页布局方式。页面设计通常以一张精美的海报画面为布局的主体。
【7】FLASH布局
FLASH布局是指网页页面以一个或多个Flash作为页面主体的布局方式。在这种布局中,大部分甚至整个页面都是Flash。
网页布局结构:
1、骨骼型结构。
即类似于人体的骨骼结构。分为上中下,内容部分分为两、三栏的设计。
2、对称型结构。
对称型结构就是网站有一个对称轴,称左右或者上下对称。这种网页在阅读上很明明确给出用户重要和次要区域的划分,根据于都习惯往往在比较大的位置上安排主要内容。
3、满版型的结构。
其实这种网页结构随着现在显示器尺寸的增大和分辨率的提高逐渐再做一个过度,即以前的整个图片满版到后面的背景满版,到现在的局部满版。这种版式给人的感受是内容紧凑,气氛表达充分,适合温馨和暖性思维的表达。
4、焦点型。
这类网页多见于围绕一个中心点,真个页面围绕中心,多见于销售类网站或者品牌产品网站。其特点是中心明确,表达信息集中,传达信息清楚。
5、分割型。
把整个页面分成上下或左右两部分,分别安排图片和文案。两个部分形成对比:有图片的部分感性而具活力,文案部分则理性而平静。可以调整图片和文案所占的面积,来调节对比的强弱。例如:如果图片所占比例过大,文案使用的字体过于纤细,字距、行距、段落的安排又很疏落,则造成视觉心理的不平衡,显得生硬。倘若通过文字或图片将分割线虚化处理,就会产生自然和谐的效果。
6、中轴型。
沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排列。水平排列的页面给人稳定、平静、含蓄的感觉。垂直排列的页面给人以舒畅的感觉。
网页结构即网页内容的布局。创建网页结构实际上就是对网页内容的布局进行规划,网页结构的创建是页面优化的重要环节之一,会直接影响页面的用户体验及相关性,而且还在一定程度上影响网站的整体结构及页面被收录的数量。
网站建设中网页布局大致可分为:“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等,以下分别论述:
1、国字类型:也被称为同字型,顶部是网站的标题、横幅广告条,然后是网站的主体内容个,而左右分别是一些比较小的内容条,中间就是主要内容,最底部是网站的一些基本信息、联系方式、版权声明等。这也是现在网上见到的差不多最多的一种结构类型;
2、拐角型:这种类型其实与国字型很相近的,只是在形式上不一样,最上面的部分是网站的标题以及网站的横幅广告条,一种很常见的类型是最上面是标题及广告,左侧是导航链接;
3、标题正文类型:上面是网站的标题,或者是类似的东西,接着就是网站的正文内容,例如是一些文章或者是注册登录页面;
4、左右框架类型:这是一种左右为分别两页的框架结构,一般布局是:左边是导航链接,最上面有时是一个小的标题或标致,而右面就是主要内容,最常使用是论坛网站,企业网站中的内页有很多是采用这种布局方式的;这种类型的布局的特点是结构清晰明了;
5、上下框架类型:与左右框架类型类似,只是这种类型是上下两页的框架;
6、综合框架类型:其实就是左右框架类型和上下框架类型的结合体;
7、封面型:这种类型基本上是出现在一些网站的首页,多是精美平面结合小动画,再加几个简单链接或仅是一个“进入”链接或无任何提示;
8、Flash型:其实这与封面型结构是类似的,采用了目前非常游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果如果处理得当,绝不差于传统的多媒体;
9、变化型:即上面几种类型的结合与变化,但所实现的功能的实质是那种上、左、右结构的综合框架型;