主页设计

摘 要：主页在一个网站建设中占重要的地位,设计主页应以需求为主体,在收集和提炼客户信息的基础上,整合主页设计的一些技巧,以此提高制作主页的综合能力.

关 键 词：主页；需求分析；收集和提炼信息；设计主页

中图分类号：TP393文献标识码：A文章编号：1007-9599(2012)01-0000-02

DiscussionontheWebpageDesign

YangSenxiang

(BeijingVocationalCollegeofAngriculture,SchoolofMechanicalandElectricalEngineering,Beijing102208,China)

Abstract:Webpageinawebsiteconstructionaccountedforanimportantposition,designofWebpageshouldbeindemandasthemainbodycollectingandrefiningcustomerinformation.Theintegrationofhomedesigntips,inordertoimprovetheprehensiveabilityofmakinghomepage.

Keywords:Webpage,Demandanalysis,Collectandrefineinformation；Webpagedesign

一、主页

主页的设计和制作是整个网站中最重要的一环,在以往的设计与制作中,只是简单的收集一点资料,在没有设计好整体结构与风格的时候,就匆匆制作,结果设计出来的主页大都空洞、缺乏信息量,而这样所造成的修改就会成为家常便饭,贯穿于整个制作与维护期中.针对上述问题,总结出三步走“需求分析、收集和提炼信息、设计主页”.三个环节环环相扣,具有较强的操作性,如图1所示.

图1：设计主页

二、需求分析

需求是制作主页时的第一份信息,主页的确立是建立在各种各样的需求上面的,但是对于这些资料的分析工作是经常被忽视的.一份设计的最初需求往往来自于客户的实际需求或是出于公司自身发展的需求,其中客户的实际需求也就是说这种交易性质的需求占了绝大部分.因此如何更好地了解、分析、明确用户需求,并且能够准确、清晰以文档的形式呈现给参与项目开发的每个制作人员,针对该问题,总结出三点建议.

（一）编写《用户调查报告》.让项目成员都参与项目需求分析活动,项目成员需要调查用户的实际情况,明确用户需求.调查的内容主要有,主页要显示哪些内容、整体页面的风格、导航有哪些、主页中需要多少动画,采用的布局方式等.调查完毕之后,项目负责人组织开会、讨论客户的实际需求,而后进行编写《用户调查报告》.

（二）进行市场调研.通过市场调研活动,清晰的分析相似网站的主页,有助于项目负责人构想出本项目主页的整体布局和色彩,在总结同类主页优势和缺点的同时,项目成员可以博采众长开发出更加优秀的主页.

（三）《主页描述书》.通过较为详细具体的用户调查和市场调研活动,项目成员将自己负责的模块编写成规范性的文档,项目负责人将文档汇总,编写《主页描述书》,这可以为以后开发过程中做到了现实文本的备忘,并且为项目成员日后的开发项目提供有益的借鉴和模范,成为项目成员在项目开发中积累的符合自身特点的经验财富.

三、收集和提炼信息

需求明确之后,项目成员不需要急于去制作这个主页,充足的信息和准确的提炼信息才是接下来要进行的主要工作.收集信息是对需求数据的整理与调查.通常用户直接提供的信息不会超过50%,而大部分我们所需要的内容都是通过自己去查找.

信息收集完成之后,会发现根据用户的需求所得到的需求量,远远会超出你的想象,在你的收集信息记录之中会有非常多的记录,你需要将这些信息和需求方进行确认,通常你所提炼出的信息需要几次改动,当你拿到最终的和用户确认的信息之后,你就会非常的明确用户的需求,它将是你良好开始的基础,接下来的工作尽可能的减少没有必要的修改.

四、设计主页

设计主页首先应有一个好的构思,确定主页的主题,用何种色调,如何布局主页,哪里用文字和图片等.设计主页需进行以下几步.

（一）明确构思.明确构思是设计主页最重要的一点,主页构思应考虑以下几点.1.确定主题.经过需求分析、收集和提炼信息之后,需要为网页确定主题,主题要小而精、目标不要太高.2.确定网页内容.主页所显示的内容是整个网站的主要核心内容和功能,主页中主要有：网站的标志(1ogo),横幅(banner),功能菜单(menu),动态消息(news),搜索(search),版权(copyright)等.选择哪些内容,实现哪些功能,是否需要添加其他内容都是项目组首先要确定的.3.确定网页布局.网页布局是设计主页的一个重要元素,网页布局从技术方面可以分为两种,层叠样式表的应用和表格进行布局网页.表格布局是网页设计者所青睐的一种布局技术,表格布局的优势在于它能对不同对象加以处理,而又不用担心不同对象之间的影响,而且表格在定位图片和文本上比起用层叠样式表和框架更加方便.如果我们想看一个优秀站点的首页是如何布局的,我们可以打开这个站点的首页,将其保存为HTML文件,利用网页编辑工具打开它（要所见即所得的软件）,即可浏览该页面是如何使用表格布局的.

