[引言]

随着网络时代的到来，网站已不再是什么陌生的东西，越来越多的网站被建立起来的同时，以前曾不被重视的一个方面——引导页的设计，现在却受到广大网站设计师和客户的重视。

以前，网站设计师没有引导页的设计的概念，或者说比较模糊，后来随着flash动画的介入，使得引导页的种类增多，形式的多样化，绚丽特效的出现，引导页的设计逐渐独立出来，作为网站总体策划中一个单独的方面来进行讨论和设计。比较早的引导页是一些文字的提示，多是建议用户用适当的尺寸和浏览器来浏览网站。后来以一张图片，比如企业的照片或标志图片或产品图片等之类的图来作为企业的一个形象宣传，从而作为进入网站的一个入口。目前，flash动画的流行，越来越多的引导页引入了动画，采用FLASH动画作为引导页嵌入首页的设计思路，是当前网站建设较为流行的做法，能使网站洁净、自然，静中有动，动静相宜，让人赏心悦目。

各类引导页的铺天盖地的出现，引导页设计的一些问题，也逐渐显露出来，有好多引导页设计的与网站不相适应，给人不和谐，像拼凑的感觉。由此笔者通过调查大量引导页的设计，通过学习相关网站设计的理论，得出了一些自己的看法，希望能有所促进引导页的设计发展。

一、 引导页的设计分析

