【吴江网站推广】网页设计中的理性思考

网页设计是互联网发展之后形成的一个新兴设计门类，其综合了平面设计、界面设计、交互设计、产品设计的相关知识和能力。其既是一个信息传达的媒介，同时也是一个供人们交互使用的软件产品，好的网页设计不但要美观、漂亮，还要易学、易用。要做到易学、易用，在设计时需要充分调动理性思维，综合考虑技术环境，用户生理特点、心理特点、认知特点、行为习惯等多个方面，做出理性的设计分析和判断。

　　一、设计必须符合媒介特性

　　用户在网页上获取信息和在纸质媒介上获取信息有很大的不同。在纸质上的信息是预先印刷在上面的，是已经固化不变的，设计者的预设视觉效果会按照既定目标传达给读者。而网页信息完全不同，信息并没有预先固化在浏览者的信息显示媒介上，信息是一种动态的“信息流”形态，在浏览者的互动作用下，“信息流”从网页的服务器上，经过网络传输系统不断地传输到浏览者的显示媒介上，而浏览者的显示媒介还有多种不同的规格和形式，导致浏览者看到的网页形态并不一样。

　　在设计网页时，我们必须考虑网页服务器的处理能力、网络传输的带宽，以及用户浏览网页的终端处理能力、显示媒介的尺寸大小、分辨率高低等要素。服务器的处理能力、网络带宽、终端处理能力都会影响网页传输的速度，而显示媒介的尺寸大小和分辨率则会影响网页呈现的形态。

　　在考虑页面的内容和显示质量时，我们必须要理性思考页面的数据量，综合分析影响页面传输速度的各个因素，权衡内容、质量与浏览者等待时间的平衡。内容多、质量高，传达的信息量大，视觉效果好，但可能造成页面数据量大，浏览者等待的时间长。Websense调查公司称：多达70%的上网者表示不愿意在页面读取上超过10秒钟，也就是说在浏览者点击链接之后，如果页面在10秒钟内还没有呈现出来，用户会放弃访问，即使网页有再好的内容和质量也达不到传达信息的目的，这就失去了设计的根本目的。从心理学的角度上看，浏览者在等待过程中，会逐渐增加烦躁和不安，失去耐心，况且网络上有太多的选择，更加剧了他们放弃的决心。

　　设计网页的幅面时，我们不能像纸质媒介那样以长度单位来计量，而是以数字媒介的基本单位像素来计量，而一个像素在视觉上到底有多大又取决于显示媒介的尺寸大小和分辨率，所以网页在视觉上的大小在浏览者那里可能大不相同，因为他们浏览网页时采用的显示媒介大小和分辨率可能相差很大，也许是9英寸的笔记本电脑，也可能是25英寸显示器的台式计算机，即使物理尺寸相同，分辨率不同，所得到的页面大小也不一样。因此，我们必须对浏览者使用的网页浏览设备有充分的调查和分析，并进行测试，以保证我们设计的网页幅面大小在普遍使用的各种网页浏览设备上能够满足浏览信息的基本要求。

　　二、网页应是浏览为主

　　在用户获取信息的方式上，网页有别于纸质媒介，网页是以浏览为主，而纸质媒介是以阅读为主。所谓浏览，按照字面意思就是粗略、大致地看一遍，其主要目的是大致了解，搜寻是否有感兴趣的信息线索;阅读比浏览更具有主动性和目的性，是有目的地读，其目标是理解。克鲁格在《别让我动脑筋——网页设计效果优化艺术》一书中提出了设计出好网页必须面对的三个事实：一是“我们不是阅读网页，而是浏览”;二是“我们不做**选择，而是满意而止”;三是“我们不深究原理或本质，而是想当然地使用”。我们为什么对网页是浏览呢?克鲁格的分析认为有三个原因：一是因为匆忙，使用网络的目的多半是想节约时间，这样用户就会不停地运动;二是用户知道不必全部阅读，通常一个网页里面只有很少一部分是他们感兴趣的;三是用户擅长浏览，浏览是人们日常生活中搜寻信息的惯用方法。基于这样一些原因，用户使用网站就是浏览、满意、再浏览、再满意这样一个循环往复的过程，直至满意而归。如果中间出现了不满意，这个过程就会终止，用户就带着不满意而离开。

