网页布局结构的标准——信息架构

信息架构好比是水果店里的水果摆放的方式。水果店按照不同品种和价格摆放水果,也就是说,摆放水果的时候,首先按照种类将水果分为橘子、苹果、李子、西瓜等。然后以水果的大小、品种、质量为基准,依照价格对水果进行分类。这种最常见的水果摆放方式有助于顾客挑选想要的水果。顾客进入水果店后,水果的品种和质量一目了然;如果水果混杂在一起的话,顾客就要花费很多时间辨别水果的品种和质量,也不容易确认不同大小或质量的水果价格的差别。另外,通过这种摆放方式还可以激发顾客的购物欲,摆放整齐、色彩鲜艳、散发着浓浓香气的新鲜水果,绝对能给顾客带来强烈的视觉、味觉冲击,激发顾客的购买欲。在不同季节里,商家还把最多的当季水果摆放在显眼的地方,这也是考虑到人们在不同季节有着不同的喜好而实行的销售策略。

单一结构(下)

单一结构是信息架构单一的网站的网页布局结构。它处于初创阶段、内容信息较少的网站常见的网页布局结构,也是比较简单、比较容易构思的网页布局结构。依据网站主页的图形图像和导航的构成方法,可以将单一结构细分为5类:居中、顶部导航、左侧导航、右侧导航和底部导航。

    3、左侧导航

    左侧导航是指网站导航位于页面左侧的网页布局结构,也是因特网发展初期使用起来最熟练、最方便的网页布局结构。

    网站导航的心态及色彩的强弱不同,右侧内容区域的网页布局形态也不大相同;网站导航的形态和色彩较强的话,即使不能相对地突出右侧内容区域也没有关系。采用这种结构,就无需过多地考虑如何修饰内容区域或者构思新颖创意。

网页配色的三条基本原则

网页配色并不是一件很容易做好的事情,它可以说是一项技术性的工作,同时它也是一项非常具有艺术性的工作。如果没有对颜色的认识和视觉的把握能力,是没有办法做好网页配色的。除了上述能力外,设计者在进行网页配色时还需要考虑网站本身的特色,并遵循一定的艺术规则,才可以让网页的色彩具有独特的吸引力。下面提供几个网页配色的基本原则,为读者在实际配色中起到指导作用。

    为什么说网页配色可以提高网站的知名度呢?因为网页设计首先是属于一种平面设计,在排除立体图形、动画效果外,在二维空间中,颜色的冲击力给人的感觉是最强烈的,所以一个网站配色做得好,自然会给人留下很好的印象,也更加容易让人记住。

复合机构(二)

在网络发展的初期,网站一般只是起宣传作用,现在已经发展到电子商务、网上购物、专业门户等多样化功能。随着网站内容的增加,很多网站已经具有了复合化、多样化的信息架构,网页布局结构也呈现复合化的发展趋势。内容量庞大的网站需要提供能够更加有效地展现体系化、结构化的内容的用户界面,以便使用者不会对复杂多样的内容信息及性质产生困惑,于是复合结构的网页布局就应运而生。

    2、左侧导航和页面分割

    这是单一结构的左侧导航网页布局复合化发展的类型,根据右侧区域的分割方式,这种网站导航位于左侧的基本结构可以分为两种类型:顶部框架和底部框架。

信息查寻基本知识了解

 信息查寻指的是人们在寻找信息时经历的各种活动的总和。它与人们从环境中搜集信息的方式有关,通常以解决更大的问题为目标。“信息”涵盖了人们在生活中遇到的所有事情,不只是主动寻找。

    信息查寻的理论模型通过全面观察人们在生活中猎取信息的方式,解释人们如何找到信息。它们也许不会立即解决你在Web设计中遇到的问题,但这些基本原理会帮助你对导航问题有更广泛的理解。

    威尔士阿伯威大学的教授David Ellis提出了一种信息查寻的行为模型,导航设计者会对此有特别的兴趣。这个常被引用的框架对信息查寻的研究有深刻影响,因为它展示了各种情况和背景下共同的模式。Ellis教授将信息查寻的主要行为归结为六条:

Web浏览行为

我们都是习惯性动物。浏览Web时,我们甚至只依赖网站中有限的几个网页。在1995年的一次对Web浏览行为的研究中,佐治亚理工学院的研究员清楚地展现了一个反复出现的模型:用户常会返回某个或某几个特定网页,将其作为大本营。这是Web空间中一种“中心与辐条(hub and spoke)”式的导航。

    更近的研究证实了这一因熟悉而生的舒适感:新西兰坎特伯雷大学的研究人员Andy Cockburn和Bruce Mckenzie,研究了许多Web用户的冲浪行为,观察了每次页面访问(page visit)的时长、人们访问一个网页的频率、收藏夹的内容及增长以及其他因素。以前,再次访问(revisitation,导航到先前访问过的网页)占到了所有页面访问量的58%~61%。到2000年,再次访问变得更为普遍,占到了所有用户访问量的81%。

导航应与网站类型相称

导航的成功与否,与其所在网站的类型息息相关。Web设计的通用规则和指南常常忽略这个关键层面,企图构造出适用于所有情况的总结性指导。它们等同地对待所有网站,就好像所有的网站的意图都是一样的。在评价导航时,你应该将网站类型考虑进去:

    信息类网站

    导航是成功的关键,导航广度的展示能为此类网站提供更好的总览。针对多样的目标群体,遵守常见的设计原则能够降低学习曲线,更好地满足用户的期望。

    电子商务网站

标签的来源

好的标签从何而来?首先,向你的用户学习。努力将你的标签系统和用户期望相匹配,但是绝不会出现一个单个的、完善的系统可以满足你所有访客的需求。那么,你的目标就是尽你所能去优化它。

    当然,一个重要的来源是你自己的创造力。再多的用户研究也不能给你绝对正确的答案。没有万灵丹。你的直觉在导航设计中起着很大的作用。你可能也会不时地需要灵感。这里给出一些可以启发你的地方,能够获取标签的更广的视角。

    词典和词汇生成器

网页布局的连贯性和多样性

这种整体性是通过网页布局(Layout)和视觉效果(Visual Effect)体现出来的。网页布局的连贯性要能提供网站的体验形象,也就是让使用者能够通过所有页面都是用的网站导航、公司标志、标题、子菜单、内容的排列及位置的连贯性等来进行网上冲浪;这种体验形象的提供,便于使用者浏览网站。

    网上冲浪就如同在到处是方向标志的未知世界里漫游一样,用户可以选择的道路和内容是无穷无尽的,为了让用户搞清楚自己停留的地方是哪里、位置是哪里,网站的整体性就显得非常重要。

处理封装和banner背景的几点提示

 网站中的封装和banner可以用于实现好的背景设计,只要你处理好这两部分。下面就如何处理这两个部分给出几点提示。

    标准banner背景

    图案、图片、材质以及颜色都适用于头部背景。可以通过简单的方法使网站富有生机,同时不会对整体效果造成影响。

    提供流畅的分割

    当需要将头部与不居中的其他部分分割开的时候,你需要提供一个良好的过渡。有时候头部与正文背景之间颜色或风格的适当对比便可以达成目的。其他情况下,应该尽量使两者达成和谐,不能格格不入。