浅析网站设计理念

摘要：随着信息化社会的快速发展，查看网站成为人们日常生活获取信息的一种最基本手段。那么一个好的网站设计理念，直接影响到这个站点能否受到用户的欢迎。作为一个网站的设计者，最重要的一点是要有好的设计理念，一些好的设计理念能给这个网站带来灵感、带来生命，没有设计理念的网站是不成功。该文结合自身网站设计的的经验，谈谈网站设计理念的相关运用。

关键词：网站；设计理念；网页设计

中图分类号：TP37 文献标识码：A文章编号：1009-3044(2011)30-7562-02

网站同其他出版物，如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的理念，不同之处在于网页的非所见即所得特性和交互性。因此，熟悉一些设计的基本理念，再对网页的特性作一些考虑，便不难设计出美观大方的网站来。一般来说，网站设计所需遵循的理念有：

1 突出网站的标志

网站的标志是网站特色和内涵的集中体现，它的作用在于传递网站的定位和经营理念、同时便于人们识别。一个重点突出的网站标志，一个极具视觉冲击力的网站标志，会直接影响到客户对网站的判断，特别是网站在以日后进行推广时，优秀网站标志会吸引来更多的访问者。

2 符合简约、美观原则

有的网站页面设计得非常的漂亮，就跟杂志的封面一样吸引人的眼球。网页有不同于纸质媒体的特点，不能简单的照搬杂志的做法，它以满足人们的实用需求为目标，它比杂志封面更单纯、清晰和精确。因而真正吸引用户继续进行浏览的是主页内容，这些内容必须对读者有足够的吸引力。保持简洁的常用做法是使用一个醒目的标题，这个标题常常采用图形来表示，但图形同样要求简洁。另一种保持简洁的做法是限制所用的字体和颜色的数目。页面上所有的元素都应当有明确的含义和用途，不要试图用无关的图片把页面装点起来，对于初学者来说容易犯的一个错误是把页面搞的花俏，一个网页用很多种的颜色，文字的字体与颜色设计的乱七八糟，最终不能让别人明白他到底要表达的是什么内容，突出是什么主题和意念。

3 注重色彩搭配

色彩本身是没有任何的含义，但有时候色彩确实可以在不知不觉间影响人的心情，左右人的情绪。不同的颜色会给浏览不同的心理感受。每种色彩在饱和度、透明度上略微变化就会产生不同的感觉。在设计页面时应尽量避免选择使页面难以阅读的背景颜色，页面内容的色彩应该与背景的颜色协调。一些主页最常见问题是使用彩色文本与紫色背景，这种页面可视效果很差，还有一些页面采用黑色的文本与黑色的背景，让浏览者根本无法进行浏览。总体来说，一般每个网站使用的颜色不超过三种，太多的颜色会让人眼花缭乱。主调色要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉。至于其它色彩，也可以使用，但只能作为点缀和衬托，绝不能喧宾夺主。

4 精心组织网站内容

浏览者之所以访问你的网站，大多是因为你的网站内容而来。如果站点内容太普通，不专业，而且又长时不更新，那么浏览者就不会再有兴趣访问你的站点。因而，在设计一个网页时，所的材料必须要经过精心组织，如按逻辑、按时间顺序或按地理位置进行组织，并且这种内容组织应当易于理解。当材料组织好以后，接下来就是在网页布置文本、图片、动画等相关网页内容，目的是引导浏览者在页内浏览。应该控制页面上元素的放置顺序和它们相互之间的空隙。通常人们喜欢从左到右，从上到下进行阅读，他们的眼睛首先看到是页面的左上角，然后逐渐往下看。因而，在组织内容时可以把希望浏览者最先看到的内容放在页面的左上角和页面顶部。比如：网站的标志、导航条等。

5 合理的版面设计

