谢春松 （福建师范大学美术学院 福建福州 350117）

浅谈网页的界面设计

谢春松 （福建师范大学美术学院 福建福州 350117）

随着互联网的飞速发展，上网已经成为人们生活、工作和学习中不可缺少的一部分。然而很多网站的网页界面设计却存在很多缺陷，进而影响人们对网页信息的浏览。本文通过网页的版面布局、网页的色彩、网页的文本、网页的图片和动画特效及网页的互动设计角度进行简要分析，阐述了网页设计过程中应该注意的问题。

网站；网页界面设计；互动设计

在互联网飞速发展的今天，如何让网站在海量的服务和信息中脱颖而出，调动访问者的视觉感受，吸引访问者的眼球呢，这就要求设计者分析目前网站设计过程中存在的问题着手，然后考虑如何通过网页界面中的各种视觉元素之间的组合来营造一个富有生气和活力的视觉世界，具体体现在以下五个方面：

一、网页的版面布局设计

网页的版面布局是指网页的构成要素之间的排列关系。常见的网页版面布局有：“T”结构布局、“口”型布局、“三”型布局、对称对比布局、POP布局等。无论是哪种布局，在网页版面设计过程中首先应该注意的问题是避免把整个网页界面中的每个区域都塞满，不留任何空白，这样的网页界面充斥着让人窒息的感觉。适当的留白反而会使整个网页版面简洁、舒适，使浏览者在浏览网页的过程中感觉轻松愉快，同时也能提高网页视觉信息的可读性。就如同著名的建筑大师密斯.凡.德.罗提出的：“少即是多（Less is more）”。在网页界面设计中同样适用。在网页的整个版面中，按照信息传达的重要性通常又分为三个区域：重点经常更新的信息，次要的内容信息，起辅助作用相对稳定不变的信息。按这三个信息的主次关系来分布三个信息在整个网页版面中的布局。这样浏览者在浏览网页过程中就会突出对重点区域的印象。从而突出整个网页界面的合理布局。

二、网页的色彩搭配

在实用美术中，常有"远看色彩近看花，先看颜色后看花，七分颜色三分花"的说法。这也就说明，在任何设计中，色彩对视觉的刺激起到第一信息传达的作用。因此，只有对色彩基础知识的良好掌控，才能在网页界面设计中做到游刃有余。色彩是网页界面设计中的灵魂，是网页设计过程的核心要素之一，是浏览者在浏览网页过程中最先也是最持久获得网站的印象。网页色彩的搭配对整个网页的视觉风格中取到决定性作用，因此网页设计过程中根据网站的内容和结构首先要确定网页的基调和配色方案，按照色彩之间的内在联系，来搭配整个网页界面的色彩应用。梵高也曾说过：“没有不好的颜色，只有不好的搭配。”所以想运用好网页界面的色彩就一定要了解网页设计的色彩搭配的知识。

三、网页的文本内容

文字是人类文明的象征，是人类传递信息的重要视觉符号，更是现代信息传播的主要载体，是信息传递最直接，最明确的交流方式。因此文字在网页界面中也充当了非常重要的元素，一个网页可以没有图片，没有动画，但不能没有文字，文字是浏览者获得信息的最主要和最准确的方式。当然网页上的文本内容不同于报纸、杂志上的文本。因为网页浏览者一般不会精读网页全部的文本内容，而是快速浏览，因此网页文本在围绕主题的前提下必须精炼，这样才能使浏览者快速的获得网页主旨信息内容，同时也使网页的重要内容得以被浏览者所接收。网页的文本精炼可以通过以下方式实现：

1.把文本内容分类，以标题的形式出现

2.重要的文本通过超链接的方式进行分离

3.按重要性分层次

四、网页的图片和动画效果的应用

随着计算机的不断更新，网络技术的不断成熟和发展以及互联网速度的提升，目前浏览网页的过程中已经很少出现停滞等现象。这就促使网页界面中的图片与各种动画特效所占的比例不断提升，因为图片与动画特效以其特有很强视觉冲击力的直观表现形式，在网页界面中成了不可或缺的构成要素。然而图片和动画由于范围广，涉及的种类多，网页界面中的图片和动画特效也不能盲目选择，而要根据网站的内容进行筛选。设想下如果所选择的图片或者动画与网站的内容、风格不相符，那么其给浏览者所带来的不是吸引而是给人很不自然很突兀的感觉；相反，好的图片和动画，不仅给人很自然很协调的感觉，而且也会对整个网页内容起到引导和提示网站主题的作用。同时，分辨率大小也会影响着网页图片和动画的效果。网页界面中所用的图片和动画如果像素太低，就会造成整个页面模糊给人一种消极的感觉，因此在网页中所用的图片和动画效果尽量要选择适合的分辨率，这样就会给浏览者留下深刻的印象。据研究发现，在视觉传达中应用好的图片和动画，所带来的传达信息的能力不亚于文字，很多人都是通过图片和动画效果来记住一个网站。因此，图片和动画代表着网站的形象，他们所表述的内容和传达的主题，都与网站的整体形象密不可分。

五、网页界面的互动设计

互动设计是技术与艺术相结合的人性化回归，是网页界面设计关注的又一重点。计算机科学技术给网页设计以坚实的结构和完美的功能，而互动设计则赋予网页设计人性化美感，使网页充满亲和力和情趣。网站人性化设计通过调整网页内容和表达形式，应用引导性图形语言，让浏览者与网页界面产生互动，使网站平台满足用户多方位的使用需求。在细节中表达出温润的人文关怀，吸引并留住用户，更利于用户浏览。

综上所述，由于网页界面设计者不仅是网页视觉符号的设计者，也是设计的体验者。因此一个好的网站的网页界面设计者必须通过网页的版面布局、网页的色彩、网页的文本、网页的图片和动画特效及网页的互动设计等角度进行对网页界面不断完善、改进、调整和更新，这样才能真正设计出好的网页。

[1]梁日升.杨杰.网页艺术设计[M].机械工业出版社，2011.

[2]埃利奥特.杰伊.斯托克斯.网页的吸引力设计法则[M].电子工业出版社，2011.

[3]潘群.吕金龙.网页艺术设计[M].清华大学出版社，2011.

[4]叶谨睿.互动设计概论[M].艺术家出版社，2010.