对人性化网站设计的探讨

杨亦艺

（厦门理工学院 设计艺术系，福建 厦门 361024）

对人性化网站设计的探讨

杨亦艺

（厦门理工学院 设计艺术系，福建 厦门 361024）

网站是传播网络信息的载体，越来越多的机构在网络建立网站，网站设计成为设计师施展艺术才能的另一个舞台。围绕人性化特点结合网站设计的用户群与界面等因素的分析，从人性化角度来探讨网站设计应遵循的原则，创造出符合人们需求的人性化网站，这对设计师从事网站设计将受益匪浅。

人性化；界面设计；网站设计

信息技术高速发展，因特网在人们的生活中已占据了很重要的地位，它成为人们获取信息和交流信息的主要平台。网站设计也因此成为新兴的设计领域备受关注，而界面设计是网站设计中最重要的部分，它展现网站所要传达的全部信息内容。但由于很多设计师没有意识到网页设计师既是平面设计师又不同于平面设计师，把设计重点放在网站的图像、色彩及文本设计上，却忽略人与电脑之间的和谐关系，没能很好地把人性化与网页界面有机的结合起来。所以，如何构建人性化网站，将是本文所研究的内容。

一、人性化网站设计的概念

（一）人性化定义

从20世纪80年代开始，“人性化”这一词语频繁的出现各类学术理念当中。所谓人性化就是以满足人的需求，实现人的价值，追求人的发展为价值取向，以人文关怀的角度来开展的一种柔性活动原则。设计是为人服务的，人性化设计是以人为中心和尺度，满足人的社会需要与情感需要。[1]现代设计是科学与艺术、技术与人性的结合，科学技术给设计以严谨的结构和良好的功能，而艺术和人性使设计充满情趣和活力，成为人与设计亲近和谐的纽带。

（二）人性化网站设计

墨子有言：“衣必常暖，而后求丽，居必常安，而后求乐”。[2]随着大众生活水平的整体提高，人们对设计物的基本功能感到满足后，愈发希望设计物能够带来方便舒适的使用功能，设计就是这样让物质从无到有、从粗到精，不断满足人们各方面的需要。因此人性化设计趋势的出现，是人类深刻的内在需求。现代设计除了满足最基本的实用、适用要求之外，还要具备更多情感的、文化的、审美的、精神的含义，每件设计作品都渗透着人的气息。网站设计也是以“人”为主体，为广义上的人服务的。网站设计作为科学与艺术的“产儿”，具备理性化和人性化的两面，以此同时它也具备人类精神的承载与表达功能的载体存在于人类的生活当中。

二、人性化网站设计分析

色彩、图形、文字是构成网站传达信息不可或缺的手段，它们是展示网站内容的重要组成部分。网站的第一印象和整体风格对用户的吸引是很重要的。只有多为用户着想，认真地以用户的切身体会出发去完成网站的整体设计，才能设计出符合人性化需求的网站。当然，在设计过程中需要考虑的因素很多，用户群因素和和界面因素是首要考虑的两个方面。

（一）人性化网站设计的因素分析

我们对网站的设计都会把用户因素充分的考虑到网站设计领域中，这样就会更好的设计出符合用户需要的界面，可以使网站设计变得更容易。

首先，是用户群的方面因素。现在网络已经融入到人们的生活当中，所以，我们每一个人都将是网络发展中的现有用户或潜在用户。现代的人们几乎都喜欢网络中的虚拟生活，在那样的虚拟空间里，我们可以找到轻松、舒适的工作、无忧无虑的生活和娱乐的方式是在不久的将来我们每个人可以期待。因此，网站设计揉合人类的期待，有着人类的感情，我们的网络生活会变得丰富温暖，富有乐趣。但是，由于人的因素是不确定、多变的、要想使每一个细节都达到人们想象的那样，是有难度的，所以，网站设计必须从“以人为本”的角度出发，逐步实现网站设计人性化的发展要求。

其次，是网站界面方面的因素。每一个网站的界面都像个矩形框，在矩形框内按一定的类别、功能将其划分几个区域，，这些区域就是网站信息构架的全部内容，因此网站界面布局的美观与实用是设计师所要考虑到问题。现在流行的web站点布局中就有好多种布局类型。如“T”结构布局、“口”型布局、“三”型布局、对称对比布局、POP布局等等。例如一个人性化“数字图书馆”的网站布局，它以“T”结构来布局展开设计。所谓的“T”结构， 就是指页面顶部，它一般显示网页的主题名称，可以是静态的或动态的广告条(Banner)，下方左面为主菜单，右边显示内容的布局，整体效果类似的英文字母“T”，所以我们把它称为一个“T”型布局。 “T”结构的网站布局在结构上是很清晰的，虽然它也是矩形之间的嵌套，但可以利用色彩上的搭配弥补这一缺陷，就会给人一种新颖美观的感觉。在其功能上又有明确的划分，信息的发布和各个区域的搜索、浏览、查询以及文件的传输等等，全部都是设计师用计算机技术来处理各项工作，这样就使用户很方便的可以查到自己想了解的资讯和信息。[3]所以，尽管一个网页界面设计，除了用户复杂的因素需要考虑外，还要解决页面元素、导航因素等诸多的方面问题，这样才能很好的展现网页界面的风格。

