首页设计在网站开发中的应用分析

电脑开发与应用第２７卷第１１期

（总）

摘要：讨论了首页的设计原则、组成，分析了如何进行首页的可视化设计，总结了首页设计时应注意的事项，最

后得出了结论。对在网站中进行首页设计有一定的指导意义。

关键词：首页，设计，可视化设计，网站开发，应用中图分类号：ＴＰ３９３

文献标识码：Ａ

首页设计在网站开发中的应用分析

许波勇

（徐州机电工程高等职业学校，江苏

徐州２２１００４）

文章编号：１００３－５８５０（２０１４）

１１－００２１－０３引言

首页也叫主页，它是网站的形象页面，更是网站的“门面”，因此，被称为“ＨｏｍｅＰａｇｅ”，它的设计好坏是一个网站成功与否的关键。一个网站主题的鲜明与否、版面精彩与否、立意新颖与否等将直接影响到浏览者是否愿意到该站点中漫游，是否能够吸引众多浏览者留在站点上，是否能够促使浏览者继续点击进入，所有这些全凭首页设计的效果。因此，首页设计对于任何网站都是至关重要的，对网页设计人员首页的设计和制作绝对要予以重视。

１设计原则

首页的设计应该遵循快速、简洁、引人、信息概括能力强、易于导航的原则，同时应纳入企业ＣＩＳ（企业形象识别系统）计划，与企业ＣＩＳ的其他内容协调起来。在一个网站的开始就要将自己企业的强势直接道出，所有绝活、高招、亮点等要立即用上，首先对浏览者形成兴趣冲击力，将其吸引住，再让其手指跟着栏目往下点。例如，耐克网站首页曾经是乔丹三分羞涩、七分谐谑的滑稽大面孔，让人忍俊不禁；可口可乐是至少６幅以上爆笑画面，首页走马灯似的转个不停，让人总惦记着下次还会看到什么新花样；柯达每期首页出一帧摄影经典范例解析，吊起各国摄影爱好者的胃口，纷纷上网去探其精妙。这些首页都属非同凡响之作，使人过目不忘。

２功能模块

首页的功能模块是指在首页上需要实现的主要内容及其功能，在主页上必须清楚地列出３项要点：机构名称、提供的产品或服务以及主页内容。通常一个网站首页上应将网站的基本内容显示出来，如图１所示。２．１页头

用来准确无误地标示该网站，它应该能够体现出该网站的主题，而该主题是与企业或机构的产品和服

收稿日期：２０１４－０９－１０，

修回日期：２０１４－１０－１２作者简介：许波勇，男，1974年生，硕士，副教授，研究方向：软件项目开发。

＊

＊＊

ＨｏｍｅＰａｇｅＤｅｓｉｇｎｓｔｈｅＡｎａｌｙｓｉｓＡｐｐｌｙｉｎｇｉｎＤｅｖｅｌｏｐｉｎｇｉｎＷｅｂｓｉｔｅ

ＸＵＢｏ－ｙｏｎｇ

（Xuzhou Electromedchanical Engineering Department of Jiangsu United Vocational Colleng ，Xuzhou 221004，China

）Ａｂｓｔｒａｃｔ：The design philosophy discusses a home page's,being composed of the main body of a book.How to carry out the home page Visualization is analyzed and designed ，respond to the item paying attention to when having summed up is proceed,and has certain guiding significance face to face.

Ｋｅｙｗｏｒｄｓ：

ｔｈｅｈｏｍｅｐａｇｅ，ｄｅｓｉｇｎ，ｖｉｓｕａｌｉｚａｔｉｏｎｄｅｓｉｇｎ，ｗｅｂｓｉｔｅｄｅｖｅｌｏｐ，ａｐｐｌｙ２１··

０８３７

（总）

２０１４年第１１期

务紧密相关的。它应集中、