　　所以，在设计网页时，哲学家威廉提出的奥卡姆剃刀原理“如无必要，勿增实体”和建筑大师密斯·凡·德·罗提出的“少即是多”原则是我们检验设计的两面镜子。在确定网页的内容时，突出那些重要的内容，去掉那些不必要的图案和文字，即使那些能够让你的网页在视觉上产生更好的效果，但如果其干扰重要信息的浏览，仍然应该果断地去掉。在网页中，只有那些有利于信息传达目标的美才是有价值的，美应该符合于功能的需要，美和功能的和谐统一才是网页设计追求的目标。

　　为了便于浏览，在网页内容的编排上必须尊重视觉习惯，我们在浏览时总是从左到右，由上而下地扫视，要根据内容的重要性，进行从左到右、由上而下地依次排列，使重要的内容**映入浏览者的眼帘。在文案的写作上，为了便于快速浏览，一是对标题、关键内容加以强调;二是采用短的句子和段落;三是采用清晰的分区和列表;四是先总体后详细的写作顺序。用户在进行浏览时首先是通过标题和关键词来初步判断内容是否符合自己的兴趣，然后再通过总体的概述来决定是否有继续浏览下去的必要。在浏览的过程中，短句和短的段落有利于减小理解的难度和缩短判断的时间，清晰的分区和列表能够让人快速抓住其关注的兴趣点，促进人们继续浏览。

　　三、网页设计不应打破惯例

　　前面已经提到，网页是一个要求即看即用的特殊“产品”，也就是一看我们就要知道如何使用。我们虽然使用了若干手机，但我们购买了一款新的手机时，我们还是得阅读说明书后才能正常使用，网页确不需要。那如何才能达到即看即用呢?使用惯例就是**的武器，这也是提高所有产品易用性的重要法宝。惯例就是我们已经习惯了的东西，我们一看就知道它的意思，就知道怎么去操作，因为惯例是我们日常生活中积累起来的，已经存入大脑的固有知识。唐纳德·A·诺曼在《设计心理学》中将知识分为了存储于外部的知识和存储于头脑内部的知识，使用存储于外部的知识不需要学习，但效率低;使用头脑内部的知识需要专门学习，但效率高。而惯例是已经存储在头脑内部的知识，具有外部知识的高易用性和头脑内部知识的高效率。

　　在网页设计中有很多惯例是不能轻易去打破的，一是重要导航在页面的位置，按照惯例一般布置在页面的上部、左上部或右上部，首页的链接放置在*前面;二是网站的标识放置在页面的左上部，浏览者用其来判别是否到达了目标网站;三是文字链接要加下划线(也可以鼠标放上去才出现)，浏览者用其来判断是否有超级链接;四是常用标识符号，如在多页文档中，▲代表向上翻页，▼代表向下翻页;在视频、音频播放中■代表停止，▍▍代表暂停， ▲代表播放。这些标识符号在网页中已经具有特定的意义，是不能随意改变的。

　　四、设计层面之间的逻辑联系

　　Jesse James Garrett在《用户体验的要素——以用户为中心的Web设计》一书中论述了网页设计的五个层面，包括战略层、范围层、结构层、框架层和表现层，并确定了自下而上的建设流程，规定了设计的程序。自下而上的各个层面，从抽象逐渐变成具体，并且包含着密切的逻辑联系。

　　战略层确定的网站目标和用户需求，是整个网站设计的基石，其决定范围层的内容选择和功能设计;结构层是对范围层选择的内容进行分类和组织，形成信息架构，以及对确定的功能进行交互设计，确定交互的过程和交互行为;框架层是在结构层信息架构的基础上，根据完成任务的需要，利用超级链接设置来完成导航设计，以及规划信息架构在页面空间中的位置关系，形成布局框架;表现层是对框架层进行具体的视觉表现，包括图形设计、色彩设计、信息图表设计、动画设计、视频设计等。

　　从上面的分析可以看出，下一层是上一层的设计依据或设计对象，上一层是下一层的进一步深化和具体，相邻层之间紧密联系，既不能交换，也不能跨越，更不能缺少，具有严格的秩序，形成了完整的逻辑链条，理性思维贯穿在整个设计过程之中。