（二）人性化网站的设计

人性化对网站的基本要求是一个自由舒适的使用。由于人性化设计是针对大多数的用户，因此需要考虑网站的每一个设计细节。如屏幕尺寸的规格，普遍的浏览特点、阅读的习惯，信息框架递进层次的合理性等等。

首先，界面设计要符合访问者的视觉需求。网页界面设计，是在有限的屏幕空间上将视听多种元素有机地排列组合，并将理性思维个性化地表现出来。

在设计之前我们必须根据表现题材和前期创意策划的要求，首先确定出网站界面的版式，它会决定各个元素的排布方式和最终的表现风格。网页的表现形式多种多样，从版式编排上可分为水平式、垂直式、交叉式、倾斜式、圆弧式、背景式、中心式、棋盘式、放射式、散点式、旋转式、图形式，文字式等多种形式。[4]每种形式都有自己的特点，如水平式构图在平面设计中也是最常用的构图方式，也是目前国际上比较流行的网页版式，折中构图给人的感觉比较稳重，开阔、舒展、自由，适合各种不同类型的站点；中心式构图是主题部分图形置于页面中心，进而吸引浏览者的视线以起到突出页面主题的作用；页面背景和其它部分比较简洁、单一；并置式构图是两个以上的元素在页面上不分主次地并列放置，从而形成一种适度的节奏感。根据不同的排列形式，画面或整齐严谨，或轻松而有变化。这类构图给人的感觉清新严谨，有规律性，整体感较强；棋盘式构图是通过水平和垂直分割，把画面分成多个大小相近的区域，象棋盘的格子，分别放置图片和文字内容。这种构图形式活泼、随意而不失规范化；页面感觉丰富，具有趣味等。设计者可根据网站整体风格进行网页版式的设计。

我们观察世界时，受到视域的限制，只能看到眼前的部分，所见之物就好像镶嵌在框子里一样。同样，在网页设计中页面也被限制在显示器这样的框子内。因此设计师创作空间受到了限制，在确定适合于网站版式风格的同时也要遵从浏览器的屏幕空间尺寸,必须在有限的空间内进行视听多种元素的编排。

网页的正常状态下，由于网络浏览器的工具条、状态栏及滚动条占用屏幕的一部分空间，所以网络页面实际的空间要小于屏幕。目前根据市场销量的调查，17寸的计算机所占的比例较大，它的普及性决定网页界面设计的尺寸。现在的网页界面设计的通用尺寸就以1024*768（像素）的分辨率为基准，页面宽度为900～1000（像素）之间，设计者可根据以上提供的尺寸范围内进行页面的编排。

网页页面一般都是垂直的，长度可以变化，可以利用滚动条进行浏览。网页的高度以屏为单位，第一屏是指一个页面在不滚动的情况下，屏幕能够完整的呈现的部分。第一屏是网页展示的黄金位置，一般放置网站最主要的信息内容。网页设计高度从一屏到三屏不等，最好不要超过三屏，较长的页面会给访问者造成阅读和查找信息的困难。所以在设计中要了解屏的具体尺寸，一般来讲， 1024*768（像素）的分辨率高度610（像素）为一屏。以一屏为尺度的设计能在有效的范围内展现所要传达的信息，同时访问者在浏览页面能迅速的找到自己感兴趣的信息。

为了方便访问者浏览，网页都应在浏览器宽度范围内完整的横向显示。不要因为浏览器的窗口可以通过水平与垂直方向的滚动，在设计中只考虑画面的视觉效果，而无限制的增加页面的尺寸，访问者阅读时鼠标不停地滚动水平方向和垂直方向，会造成视觉的疲劳和厌倦感，甚至造成放弃浏览本网站的不良后果。设计者必须要小心地确定页面的尺寸，特别是避免横向出现滚动条，才能给访问者带来视觉的舒适感。

其次，导航结构要符合访问者的浏览需求。从一本书的目录上我们可以直接感受到它的内容构架，无论阅读到哪里，都能轻而易举的知道看了多少，还有多少没看。而电脑屏幕是平面的，我们无法直观地了解网站信息的立体结构，很容易在网络中“迷失”方向。导航系统是网站的指示系统，它具有明确的导向性。导航系统的有效设定可以让访问者在信息“迷宫”中快速达到目的地。也就是说导航系统是整个网站的结构，访问者主要是通过导航系统的设置来了解整个网站的构成。那么人性化设计就取决于导航系统的合理规划。如何使访问者更快地把握网站的立体结构，如何使访问者在网络上穿梭自如，这是设计者着重考虑的问题，也是体现人性化设计的关键。因此在设计导航系统时设计者要时刻以访问者的体验来周全的考虑设置导航结构。

