网站线框图

发布：2018-10-16 17:42:00 浏览：3429

信息架构过程从根本上说是一个坚持常规避免特殊的过程。在这个概念性阶段的不同的点，利益相关人、客户乃至设计团队成员都有可能发现专门针对页面视觉设计的建议是不可抵挡的诱惑。尤其是，在认真考虑网站的战略目标、功能和结构之前，关注主页可能的外观和效果会致使规划进程脱离正轨，陷入有关主页的颜色、图形或者一般特征的细节讨论。线框图会推动团队持续专注信息架构和结构设计而不要受视觉层面的干扰。

如果网站图表提供了制作网站的全局概览，那么线框图则是最终被图形设计师和界面设计师用来创建网站最初和最终的页面设计的“草图”。线框图是粗略的二维指南，它用来指示网站的主要导航和内容元素将要出现在页面上的什么位置。线框图为网站的不同页面表单设置了一致的模块结构，并且为最终的模板提供了基本布局和导航结构。

可能会作为网页标准元素出现的内容有:

●企业标识；

●网站标识或标题；

●页面标题；

●当前位置路径导航；

●搜索表单；

●连接到更大的、你也身为其中一员的企业的链接；

●网站的全局导航链接；

●局部内容导航口主要页面内容；

●邮件地址和电子邮件信息；

●版权声明；

●联系方式。

为了让讨论紧紧围绕信息架构和导航展开，请保持线框图表简洁。要避免使用独特的排版，尽量使用单一的常用字体，如果必须要对功能区域进行区分的话，可使用灰色色调，不要使用彩色以及图片。通常，成熟线框图中出现的唯一图形将是企业标识，不过，即便这样，最好还是简单地指出标识的大致位置。

随着你对全局、局部导航的考虑逐渐深入，以及你对主要网站内容的性质和组网页的规范格式:内容放在哪，为什么是什么控制着用户浏览信息面页的方式，打印或是屏幕?根据经典的艺术构图理论，平面的角和中央会先行吸引阅读者的注意。在相关的构图实践中，“三分法则”将兴趣点放到一个将长宽三等分的网格内。不过，这些构图法是纯粹的图解，可能对于那些几乎完全由图形和相片构成的展示和主页来说最为有用。大多数页面构成是由文字主导的，在此，我们的阅读习惯是形成页面浏览方式的原动力。在西式语系中，人们按GutenbergZ模式从上至下、从左到右地浏览页面。视线倾向于顺着页面向下转移(向上浏览则很勉强)一被称做“阅读重力”，这就解释了为什么将主要的标题放在页面顶部之外的任何一个地方不是一个好主意。浏览你设计的网站的读者不太乐意退回到页面再次开始。搜索引擎也偏向于靠近页面顶部附近的项目。

据波因特学院开展的关于读者浏览网页的眼球追踪研究表明:大多数的读者都会从页面的左上角开始浏览。接下来，他们会按照GutenbergZ的模式浏览到页面的下部，之后典型读者才会迅速地浏览页面的右部区域。由JakobNielsen开展的眼球追踪硏究表明，以文本为主导的网页浏览采用F模式，眼睛关注点会横过项部标题区域，然后沿着文字的左侧向下。

当读者浏览网页时，可以明确地使用经典的GutenbergZ页面组合浏览，并且结合新兴标准和Web设计师经验。在临近Web20周年的日子里，出现了明确的流行趋势，并将最终形成网页构图“最佳方案”建议的基础。人机界面研究人员曾经研究过用户希望在哪些地方看到标准的网页组件，并且对某几项在网页中的具体位置做出了明确的期望。

Web仍旧算是一个新兴的媒介，目前还没有任何一个能将现有的典型页面布局实例确定为标准的网站设计标准组织。等到Web有了《芝加哥格式手册》(TheChicagoManualofStyle)，我们至少可以结合当前的主流Web设计实例、用户界面研究以及经典的页面构图来为那些以文字为主导、信息为导向的网站的以下内容提供建议:标识的位置、内容、导航以及页面其他标准元素。