一篇文章带你了解网页布局

网页是互联网信息传递交流的重要载体，网页设计也决定了一个企业向大众展示出来的第一印象。想要成为一名网页设计师？作为新手的你，这篇文章一定要看！一篇文章带你了解网页布局。

网页布局其实就是网页设计中每一个元素分布的位置, 占据的空间与板块的划分, 选择一个正确的网页布局对网站的整体建设有着不可忽视的作用。

可用性是决定网站或企业网络是否成功的重要因素之一，而信息架构则是决定网页是否可用的重要因素之一。信息架构(information architecture)，简称 IA。通俗点儿讲，它就是合理的组织信息的展现形式，例如一个电子相册，注册的时候需要体现怎样的说明，单个相片，一个专辑，整个相册的内容以及它们之间是怎样的关系。信息架构的主要任务是为信息与用户认知之间搭建沟通的桥梁，是信息直观表达的载体。在对网页的应用中，信息架构是指根据网站功能，原则和标准对网页界面中的内容进行分类整理，确立标记和导航系统，实现网页内容结构化。从而便于读者更加方便、迅速地找到需要的信息。

A. 网页布局的目的

布局在某种程度上是网站整体气质的代言人，优秀的布局让人眼前一亮，顶尖的布局让人好奇心大发，不停探索。布局是网站的基石，其作用是指引用户浏览网站各组成部分、指明关键内容。布局同时也是网站外观的关键。相同的道理， 信息架构的原则标准和目的大致可以分为两类：一种是对信息进行分类，使其系统化、结构化，以便于浏览者简捷、快速地了解各种信息；

另一种是重要的信息优先提供，也就是说按照不同的时期着重提供可以吸引浏览者注意力的信息，从而引起符合网站目的的浏览者的关注，如图所示。

B. 网页组成元素

从网页页面结构的角度上来说，页面主要由导航栏、栏目、及正文内容这三大要素组成。网页结构的创建、网页内容布局的规划和实现也是围绕着这三大组成元素展开的。

a. 导航栏

导航栏是构成网页的重要元素之一，是网站页面的入口，相当于网站的菜单。

b. 栏目

栏目是指网页中存放相同性质内容的区域。在对页面内容进行布局时，把性质相同的内容安排在网页的相同区域，可以帮助用户快速获取所需信息，对网站内容起到非常好的导航作用。

c. 正文内容

正文内容是指页面中的主体内容。例如一个文章类页面，正文内容就是文章本身；而对于展示产品的网站，正文内容就是产品信息。

C、网页布局的操作顺序

网页布局必须能够规整、适当的传达网页信息，而且还要按照信息的重要程度尽量向浏览者提供最有效的信息， 网页布局的具体内容和操作顺序可以分为以下几点：

a) 确立网站建设目的，结合企业的品牌定位，分析网站现状和行业市场竞品表现，对企业受众进行用户调研和分析，确定网站的风格定位；

b) 根据网站目的进行网站整体架构设计，为不同需求建立有效、清晰的功能结构，并以用户的良好体验进行易用性布局和交互流程设计；

c) 以企业整体品牌形象建设需求为基础，对网站整体页面品牌识别风格创意，结合各功能板块特点进行相关页面设计以及图片，图标等细节的处理；

综上所述，信息架构是以消费者和浏览者的要求或意见为基准，收集、整理并加工内容的阶段，它强调能够简单、明了并且有效的向浏览者传递内容、信息的所有方法。因此，在进行信息架构时，最重要的观点是浏览者和消费者的观点。这也就要求设计者需要站在消费者的立场上审视一般情况下浏览者最容易反应出的使用性，并且将其运用到设计作品中。如图所示为网站页面的布局效果。