概括地反映企业、机构或个人的经营理念和服务定位，可以用机构或企业的名称、标语、徽号或图像来表示。《财富》５００强网站都有明确的主题，在首页之初就将其置于屏幕显著位置。如通用电气以“我们将美好的事物带给生活”为建站之铭；宝洁的旗号是“我们尽己所能，使人们生活日胜一日”；３Ｍ称其使命是“让消费者生活更轻松、更美好”；联邦快递是“数百万的人以本公司的服务开始其一日之计”；通用汽车站名为“人在旅途”；杜邦是“科学的奇迹”等等。２．２主菜单

它提供了对关键页面的简捷导航，其超链接或图标应明确地表明网站上的其他页面上还载有什么样的信息，用户能够根据这样一个简单的功能化的界面，迅速地到达所需信息的其他页面上。２．３最新消息的传递

因特网上不断有新事物出现，每天都有新花样。如果主页从不改变，用户很快会厌倦。在主页上预告即将有新资料推出，可吸引用户再来浏览。可以在页头以大字标题宣布新消息，也可以定期改变主页上的图像或更改主页的式样。同样，为保持新鲜感，应时刻确保主页提供的是最新信息。将更新主页信息的工作纳入既定的公关及资料编制计划内，亦即企业使用传统方法（例如新闻稿）传递的新信息应即时出现在主页上，要确保链接畅通，以免用户收到“无法查阅所需页面”的信息而大感没趣。２．４电子邮件地址

在页面的底部设计简单的电子邮件链接，可使用户与负责因特网站点或负责网上反馈请求的有关人员迅速取得联系。这将为用户找人请教或讨论问题节省大量的搜索时间，还能使网站创建者获得因特网站点外的信息反馈。２．５联络信息

列出通讯地址、公关或营业部门的电话号码等，

以便用户可以通过非Ｅ－ｍａｉｌ的方式与相关人员获得联系。２．６版权信息

除了以上包括的信息以外，一般的网站上还需要这样一些信息，如广告条、搜索、友情链接、邮件列表、计数器等等。在首页上选择哪些信息，实现哪些功能，是否需要添加其他的信息，都是首页设计者首先需要确定的。在首页设计时，可以利用现有信息来制作首页，不必从头做起，因为有许多现成的文字、图画等资料可供网页设计人员使用。很多情况下，只要用少许功夫就可把这些材料转到网页上使用。但应切记页面给人的第一观感最为重要，在网上到处浏览的人很多，如果首页没有吸引力，很难令用户深人浏览。

３可视化设计

确定好首页的内容和功能后，就可以进行首页设计了。就像搭积木一样，每个内容模块是一块积木，如何拼搭出一座漂亮的房子，就看设计者的创意和想象力了。国内许多网站的首页设计平庸，既无特色又显呆板，原因就是缺乏让人“神注其问”的视觉兴趣点。在图文类首页中，通常以图像和标题为兴趣点，由于图片通常较文字更能吸引人的注意力，因此，图片上的兴趣点就是首页的兴趣点。许多首页为集中观众的注意力，将文字标题融合在画面中，使两个兴趣点合为一体。

网站首页的设计形式主要有两种。一种是纯粹的形象展示型，这种类型文字信息较少，图像信息较多，通过艺术造型和设计布局，利用一系列与公司形象、产品和服务有关的图像、文字信息，组成一幅生动的画面，向浏览者展示一种形象、一个氛围，从而吸引浏览者进入浏览。这需要设计者具有良好的设计基础和审美能力，能够努力挖掘企业深层的内涵，展示企业文化。这种类型的首页在设计过程中一定要明确要以设计为主导，通过色彩、布局给访问者留下深刻的印象。在实际设计中，应避免“封面”问题。封面是指没有具体内容，只放一个标徽ＬｏＧｏ点击进入，或者只有简单的图像菜单的首页。除非是艺术性

图１

网站首页内容模块结构

首页设计在网站开发中的应用分析２２··０８３８

电脑开发与应用第２７卷第１１期（总）