网页作为一种版面，有文字、图片、动画等。文字有大有小，还有标题和正文之分，图片也有大有小，而且有横竖之别。图片和文字都需要同时展示给浏览者，不能简单地罗列在一起，这样往往会使用内容杂乱无章。因此必须根据内容的需要，将这些图片和文字按照一定的次序进行合理的编排和布局，使它们组成一个有机的整体展现给访问者。网页布局大致可分为国字型、拐角型、标题正文型、左右框架型、上下型、框架型和海报型。一般在设计首页时采用800*600像素，这种大小在一般的浏览器上就只有一屏。网页布局的重心和位置之间的对比关系也很重要，一般用黄金分割率（0.618），也可以用用类似中国古代的一种九宫格。这种九宫格是把一个长方形等分为九格，在这个九宫格的中间就会产生四个交叉点，这四个交叉点就是视觉的中心点。有很多初学者喜欢把重要的东西放在页面的中心，以吸引浏览者的目光，殊不知正中心属于盲点区，也就是人们的视觉经常会忽视正中心的东西。

6 灵活运用CSS样式

调用CSS样式的方法很多，可以单击鼠标右键选择自定义样式来调用样式，也可以在状栏中的元素列表上单击右键来调用样式。虽然不同的方法达的效果看似一样，但实际在html代码则完全不同。比如用自定义样式来调用样式，在网页代码就产生一个span标签，这样的标签一多就会使文件的容量显得很大，在同等网速下，打开的网页会显得很慢，所以我们应尽量使用状态栏中的元素来调用样式。

7 能够适应不同浏览器及不同的分辨率

应该站在访问者的角度，考虑网页中各种的因素。如果用不同的浏览器和不同的分辨率来访问你的站点，结果网站杂乱无章、毫无次序，浏览者就不会再访问你的站点了。因此在编写一个主页后，要事先将其放到各种操作系统，各种浏览器中去调试，检测是否会出现一些问题。

8 网页元素不能用中文名称

网页制作后，通常会给网页起一个具有代表意义的名称。一来使人一看文件名就知道文件所包含的内容，二来能够方便各个超级链接之间的相互调用。浏览器对中文名支持不太好，经常会有页面调用不正确现象发生，因此尽量采用英文作为网页元素的命名。

9 为图像链接增加动态效果

有时我们为了达到一种酷的效果，当鼠标移动到某个图片上时能有动感产生。使用Dreamweaver可以很容易实现这种效果。设计时，我们首先需要准备两幅图像，第一幅是原始图像，第二幅是鼠标移动上去后的图像，也可以增加对图片的描述和超链接。当图片如果打不开的情况下，可以让文字来代替图片，也可以实现超链接。

10 网页有良好的对比度

对比是强调突出某些内容的最有效方法之一，好的对比对度使内容易于辨认和接受。对比一般是使用颜色的对比，如内容提要和正文使用不同颜色的字体，内容提要使用蓝色，而正文采用黑色；也可以使用大的标题，形成面积的对比；还可以使用图像对比，题头的图像明确的向浏览者传达本页的主题，这里同样需要注意的是链接的色彩。还有一种实现的对比方法是使用字体变化。在文字排版中，可以使用斜体和黑体突出关键内容，但不能用得太多，否则就得不到应用的效果。

11 结束语

随着网页技术的不断发展，人们对网站会提出更多的要求，使网站的设计理念会变得越来越明确。好的网站设计理念能把整个网站相关网页元素有效的组织与通信结合起来，从而使网站主题鲜明突出，要点明确，以简单明确的语言和画面体现站点的主题。调动一切手段充分表现网站的个性和情趣，体现出网站的闪光点。

参考文献：

[1] 陈希.网页艺术设计[M].北京：科学出版社,2008:3-15.

[2] 陈源.Dreamweaver网页设计与制作[M].北京: 地质出版社,2007:2-3.

[2] 李光明.Dreamweaver网页设计与实训教程[M].北京：冶金工业出版社,2006:25-26.