网站设计的要素与分析

第一章引言

当今这个信息技术时代，是网络快速发展的时代。据CNNIC中国互联网发展状况统计报道，我国目前上网用户已经飞跃性的达到了 1800万。各种各样的网站不计其数，行业网站、企业网站、政府网站、事业网站、个人网站等等，种类极其繁多。如何做一个有特色的网站，能在众多的网站中脱颖而出，吸引更多的眼球来浏览你的网站？本文对网站设计的几个要素进行分析，并简要阐述了网站制作的一些技术细节和需要注意的问题，希望借此为广大网络用户制作网站提供理论和实践依据。

第二章网站设计的定位和标准

2.1定位网站的主题和名称

主题要有特色而且精巧。定位要有特色，内容要精巧。如果想制作一个包罗万象的站点，把所有认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为不可能有那么多的精力去维护它。网络的最大特点就是新和快，目前最热门的主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上的"主题站"比"万全站"更受人们喜爱，就好比专卖店和百货商店，如果我需要买某方面的东西，肯定会选择专买店。你想做一个什么样的网站一定要选一个点作为网站的主题。

2.2网站的形象设计

一个杰出的网站，和实体公司一样，也需要整体的形象包装和设计。准确的，有创意的形象设计，对网站的宣传推广有事半功倍的效果。在网站主题和名称定下来之后，需要思考的就是网站的形象。

2.2.1设计好网站的标志(logo)。Logo顾名思义就是站点的标志图案，是用图形化的方式传递网站的定位和经营理念、同时便于人们识别。就如同商标一样，logo是站点特色和内涵的集中体现，看见logo就让大家联想起站点。标志可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等。标志的设计创意来自网站的名称和内容。

网站logo的设计过程中一般有以下三种思路：

1).直接以网站网址作为logo，如：网易、新浪、搜狐三个门户网站的logo。

2).根据网站提供的产品/服务特点展开logo设计。

3).以传递网站运营商的经营理念为特色，如：全球五金网logo()。

2.3设计网站的标准色彩。

网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。标准色彩"是指能体现网站型象和延伸内涵的色彩。例如：IBM的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。2.4设计网站的标准字体。

和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的"与众不同"和特有风格，我门可以根据需要选择一些特别字体。

2.5设计网站的宣传标语。

也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。以上四方面：标志，色彩，字体，标语，是一个网站树立起形象的关键，确切的说是网站的表面文章，设计并完成这几步，网站将脱胎换骨，整体形象有一个提高。

第三章确定网站的栏目和版块

建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰；也好比造一座高楼，首先要设计好框架图纸，才能使楼房结构合理。网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难，网站或许就此半途而废，所以，在动手制作网页前，一定要考虑好以下三方面：1). 确定栏目和版块；2).确定网站的目录结构和链接结构；3). 确定网站的整体风格创意设计

3.1确定网站的栏目

网站的题材确定后，收集和组织了许多相关的资料内容。能否吸引网友们来浏览网站。内容放的位置、好东西在版面上的分布都是至关重要的。栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。

一般的网站栏目安排要注意以下几方面：

3.1.1一定要紧扣主题一般的做法是：将主题按一定的方法分类并将它们作为网站的主栏目。主题栏目个数在总栏目中要占绝对优势，这样的网站明显的专业，主题突出，容易给人留下深刻印象。

3.1.2设计一个最近更新或网站指南栏目。这样做是为了照顾常来的访客，让主页更有人性化。

3.1.3设定一个可以双向交流的栏目不需要很多，但一定要有。比如论坛，留言本，邮件列表等，可以让浏览者留下他们的信息。

3.1.4设定一个下载或常见问题回答栏目。网络的特点是信息共享。也要设好其他的辅助内容，如关于本站，版权信息等可以不放在主栏目里，以免冲淡主题。总结以上几点，得出划分栏目需要注意的是：尽可能删除与主题无关的栏目；尽可能将网站最有价值的内容列在栏目上；尽可能方便访问者的浏览和查询。

3.2网站的版块设置

版块比栏目的概念要大一些，每个版块都有自己的栏目。每个版块下面有各有自己的主栏目。根据需要来设置版块，同时应该注意：各版块要有相对独立性；各版块要有相互关联；版块的内容要围绕站点主题。

第四章网页布局

确定好栏目和版块以后，那么这些内容如何放置，就需要对网页进行布局了。这就象一本书、一份报纸等的排版一样。网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型，在这里就不做一一论述了。其实在我们在做设计的时候并没有过多的去考虑什么形式，比如我们在一张纸看到一个圆形的东西，很容易可以联想到它像太阳，而有些人则联想到月亮等等…这都是一种形式比喻，最重要的是抓住客户的需求，把握网站的定位做处合理的框架布局。对网页的布局一般从以下几方面考虑：

4.1 分辨率

网页的整体宽度可分为三种设置形式：百分比、像素、像素+百分比。通常在网站建设中以像素形式最为常用，行业网站也不例外。我们在设计网页的时候必定会考虑到分辨率的问题，科技发展到现在我们通常用的是1024*768和

800*600的分辨率，现在网络上很多都是用到778个象素的宽度，在800的分辨率下面往往使整个网页很压抑，有种不透气的感觉，其实这个宽度是指在

800*600的分辨率上网页的最宽宽度，不代表最佳视觉，不妨试试760~770的象素，不管在1024还是800的分辨率下都可以达到较佳的视觉效果。

4.2合理广告

在目前一些网站的广告（弹出广告、浮动广告、大广告、banner广告、通栏广告等等…）让人觉得很烦琐，更本就不愿意来看，有时连你这个网站都不上了，这样一来网站受到了严重的影响、广告也没达到广告的目的。这些问题都是我们在设计网站之前需要考虑、需要规划的内容之一。浮动广告有两种，第一种是在网页两边空余的地方可以上下浮动的广告，第二种是满屏幕到处随机移动的广告。建议能使用第一种的情况下尽量使用第一种，不可避免第二种情况时尽量在数量上控制最多一个就好。如果数量过多会直接影响到用户的心理、防挨到用户浏览信息,适得其反。首页广告不宜过多适中即可。如在注册或者某个购买步骤的页面上最好不要出现过多的其他无关的内容让用户分心，避免客户流失等…

4.3空间的合理利用

很多的网页都具有一个特点，用一个字来形容，那就是“塞”，它将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范，导致浏览时会遇到很多的不方便，主要就是页面主次不分，喧宾夺主，要不就是没有重点，没有很好的归类，整体就像各大杂烩。让人难以找到需要的东西。有的则是一片空白失去平衡，也可以用个“散”字来形容。

并非要把整个页面塞满了才不觉得空，也并非让整个页面空旷才不觉得满，