一个网站一般包含很多的内容，它通常也包含不止一个层次的结构。设置导航系统就是对这些内容进行分类。导航系统设计关键不在于一次性地给访问者所有的信息，而在于有合理的信息导向。导航又细分为主导航、子导航，子导航还有再下一级页面的导航。而这些结构需要设计者对网站信息合理的整理确定的。以笔者设计的设计艺术系网站为例来进一步说明。根据对艺术系现有资料的搜集与整理，确定系网站的主导航由“系部概况”、“教育科研”、“实验中心”、“党群工作”、“学生园地”、“作品展示”和“联系我们”这七个部分组成。这些导航是整个艺术系部网站信息的主干结构，是最能展现系网站主题信息目录的集合。通过它访问者可以了解艺术系网站表现的主旨。那么每个主导航又因各自的信息量分解成若干个部分，我们称之为“子导航”。子导航是主导航的分支。如“系部概况”又细分为“系部简介”、“系部领导”、“师资队伍”、“系VI形象”等。每个子导航又可分下一级页面导航。例如“师资队伍”又分了“服装设计与工程”和“设计艺术计”等不同专业的师资队伍。它是子导航的分支。网站的导航系统就是通过这种阶梯式的导航系统来实现。合理的导航系统，是访问者了解网站内容的得力助手，方便访问者自由穿梭于网站之间。

确定好导航的结构，那如何设计展现这些主导航，子导航和下一级页面的关系？目前有两种导航系统的展示方式：展开式导航和隐藏式导航。不管采用何种方式导航，主导航始终贯穿于一个网站的每个页面上。主导航中的每一部分都包含子导航的内容，但子导航不需要网站的每一个页面上，只需要在相应的页面上呈现相应的信息即可。

导航系统在整个网站设计中既要注重视觉审美的需求也要符合人性化的功能需求，以达到浏览的便捷性。导航系统的设计应清晰易见，让访问者轻易识别哪里是导航系统，并通过导航系统进入所需要的信息页面，并从其它信息页面进入任意的页面当中或返回首页；导航系统的设计还应是易操作的，当访问者由主导航进入到子页面时，导航系统可以通过颜色肌理或大小的变化来指示访问者当前所处的位置，使访问者避免重复进入相同的页面；导航系统还必须保持视觉元素和设计风格的一致性，以方便访问者在不同页面中合理利用导航。

以上是笔者在设计网站中的经验与体会，而这两个方面是网站设计的重中之重，以它为设计原则就可以尽量避免不必要的麻烦及修改的次数，最大程度的体现人性化的网站设计。当然除了这两个方面，其他方面的设计也要以人性化设计为出发点，像网页页面中文本、图片、视频、动画产品，声音等的设计，控制按钮(包括数字、外形、放置位置、大小等)，字体大小、图表、动画和视频大小和位置等也要按着人性化设计来考虑，甚至导航的形状、大小、整体的导航位置等也要充分考虑到人性化，这些部分都要在符合使用网页设计标准的条件下，利用字、形、色等元素的对比关系创造出迷人而饶有趣味的网络空间。因此相对平面设计而言网站设计的是个“大工程”，每个设计环节都包含设计师对细节的精益求精和人性化的思考。

结论

网络给设计师展现了一个广阔的舞台，使其成为网站的缔造者。网页设计不仅涉及色彩构成、平面构成、版式设计、CI等方面的知识，还涉及到Java、JavaScript、CSS、HTML等编程语言方面的知识。在高科技迅猛发展的时代，知识更换是对设计师的考验，它也改变了设计师的工作方式与表现手法。如何反映网络时代全新的传媒艺术语汇；如何创造出符合人们需求的网络设计符号；这些都值得设计师去思考的问题。任何设计都为人所用，特别是网站设计的艺术表现，它既是信息传播的载体，又是美感的传递使者，人性化便是一把验证的标尺。

[1] （美）施奈德曼，普莱萨特.用户界面设计——有效的人机交互策略(第五版)[M] .张国印译.北京：电子工业出版社，2011:98-102.

[2] 孙诒让.墨子闲沽（卷八）[M].北京：中华书局，2001：47.

[3] 崔红娟，刘勋人.平等服务与个性化信息服务[J].中南林业科技大学学报，2012，6(1)： 127-128.

[4] 马明明.互动出版：数字出版时代的新潮流[J].中南林业科技大学学报，2011，5(5)：153-154.

The Discussion Based on Humanized Web Design

YANG Yi-yi

(Department of Design Art, Xiamen University of Technology, Xiameng 361024, Fujian, China)

Website is a carrier communicating network information. Along with more and more organizations building websites on the Internet, website design becomes another stage where designers can display their artistic ability. How designers create humanized website to meet people’s requirements? This paper simply analyzes the definition, factors and proposals of humanized web design, states that website design should follow the principle of humanity, and provides some referential suggestions.

humanity; UI design; website design

G202

A

1673-9272(2012)06-0157-03

2012-09-10

杨亦艺（1973-），女，福建厦门人，厦门理工学院设计艺术系讲师，硕士，研究方向：设计教育与理论研究。

[本文编校：李浩慧]