在我们确定了主页采用表格布局之后,我们应该注意在何处插入图片、文字或超级链接,这些将影响整个网站的风格,但一定要注意,应尽量使页面保持整洁、标识清晰,切忌凌乱,宁可少放些东西,否则容易让访客不知所措.

（二）确定网页尺寸.由于网页的尺寸和显示器大小及分辨率有直接的关系,通常显示器分辨率在1024*768的情况下,网页的显示尺寸为：955*600像素；分辨率在800*600的情况下,页面的尺寸为：760*420像素.目前常用1024*768的分辨率,所以在设计网页的过程中一般将页面的尺寸制定成955*600像素.网页中一般不出现水平滚动条,如果内容较多,则推荐增加垂直滚动条,这样可以使网页增加更多的内容.通常,主页长度应限定在三个整屏以内,一个半屏幕为最佳.

（三）文本设置.文本是网页中最基本的元素.在浏览器中,默认的标准字体是中文宋体和英文TimesblewRoman字体,为了保证文字在不同浏览器设置上字号一致,在设计完文字之后,应用CSS样式,将文字的字号固定.正文一般设置为9pt～11pt；黑体字或宋体字加粗时,一般选用11pt和14px的字号比较合适.可以使用图像处理软件将文字制作成图片（一般制作导航栏上的文字）,可以让文字有一些特殊的风格.在主页中设置字体时,一般网页内不使用超过3种以上的字体,否则页面看起来显得杂乱；网页中不建议使用较大的文字,由于网页的版面是有限的,较大的字会使人感觉网页空洞；标题和导航字体比正文要稍大,颜色也应与正文文字有所区别；文字的颜色要与背景色相融合,原则上以能看清且与整个页面搭配和谐为宜,切记二者的颜色不要让访问者产生视觉疲劳.

（四）制作图像.图像是美化页面和说明内容必须的元素,是制作网页不可缺少的元素,在主页制作过程中若加入了处理过的图像,这样主页可以别具特色,达到焕然一新的效果.在设计与制作图像时,图像要体现网站的一定内容,起到实际作用,切忌虚饰浮夸,最成功的图像是将美观和信息集合在一起的,因为图像可以弥补文字的不足.还需注意就是在主页中,图像格式可以采用Jpg或Png格式,切忌网页中图像的数量不要过多,并且图像文件不要过大,反之会使网页加载时间过长,由于图像过多、图像文件过大、颜色过深,加载网页的时间就过长.在主页中,尽量应用小幅图像,尽量用颜色数少的图像.要善于制作图像,尽量美观大方、幽雅,使主页整体上能够迅速显示.

（五）页眉和页脚.页眉常放置网站标志的图片、公司标志、页面的主题和旗帜广告,一般网站的名称都在页眉中体现.因为浏览者一进入网站,便可以很快很清楚的了解这个网站的主要内容.页眉是整个主页设计的关键,它将涉及到网站中子页面和主页面的协调性.页脚在网站的结尾处,页脚一般则体现该网站的版权或者公司.

（六）导航栏的设计与制作.导航栏是入口,它可以使我们很容易的进入相应的子页面,导航栏是主页不可缺少的组成元素,因而导航栏在设计与制作时一定要清晰、醒目.导航栏就是一组文本或按钮超链接,为了不显得死板,导航栏上的按钮一般是由Photoshop或flash制作而成.通常,网站的导航栏采用的是树型的结构或星型的结构,导航栏最终实现在各个栏目之间方便的跳转.

（七）多媒体.多媒体素材主要包括：图片、动画、音乐、视频等.动画的使用一定要慎之又慎,因为它容易制约页面的访问速度.使用动画要目标明确,为浏览方便还是强调信息还要尽量缩减动画的大小.注意动画是很抢眼的,弄不好会画蛇添足.针对音乐的编辑,考虑到音乐文件的大小,网页中不插入w格式的音乐,我们一般将w格式的音乐进行压缩后使用,MP3就是一种压缩较高的音乐格式,一般MP3音乐文件是w文件大小的十分之一.网页中的视频,一般采用小窗口进行播放,并采用流媒体技术以减小文件大小.因为多媒体资料在网页中的大量应用,使得网页制作人员不仅要是一个技术娴熟者,而且还要是一个艺术与审美的多面手,要具有综合美感和艺术眼光.

（八）更新和维护.主页要经常更新,可以有一定期限的改变主页上的图像或信息.动态信息可以持续或自动更新,比如浏览网站的数量、网站的主要事件或日期等.还可以在主页上显示即将有新内容推出,这样可以吸引访客再来浏览.为保持新鲜感,应时刻确保主页提供的是最新消息,特别是主页上的动态消息区,更应经常更新.