2.1　了解网页布局

网页布局的基础标准是信息结构。信息结构是指根据最普通和最常见的原则和标准对网站页面中的内容进行分类整理、确立标记体系和导航系统的机制。它可以实现网站内容的结构化，从而使浏览者方便和快速地找到需要的信息。因此，信息结构是确立网页布局最重要的参考标准。

2.1.1　网页布局的目的

在网页布局中，设计师可以根据不同的种类或者价位来摆放商品，好的信息结构可以帮助浏览者快捷地选购自己想要的商品，另外，信息结构如果具有整齐一致的特性，则能够给浏览者带来强烈的视觉冲击，激发浏览者的购买欲望，如图2-1所示。

图2-1　合理的网页布局

该商品宣传网站的页面结构非常清晰明了，页面层次也相对简单。页面的主体内容采用了相同的表现形式，同时没有特别突出某一部分的内容，可以使浏览者快速浏览网页。

信息结构大致可以分为两类：一类是按照内容结构进行分类，使其系统化和结构化，便于浏览者快速获得需要的信息，这种分类类似于按照种类和价位来区分各种商品，如图2-2所示；另一类是优先提供重要的信息，即按照不同的时期和重要程度来展示吸引浏览者视线的信息，从而引起符合网页宣传目的的浏览者的关注，如图2-3所示。

图2-2　内容结构分类页面

两个网站的主体内容较多，导致网页篇幅较长。在合理的结构布局设计过程中，使用不同的背景色来为网页划分不同的内容区块，使网页的内容结构清晰明了。

图2-3　信息优先提供页面

网页采用图片和文字相结合的布局方式，方便浏览者快速了解页面信息。

2.1.2　网页布局的操作流程

合理的网页布局应该能够规整、准确地传达网页信息，而且要按照信息的重要程度向浏览者传递有效信息。网页布局的具体内容和操作流程可以分为以下几点。

信息结构是以浏览者和消费者的需求或意见为基准，搜集、整理和加工信息后所呈现的机制内容。它强调的是能够简单、明了并且有效地向浏览者传递信息。

在布局信息结构时，最重要的原则是设计应符合浏览者和消费者的观点，也就是要求设计师站在消费者和浏览者的立场去思考在浏览使用网页过程中可能遇到的可用性问题，如图2-4所示。

图2-4　以浏览者的角度布局信息结构

当浏览者进入一个网站时，可以根据导航来寻找自己想要知道的信息，这就是站在浏览者的角度，为网页添加导航的必要性。

尤其是在设计食品宣传网站时，设计师可以利用色彩的心理暗示和视觉效果，快速、准确地向浏览者传达味觉信息。