浅谈网站风格设计

摘要： 随着是计算机网络技术的发展,网站成为人在上网了解一项事物时所必须要浏览的界面，如何能让网站的形式深入人心，就是网站建设的专业人士所要研究的内容。本文从几方面阐述对网站风格设计形式的研究。

Abstract: With the development of computer network technology, the website became the necessary interface when a man searched something on the internet. How to make website impressive is the thing that website designer cares for. This article focuses on the website style design from many aspects.

关键词： 网站风格；布局设计

Key words: website style；layout design

中图分类号：TP393文献标识码：A 文章编号：1006-4311（2011）13-0171-01

1 网站风格

网站风格是抽象的概念，一般是指网站的整体形象给浏览者的综合性感受。每一个网站都会有自己独特的风格。而这些拥有独立风格的网站会吸引越来越多的网络游客的关注，从而提升自己网站的知名度。网站的整体形象包括页面的排版布局，形式，色彩，效果等……。比如：我们觉得米老鼠的形象是生动活泼的而法官的形象则是专业严肃。每一个网站都会给浏览者留下不同感受。因此我们需要做到的是根据网站的定位不同做出每个网站特有的形式。除此我们还需要在风格上需要把握一下，其实这个风格的统一和传统的印刷出版物没什么区别。网页上所有的图形、文字，包括背景颜色排版形式等等都要统一风格。这样子可以使浏览者看起来舒服、顺畅。

2 视觉流程设计

浏览者在阅读某些信息时，视觉会形成一种自然的流动习惯，比如说对网页界面的浏览方式可能会习惯性的自上而下或者从左向右，在整体平面上进行连贯的浏览。网站的平面布局上可以依据大众的视觉浏览习惯进行页面的排版设计。从专业角度而言一般情况下平面的视觉影响力左侧强于右侧，上方强于下方。这样平面的上部和中上部，左侧和中间部分被称为“最佳视域”，也就是最优先浏览的地方。结合这些特点，在网页设计过程中一些突出或者是要进行推荐的信息通常都被摆放在这些位置。当然上面所说的视觉流程只是一种感觉并非一种固定的模式，只要符合浏览者的逻辑顺序和心理顺序，在网页设计中，灵活、合理地运用可以直接影响到传达信息的有效性与准确性。

3 网站LOGO设计模式

Logo顾名思义就是站点的标志图案，对网站起到标志性的意义，也是此网站和彼网站的首要区分点之一。Logo最重要的作用就是用图形化的方式传递网站的准确定位和明确的经营理念，同时便于浏览者加深对网站的印象。在网站Logo的设计过程中一般有如下三种思路：①直接以网站网址作为Logo的图案；②用以传递网站运营商的经营理念为特色进行Logo图标的设计；③根据网站提供的产品或者服务特点展开对Logo图标的设计。

4 合理的网页布局

目前浏览者们看到的网页布局大致可分为“国”字型， “L”字型。其实我们做网站设计的时候并没有过多的去考虑形式，最重要的是满足客户的需求，把握网站的定位做出合理的网站框架布局。

4.1 合理广告 现在一些网站的广告让浏览者觉得很不舒服，比如说，网页震动、闪烁等效果，给本来挺好的网站添加了负面影响，更糟糕的会导致浏览者连这个网站都不再点击了，这样一来网站受到了不好的影响，原本是计划吸引浏览者的广告也没达到预期的目的。这些问题都是设计网站之前需要考虑周到的。一般网站设计者会采用浮动式的广告，这种广告可分为两种，第一种是在网页两边空余的空间可以上下浮动的广告，第二种是在屏幕到处随机移动的广告。第一种形式的浮动广告要远优于第二种。如果广告的数量过多会影响到用户的心理，会起到适得其反的效果。因此一般来说在设计过程中网站首页的广告不宜过多。

4.2 空间的合理利用 现在很多的网页都具有一个特点，用两个字来形容，那就是“拥挤”，设计者将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上，不做规划，导致浏览时会遇到诸多不便，主要就是页面主次难于区分，没有重点，没有很好的归类。让浏览者难以找到所需要的东西。只有合理的安排、有机的组合，才能使页面达到平衡，既使在一边的部分大面积留空，也不会让人感到空，还能给浏览者留下广阔的思考空间又达到了视觉效果。

4.3 文字编排 网站排版的初衷是为了能在网页上更好地显现文字说明内容和图片摆放效果的良好统一。在网页设计中，字体形式的处理与颜色、版式、图形化等其他设计元素的处理一样非常重要。

4.3.1 文字图形化 文字图形化就是将纯文本的内容用图片的形式来进行表现，以达到图文并茂良好效果。这种形式在页面的子栏目里面较为常见，因为它突出重点，同时又对页面进行了良好的美化，使页面在浏览过程中更加的人性化，加强了页面的视觉效果。这一点是单纯的文字无法达到的。

4.3.2 强调文字 还有一种是整个页面设置的目的就是对文字内容的突出，设计者可以通过对文字效果的设置，比如字体加粗、加大号字体、倾斜字体、添加下划线、更改字体颜色等方式有意识地去强化页面文字的视觉效果，使其在整体页面中显得出众。这些对文字的设置方法实际上都是运用了衬托的法则。

5 网站配色

5.1 整个网站采用一种色彩 这里是指先选定一种色彩，然后通过调整其透明度或者饱和度，说得通俗些就是将色彩加深或变淡来改变色彩给浏览者带来的整体感觉，从而达到在浏览过程中变化的色彩效果，产生新的色彩形式。给浏览者意多变的视觉享受。经过这样处理的页面从效果上看起来色彩统一，有层次感区分度。

5.2 运用两种色彩 首先选定一种主色彩，然后选择这种色彩的对比色，再进行细微的调整。整个页面色彩丰富却有着协调的统一。

5.3 运用一个色系 简单的说就是用一个色彩范围的色调也就是网站在同一色系里面选用不同的颜色使网页整体增加色彩。这种形式的配色方法在网站设计中为常用。比如一个网站所采用的主体颜色为，3f8805号的绿色及和其相称的淡绿色。这样网站在色彩搭配上给浏览者一种很舒服的感受。在网页整体配色中控制在三种色彩以内，以避免网页没有主色。背景色和前景色的对比度尽量要大，绝对不要用纷繁复杂的图案作背景，即突出主要文字内容也使用户在浏览网页的时候不会产生视觉疲劳。

参考文献：

[1]王晓红.网页设计与制作-第2版.机械工业出版社发行室，2009，（3）.

[2]昭君.Dreamweaver CS网页制作入门与实例教程.机械工业出版社发行室，2009，（4）.

[3]张磊.网页设计应用技术.清华大学出版社发行部，2008，（7）.

[4]韩颖 3.5动态网站开发实训教程.清华大学出版社发行部，2009，（10）.

[5]王世军.网页设计与制作实训教程.清华大学出版社发行部，2010，（1）.