人们浏览网页已经是现代社会人们生活中的一个重要组成部分,网页作为网络信息传播的主要载体,其设计中包含的诸多因素也一直被人们进行反复讨论。网页的版面和空间设计作为网页设计中的一个重要组成部分,起着组织和联系网站的纽带作用,它们如同一个网站的骨骼和框架。如何在这个骨骼和框架中将网页信息有效地组织起来传递给网页浏览者;浏览者如何能够在最短时间内,通过最便捷的方式找到需要的信息等等,这些都要求网页设计者将网页的版式和空间设计放在首要考虑的位置。 而目前国内网页设计的现状是:为了追求页面内容的丰富,无论网站属于何种性质都尽可能将页面内容做多、做长;首页被分为若干个相应区域,每两块之间再加一条广告,更有甚者会在页面的最上端加一个所谓重中之重的综合区域。一些企业类的网页还会尽量将该公司所有的产品介绍都罗列到网页上。这些网站将文字、图片、动画等各种信息不加考虑地塞到页面上,不分主次,不进行规范化、条理化的归类,更谈不上艺术处理,其直接结果是导致信息传播的效率低下,与设计者的初衷相去甚远。
1、 那几个是影响网页版面和空间设计的生理和心理因素
一、视容量 视觉容量是指在一定时间内,视觉所能容纳的信息量。人眼的视觉容量一般用比特作为计算单位,每一秒钟正常的视觉容量是25 比特,约四个信息单位(如文字)。视觉容量的接受程度受到视觉对象的清晰程度,照明对比程度以及人们的文化程度和实际经验等因素的影响,各人略有不同。一旦视觉接受到的信息超出一定的视觉容量,人们就会产生相应的抵触反应,引起不快。这就是为什么浏览一些超大容量的页面时,人们容易产生视觉疲倦和心理抵触的主要原因之一。
二 、在网页设计过程中应当重视视觉容量的限制。网页上的内容容量需要多大?文字、图片等信息应该如何归类?页面级别应如何区分等等,在进行网页设计初始时需要进行认真规划,才可能将网站信息有效快捷地传递给用户。 2、视觉流程 人们在阅读中,视觉有一种自然的流动习惯,视觉流程的形成是由人类的视觉特性所决定的。受生理结构限制,人眼只能产生一个焦点,不能同时把视线停留在两处或更多的地方,所以人们只有依照一定的顺序浏览观察。 网页浏览过程是一个动态的视觉流程。一般来说,我们的视觉习惯于从左向右,从上向下看,所以一个空白的网页给我们带来的自然视觉流程是从左上方到右下方的一个弧形曲线。 在这个弧形曲线上,视觉优势从上到下递减。合理运用视觉流程原理,有助于我们合理地布置网页中视觉元素的位置,划分相关的页面版式区域,提高信息传播的效率。
2、 很好的设计有效传达信息
一、合理借鉴传统信息载体的信息规划方法 版面编排实际上就是中国古代画论中的经营位置。而网页的版面设计也遵循着同样的规律。尤其是起着门户作用的首页,其版面的设计规划更需要慎之又慎。作为版面内容的文字和图片都需要第一时间展示给用户,所以决不能简单地罗列在页面上。首页的作用就像书籍的目录:作为传统的信息载体,书籍的目录主要起着引导浏览的作用,而作为网页的首页也起着相同的作用。因此在设计过程中就要尽量避免将过多的信息内容堆放在首页上,只需将主要导览信息列入即可,这样反而更有助于浏览者快速找到所需信息,提高信息传达的效率。这也正是中国传统绘画中所讲的少即是多。 在网页设计中,网页的空间结构反映了网站内各种信息之间的关系,是直接影响视觉信息传达效果的重要因素。网页之间的关系就像书籍中各章节之间的联系一样,形成一个无形的空间。这个空间包含物理和心理两个方面:物理空间如首页与各级页面之间的联系。各级页面之间的设计风格的相互统一,内容的相互协调,都对这个空间的形成起着至关重要的作用。从心理方面来讲:为网页创造人性化的视觉和心理空间也是必需的,我们可以从整个WEB 站点的角度出发,考察页面之间的空间关系,充分利用网页这种信息载体的特点,创造更高效的思维互动心理空间。
二、过去传统形式美法则同样适用于网页版面设计 作为传统平面媒体版面设计的一些基本原则,依然可以在网页的版式和空间设计中发挥其重要的作用,比如: (1)变化和统一。 在图形设计中运用变化与统一的规律,是处理形象和组织的对立统一过程,那么在网页设计中同样要恰当地的利用这种规律。在我们把大量的信息塞到网页上去的时候,应该考虑怎样把它们用合理的、统一的方式来排列组织,使网页整体感强并且富于变化,使页面更丰富,更有生气。 (2)条理与反复。 条理与反复的原则是图形构成整体的秩序美的基础,这种手法在很多优秀的网页设计作 品中运用的较多。这类网站信息含量大,需要运用一定的方式将信息条理化并加以归纳后重复利用,使页面整洁,脉络清晰,信息浏览方便快捷。当然,对于信息量较少的网站同样需要条理与反复,以达到更富有变化和清晰的视觉效果。 (3)对比和调和。 对比是指在质或量方面相互差异甚大的两个视觉要素同时配置在一起时,两者之间相互作用给人以更加强烈的视觉冲击力。那么在网页设计中,如何利用它来达到好的效果呢?首先合理地利用对比的因素,例如文本和图片尺寸、比例以及位置的排布等等,最终的目的就是如何取得较为强烈的视觉效果。此外还要恰如其分地找到调和的因素,即版面和空间的联系点,使整体感觉突出,不至于仅仅因为对比而造成割裂的感觉。只有做到对比和调和的相辅相成,才能使网页页面鲜明、突出,更好地传达出设计者的意图。 (4)均齐与平衡。 这是设计中求得中心稳定的两种组织形式。在网页设计中,平衡是一个动态的平衡,因为页面上两边的配置不会总是绝对统一的。更多的时候是版面中各个区域的相互平衡,这是一种动态的平衡。这种方法可以满足人们视觉上的整体平衡感,也是人的心理因素的一种图形化表现,当然不是片面地追求静止的对称,那种僵硬的、不生动的形式同样会失去美感。 (5)节奏与韵律。运动中的事物都具有节奏和韵律的形式规律。在具体的网页设计的运用中,版面的编排就经常会遇到这个问题,优秀的版而设计富有音乐般的美感,同时丝毫不损其实用性,这需要不仅是从形状上,而且要从整体的色泽、大小等综合方面人手。 (6)适当留自。 网页设计并非要把整个页面塞满了才能体现信息的丰富性,只要合理地安排,使页面达到平衡,即使在一边的部分大面积留白,同样不会让人感到内容空泛,信息量贫乏,相反这样会给人留下广阔的思考空间,给人回味。 作为形式美的法则。会随着时代的不同而不断发展进步,但是美的本质是一样的。在设计网页时,我们必须充分考虑到浏览者在阅读网页时的生理和心理状态,要让读者在最短的时间内,迅速地理解网页里所提供的信息内容,优秀的网页设计必须对网页信息内容进行大的分类、筛选,把提炼出来的最根本的核心内容,通过合理化的、人性化的版面和空间规划呈现出束,充分利用版面和空间的骨骼和框架作用,采取简洁明了的设计手法将信息提供给用户,这是一个非常重要的课题,也是每个网页设计师的义务。