很强的站点，或者确信内容独特足以吸引浏览者进一步点击进入的站点，否则的话，封面式的首页并不会给企业站点带来什么好处。用户上网浏览需要快速、有价值的信息，如果等待若干分钟，只显示一个粗劣的“进入”图标，那么就没有用户会再耐心地等待进入下一页。另一种是信息罗列型，它是一般的大、中型企业网站和门户网站常用的方式，即在首页中就罗列出网站的主要内容分类、重点信内容独特足以吸引浏览者进一步点击进入的站点，否则的话，封面式的首页并不会给企业站点带来什么好处。用户上网浏览需要快速、有价值的信息，如果等待若干分钟，只显示一个粗劣的“进入”图标，那么就没有用户会再耐心地等待进入下一页。另一种是信息罗列型，它是一般的大、中型企业网站和门户网站常用的方式，即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等，也就是上面所述的各种功能模块，以展示信息为主，在细微之处体现企业形象，这种风格比较适合网站信息量大、内容丰富的网站。它要求设计人员了解企业的ＣＩＳ，熟悉企业标志、吉祥物、字体及用色标准，在网站的局部将之体现出来，往往平淡之中一个优美的符合企业特点的曲线就能够给人以深刻的印象，从而将企业形象印在浏览者的脑海里。设计人员在设计过程中要注意使用这些语言符号来表达一种独特的企业信息。

４注意事项

从根本上来说，首页就是全网站内容的目录，也

是一个索引。但只是罗列目录显然是不够的。在首页的设计中，需要注意以下事项。４．１首页明确，主题突出

要能使用户对首页扫一眼就能马上明白该网站是干什么的。要达到这个目的，最好在文本或图像中设置阐明主题的句子———视觉兴趣点，这一点对于绝大多数的企业或个人来说是很重要的。因此，建议在站点主页显示的第一行列出本站点的主题。如柯达公司的主题句是“再拍一张”，在其站点的首页的左上角以醒目的字体显示出来；而波音以“世界航天业领

袖”为站点标题。４．２尽可能缩短下载时间

首页上包括许多图像，如网站标志、有关产品的图像或着重标出的某些新产品或特殊产品、特殊服务的图像，这些因素是导致首页下载时间延长的主要因素。主页的下载时问最长不宜超过３０ｓ。主页上的图像应力求简朴，避免耽搁用户的时间。图像愈大、颜色愈深，传送页面的时间愈长。这并不是说要完全略去图像不用，只是提醒网页设计人员要注意使用图像所带来的效果。页顶图像最好保持在大约１０ＫＢ以下，可以考虑只用２幅～３幅短小精美的图像。主页整体上要能够迅速传送，最好测试一下主页在稍差条件下的传送速率。４．３注意配合最低档的设备

例如标准的小型显示器。运用先进浏览软件所提供的一些尖端功能是可以的，但应确保主页在较低版本的浏览软件上，例如某些网上服务所提供的专用浏览软件，仍可顺畅地显现。

５结论

总之，首页不仅扮演形象展示的作用，更重要的是起到信息传递的作用。品牌企业网站的首页设计过于重视“形象展示”职能而忽略“信息传递”职能，大量企业网站首页一律是全屏ｆｌａｓｈ，对用户快速获取信息造成阻碍，因此，网站首页设计要在传递品牌形象的同时，让首次访问的用户在第一时间明白网站的内容、服务和功能，同时，通过首页，能够快速直达所要找寻的目标页面。

参考文献：［１］袁应，杨

磊．省级重点新闻网站首页设计对比分析［Ｊ］．

新闻世界，２０１０（１２）：１００－１０２．

［２］王伟，陈春蕾．对营销型网站首页设计的探讨［Ｊ］．科技资讯，２００９（３６）：５－７．［３］尹卓．关于网站设计方法与理念的探讨［Ｊ］．中国商界（下半月），２００９（１１）：３９３－３９５．［４］

罗

丹，胡剑锋．关于电子商务网站首页内容设计［Ｊ］．科技广场，２００８（７）：２５３－２５４．

!!!!!!!!!!!!!!!!!!!!!!!!!!!!"

!!!!!"

!!!!!!!!!!!!!!!!!!!!!!!!!!!!"

!!!!!"

２３··

０８３９