关于网站页面布局的最新方法研究

摘　要：网站页面布局作为一种平面设计，对于网站的整体运营，受众的接受程度都有直接的影响。因此，探究网站页面最佳的布局方式十分有必要。本文试图从受众角度出发，通过对人类生理本能进行剖析，深入探究网站页面布局的基本模式及最新方法。

关键词：网页布局；平面设计；网站页面布局
　　网站页面布局作为平面设计的一种，对网页设计起到了规划的作用。即布局在先，制作其次。网页设计是以网络为载体，把各种信息加以科学的整合，以最便捷的方式传输给大众。介于网页的接受者是可观可感的人类，因此网页的设计必须要力求人性化。由此笔者认为网站页面的布局也应该从受众的特点与需求入手，迎合受众的需要，在愉悦受众的同时最大限度的传达信息，提高受众对信息的接受程度。
一、实现追踪技术
　　网站页面布局位置的设置可以因为受众具体情况的不同而产生不同的效应。该效应即使页面作为信息的运载体所发挥的传达信息的作用。当今国内外最常用的研究网页布局位置效应的方法是真实页面信息统计法。即时通过大量真实数据的收集与整合，对各种类型的页面布局模板加以归纳与分析，最终找出每种模板的特性与最佳应用场合。如若我们换一种角度进行思考，不难发现对于各类型模板细致的研究正是基于网页的接收方是可观可感的人类这一大前提。而在此项研究中，所凭借的重要依据即为视线追踪技术。
　　笔者认为视线追踪技术正是基于人类视觉对有用信息进行跟踪的本能，而产生的一种研究页面布局的手段。视线追踪技术可以对所布局网页的可用性进行研究与评估，在理性的监控中提高页面传达信息的能力。
二、传统模板框架中的视线追踪技术
　　一般来说，网站页面布局通常被定义为如下5种模板。
　　（一）“国”字型：又称“同”字信布置，即最上面是网站的标题以及横幅广告条，接下来是网站的主要内容，左右分别列出一些栏目，中间是主要部分，最下面是网站的一些基本信息、联系方式、版权声明等，这种结构是一些大中型网站常用的布局类型。
　　（二）“厂”字型布局。也称拐角型，指页面顶部为横条网站标志＋广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景较深，整体效果类似英文字母 “T”，所以又称之为 “T”形布局。
　　（三）“框架”型布局。左右框架型：这是一种左右分为两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标志，右面是正文。上下框架型：与上面类似，区别仅仅在于它是把页面分为上下两页的框架。综合框架型：上面两种结构的组合，相对复杂的一种框架结构，较为常见的是类似于 “拐角型”布局，只是采用了框架结构。
　　（四）封面型布局。这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画, 放上几个简单的链接或者仅是一个 “进入”的链接。
　　（五）Flash 型布局。其实这与封面型结构是类似的，只是这种类型采用了目前非常流行的 Flash，与封面型不同的是，由于 Flash 强大的功能，页面所表达的信息更丰富，如果其视觉效果及听觉效果处理得当，绝不亚于传统的多媒体。
以上的5种主要模板类型皆拥有各自的特点，或一目了然或充满美感。然而从实现追踪技术的角度入手，我们不难发现，不同的网页布局设计会对受众的信息接收产生很大的影响。通过多次对真实页面信息的统计，研究者们得出了这样的结论：拐角型页面中拐角以内区域最容易引起读者注意，因此适合放置最需要引起用户兴趣的信息。国字型页面中中心区域无论是从首视点数目或是注视密集程度都远远大于各区，最适合放置需要用户仔细阅读的信息。
三、运用视线追踪技术引发的结论   
　　视线追踪技术通过对不同模板的分析，一方面可以较好的对不同类型模板的可用性及适宜场合加以区分，另一方面也可以反映出受众在信息接受过程中的一些习惯及原则。
    在研究受众页面浏览过程时一般会制定如下几种指标：（1）注视点：眼睛如果在较短的时间（一般100~200ms）稳定在相对的空间阈限范围内（一般20），速度低于某个阈限（每秒150~1000） ；（2）凝视时间：一连串连续的注视点在一个感兴趣区域上形成的平均空间位置上累计的驻留时间。（3）感兴趣区域：研究者事先定义好的研究感兴趣显示区域或者视觉环境区域；（4）扫描路径：注视点序列的空间分布。
    这些指标有助于整个研究工作区域规范化与数据化。而在运用了这些指标加以分析后，研究者们得出了受众信息接收的两个原则。
　　（一）“别让我思考”原则
  “别让我思考”意思即为在网页布局时，首要考虑的是信息的直观性。只有信息被直观的展现出来，才能减少受众浏览页面时所耗费的精力，使得受众在搜索信息时相对轻松。这符合了人类的“择易”本能。由此我们可以得知，不论是运用何种模板，将最重要的信息直观的放置于该模板中的受众兴趣区域，可以提高信息接收量，得到较好的信息传递的效果。
　　（二）“阅读最省力”原则
　　“阅读最省力“意味着受众在浏览页面的过程中自愿减少扫描路径，通过最简单快捷的方式快速在文本中索引出自己需要的内容。该项原则同样是出于受众生理本能。因此在页面布局设计时，应当充分考虑通过文本、图片、视频的进行布置，并且借助色彩、字符样式等元素的衬托，使受众在文本中尽量减少不必要的曲折，在页面的方寸之中直接得获取有用信息。这要求页面布局必须力求一目了然与突出重点。　　
　　结语： 新的网站布局方法不应单单纯局限于传统的模板框架内，而是应当根据不同受众群体的切身需要，从其关注点及上述两大原则入手，打破思维常规的界定，充分利用页面方寸之地，可弯可直，可曲可展，使得信息直观地，有层次地展现于受众眼前。换言之，只有尊重受众本身的阅读规律，才能更好地进行信息传递。
参考文献：
[1]李三山. 基于可用性的电子商务网站页面布局位置效应研究[J]. 消费导刊 ,2010(03)
[2]严加琼. 浅析网页设计中的页面布局[J]. 电脑学习,2010(01)
[3]王淑萍. 页面布局的十条规则[J]. 光盘技术.1997(05)