1、引导页的分类 www.dolcn.com

  引导页即是您刚刚打开网站所显示的页面，可以是文字、图片、FLASH等。按照不同的分类方法可以分成不同的类别。就目前出现的引导页来看，有三种分类方法。

  第一种按引导页表现的形式，可以分为静止的、动画的和动静结合的三类。静止的页面与动画的页面各有各的特点，静止的页需要在版式上，构图方面多加推敲，否则就会单调，乏味。如：广东商学院社团联合会(http://stl.gdcc.edu.cn/)引导页为静止页面，内容是社团的标志，这种引导页的吸引力要很逊色。版式设计平平，算得上是比较次的了。相反，广大证卷股份有限公司(http://www.ebscn.com/)页面侧重公司形象的展示，页面为静止页面，但在版式设计上有所重视，这样的引导页才耐看。

  动画的画面时比较多见的，有动画的引导页可以更让人产生兴趣，加深印象，动画的节奏、颜色、配音等都是重要的方面，稍有不慎，就会影响引导页的效果。西安铁路局咸阳铁路配件厂（http://www.ss-mm.com/）动的太多，没主体，也不注意视觉导向，不注意版式的设计。Mpr网（国外的http://www.mpronline.it/）的引导页做得很到位，用一铅笔划出的动画，节奏把握的非常好，给人耳目一新，播放流畅，版式设计也很到位。

  动静结合的，这一类要求设计前要有充分的、清晰的思路，动中有静，静中有动，搭配合理，才能算的上好作品。比如盛世万合（http://sswh.cn/）网的引导页，版面独特，设计制作精致，颜色搭配和谐。特别是用的图，那红裙似乎在飘动，但却是静止的。画面配上缓缓飘动的小球，使静中又有了动。设计在线.中国

  第二种按引导页表现的内容来看，可以分为文字的、图片的和文字与图片混合的三类。文字的多是公司的名字和公司的宣传语，目的在于让浏览者带着公司的理念进入网站主页。如平淡网（http://pindan.51.net/）就是如此，页面就是“平淡网”几个字和它的网址的文字作了淡入淡出反转的效果，另外就是建议使用1024*768的显示器的文字，这样的处理，能突出平淡二字，符合它的主题。

  图片类的引导页，是比较直观地在浏览者头脑里树立公司的形象。一般多为公司的照片、业绩照片、公司文化象征性图片。博鳌亚洲博览会（http://fair.3yhome.net/yabowang/）单独图片引导页，用了一张很清晰、独特的图片给人留下很深的印象，色调统一，传统构图。

  还有一类也是最常见的一类是文字与图片混合出现的，这类是通过抽象和形象双重刺激浏览者的大脑，树立公司形象，更好的传达出公司的文化，达到宣传的目的。松雷集团（http://211.144.159.65:82/servlet/Node?Node=24985），引导页为一个风景展示动画，风景优美，给人想象、优美舒心的感觉，非常优美、壮丽。同时还设了跳过动画的按钮。也注意了文字的效果。

  第三种按引导页的发挥的作用不同可以分为不同的类别。引导页可以提示浏览者通过更适合的方式浏览网页；可以让浏览者产生兴趣，增加浏览量；也可以作为企业的一个形象宣传方式；还可以引导浏览者进入不同的功能区。由此可以分为引导方式型、兴趣型、形象宣传型和功能引导型四类。设计在线.中国

  引导方式型是为了照顾用户的利益，可以让用户看到最佳的网站效果。由于各地方的发展速度不同，电脑的配置不同，显示器的尺寸不同，用的浏览器也不尽相同。比如有的习惯用Netscape 浏览器有的习惯用IE浏览器，使用的版本也有不一样，在显示器尺寸方面也不一样，这有一个统计表显示了这个问题。

  一个网站设计者，需要设计出不同的环境下显示出最佳效果的网站，充分考虑用户的处境，这样才是人性化的设计。所以，在用户点击网址后，看到的并不是网站主页，而是一个引导用户采用最佳方式浏览网页的页面。

  兴趣型的引导页，这一类一般多见于个人网站或艺术网站，多数是动画，或者是加入语言的特效。这样的引导页用得好会有事半功倍的功效，特殊效果像水滴效果、波浪效果、三维效果等，可以最大程度的调动起浏览者兴趣，给人一种奇特的效果，更能加深印象。

  形象宣传型，多数企业网站都选择这种引导页的设计形式，这也是最常见的一种引导页形式。网站作为一种新的媒体，是公司的一种新的宣传方式，网站是比较全面地介绍公司各方面的信息，从总体上进行宣传。引导页可以作为公司的理念宣传、精神宣传、形象宣传，起到第一印象的作用。引导页好比企业的大门，它既是一个入口，也是一个给人第一感觉的企业形象。这一类引导页可以做成静止的一面，也可以做成动态的页面，但都是为了宣传企业形象。如淄博三同集团公司（http://www.zbsantong.com/）就是用一段视频，来传达公司的欣欣向荣的气象。大连千森木业有限公司（http://qians en.com/）引导页很明确，采用篮球运动员和舞蹈演员的动人姿态，来体现公司地板的优良，体现了网站的性质。

  功能引导型引导页，这一类引导页是引导浏览者根据需要进入不同的功能区。如志网（http://www.zhi7.com/），引导页是几个摆放的白色箱子，鼠标移到箱子上时，会出现不同的功能区，用户可以有选择性地进行浏览网页。有的网站设计的首页与功能型引导页混为一起，不太好分清楚。

2、引导页的文件量 设计在线.中国

  目前，网络发展的速度很快，但还没到可以任意流量下载无限快的阶段，影响网络下载速度的因素有很多，所以网站设计师在设计网站时需要考虑文件量大小的问题。在设计引导页时，文件量是必须要考虑的。文件量大，下载速度就慢，一般下载时间3-5秒时还可以接受；超过5秒，浏览者就会失去浏览欲望；过了10秒以后，还是看不到引导页的效果，浏览者就会厌烦。

  有好多网站为了追求画面的绚丽，使用了分辨率很高的图，这样实际大部分用户是看不到的，因为下载时间让用户难以忍受。自爱网（http://210.31.208.38/yanghongjun/yindaoye.htm），就是如此，网站用了重复底图的办法，浪漫的紫色，绚丽的效果，都给人幻想、浪漫的感觉，就是下载超慢。这就要求在用图时要多注意优化，切勿因小失大。另外有些网站，设计师为炫耀自己高超的动画制作，使得一些感兴趣的参观者等待，但其他人将不满于时间的延迟而离开，这样就会失去一些用户。稻草人设计(http://daoc aor.51.net/)版面设计的新颖，色调统一，动静结合，动画的效果缓和适中。下载较慢。

3、浏览者对引导页设计的心理感受

  在设计引导页时，要考虑到用户的心理因素。有的网站引导页设立跳过按钮，这就是很好的为用户着想。当用户在需求心理的作用下点击网站时，希望是看到自己所需要的内容。引导页的出现时，浏览者选择心理的影响下，会产生短时间的碰撞，符合浏览者的心理要求，则引导动画继续进行，反之，浏览者会跳过。有些动画下载时间长，再加上没有跳过按钮，这就是浏览者不得不等，要么就得推出，这就重大地伤害了浏览者的心理。

  在设计引导动画时，如果很好地吸引了用户的兴趣，那么动画长短都是可行的，当然也不能超长，毕竟引导页不是动画片；但如果不能，则动画宜短不宜长，一般要保持在10秒以内，毕竟用户的目的不是看动画，而是浏览网页。如果引导页是制止的，那就要从企业的文化出发，在版面、创意方面多下功夫，使浏览者有喜悦、满足感，这样才有其存在的价值。否则，只是作为一个连接主页入口，那就多此一举了。例如

4、引导页设计风格和色彩

  不同性质的网站有其各自的特点。引导页风格的形成主要依赖于网站的整体风格，依赖于页面的色调处理，还有图片与文字的组合形式等。引导页的色彩，也需要参考网站的配色方案，而网站要根据不同行业类型的网站，来定具体的风格用色，所以引导页也是要符合不同行业性质的。具体下面还有详细论述，这里就不累赘了。设计在线.中国

二、 网页设计分析

  关于网页设计的问题，有很多书籍、网站都有论述，而且从各个方面都有很详细地介绍。由于本论文重点在谈引导页的设计，所以笔者在此就只谈与引导页设计相关的内容。

1、 网页的风格

  网页的美化首先要考虑风格的定位。任何网页都要根据主题的内容决定其风格与形式，因为只有形式与内容的完美统一，才能达到理想的宣传效果。目前网页的应用范围日益扩大，几乎包括了所有的行业，林林总总，包罗万象，但归纳起来大体有这么几个大类：新闻机构、政府机关、科教文化、娱乐艺术、电子商务、网络中心等。对于不同性质的行业，应体现出不同的网页风格，就像穿着打扮，应依不同的性别以及年龄层次而异一样。例如：政府部门的主页风格一般应比较庄重，而娱乐行业则可以活泼生动一些；文化教育部门的主页风格应该高雅大方，而商务主页则可以贴近民俗，使大众喜闻乐见。

  网页风格的形成主要依赖于网页的版式设计，依赖于页面的色调处理，还有图片与文字的组合形式等。这些问题看似简单，但往往需要主页的设计和制作者具有一定的美术素质和修养。

  还有，动画效果也不宜在网页设计中滥用，特别是一些内容比较严肃的主页。网页毕竟主要依靠文字和图片来传播信息，它不是动画片，更不是电视或电影。至于在主页中适当链接一些影视作品，那是另外一回事。（参考网站设计理念网 http://www.webdn.com/web_file/idea/） 设计在线.中国
　　
2、色彩处理 　　

  色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性，可以使我们的主页具有深刻的艺术内涵，从而提升主页的文化品位。下面介绍几种常用的配色方案：www.dolcn.com

  1.暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。

  2.冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。

  3.对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。当然，对比色调如果用得不好，会适得其反，产生俗气、刺眼的不良效果。这就要把握“大调和，小对比”这一个重要原则，即总体的色调应该是统一和谐的，局部的地方可以有一些小的强烈对比。 （参考网站设计理念网 http://www.webdn.com/web_file/idea/）

三、引导页与网站的关系

  1、引导页是网站整体设计的一部分

  引导页的设计虽然越来越得到重视，而且在设计的设计过程中，或许有单独设计引导页的人员，但引导页作为网站整体设计的一部分，是必须融入网站中的。

  引导页的风格要与网站设计总体风格一致，如果网站是政府部门风格，那么引导页就不应该太随意；如果网站是娱乐行业的风格，那么引导页设计时就不要太死板了；如果网站是文化教育部门的风格，那么引导页就应该高雅大方。引导页的色彩也要与网站的色彩相统一、和谐。网站如果是红色为主调，那引导页也应是红色为主调；如果网站是冷色调，引导页就也是冷色调的，这样才和谐。下面有一些例子；

  南京依维柯（http://www.naveco.com.cn/ivecowebsite/）公司，是一张图为宣传页和引导页的，图片清晰，表达的含义明确，色调优雅，版式合理。与网站的设计很统一，各方面还算不错的。

  Sangwoo网（http://www.sangwoo.co.jp/swDocu.htm），是一本书的宣传网，引导页与网站非常吻合，与众不同，设计独特，配有轻音乐，更增强了网站的吸引力。

  中国可谓教育资讯网（http://itat.cn/）静态页面，稳重，虚实结合，小格代表了信息全面。

2、引导页对网站的影响 设计在线.中国

  网站决定了引导页的风格、色调。实际上，网站的风格、色调来自于不同类型的部门，也就是说，引导页的风格、色调也来源于不同类型的部门的影响，但是，引导页不会对部门有啥影响，却会对网站有一定的影响。首先，引导页设计的有趣味，吸引用户了，同样用户也会对网站有好感的，反之也如此。其次，引导页下载慢了或者动画时间过长，直接影响用户浏览网站的时间延长，这样，用户浏览的次数越多费的时间就越多，不免有不满的情绪，所以，最好还是有跳过按钮为好。再次，引导页如果动画效果加强，那网站主页中动的因素就适当少点，反之也一样，不过不可太过，适度为好。

四、 结论

  结论：引导页与网站相辅相成，两者都为取得良好的传达企业文化而努力，随着实现形式的多样化，新材料的使用，网络带宽的扩展，引导页与网站的设计会更佳绚丽多彩。引导页在网站的运用更为普及，就会越来越多的人重视起引导页与网站之间的关系。在设计引导页时，就要考虑到主题明确，要与网站、企业文化相吻合；色彩和谐，讲究版式的灵活性；增强趣味性的同时，要考虑到文件量的大小，时间的长短。

  除此之外，还要靠提高设计师自身的文化素质，假如自身素质不高的话，就无法领会到很多其中的内涵，这样在自己的设计表达的时候就不可能到位，其实作品就是一面镜子，在其中可以折射出设计者自身的素质，只有在平时的生活中点点滴滴的积累。同时要有一颗积极向上的心，对生活充满热情！这样才可能在自己的网页设计中挖掘出好的东西来，也给自己的用户留下好的印象。