设计网站专业流程
提供与浏览者的交互
近年来,站点的交互性越来越为人们重视,不仅商业站点的发展朝着高交互性方面努力,即便是个人网站也开始通过加强交互性赢得访问者,这就是为什么个人网站空间提供商往往同时提供聊天室、电子论坛、留言板等服务的原因。
二、网站设计的国际专业流程
除了上面提到的一些原则外,网站设计过程还有下列一套国际专业流程,整个站点设计大体分为八个部分:
(1)初始商讨。主要收集该站点核心的关键信息,确定包括站点的目标用户、要发布的内容及开发Web服务器平台。
(2)构思。设计师根据收集的信息,开始构思站点内容的组织、栏目的设置、页面的基本结构等等。通常,站点开发人员要把这些构思用方案的形式呈现给顾客,这个方案要包括 整个网站的结构、不同的布局设计及导航方式。
(3)综合内容。页面设计师开始制作一些初始页面图样,这些图样可用PhotoShop等程序来创建。然后,设计师将配以文字的图样打印出来与顾客反复讨论,进行修改。
(4)页面布局和导航。一旦客户同意了这些综合内容,页面设计师就开始编制Web页面,站点导航也被编制到页面中,让客户看到页面初始效果。
(5)图像制作。如果客户同意了站点的外观设计,网页设计师将大量制作所需的图像,并进行图像优化。
(6)内容流程。利用各种网页技术(如CSS,Java,Flash等),把客户的书面材料和相关图形有机地集成在一起。
(7)测试。在站点被提交客户之前,站点开发人员要彻底测试每个Web页面和链接,并进行修补、恢复。
(8)验收交付。一旦开始验收工作,客户要对站点进行大量的测试,找出排版和内容方面的错误,同时反馈给站点开发人员进行必要的修改,在做完了必要的修正后,可以开始向外界宣传站点,正式启用站点。
其流程大体可以用图2-1来表示。
图2-1 网站开发流程
一套完整的站点制作计划可以用1-12个月来完成,对于中小型站点来说,完成时间为4个月。当站点启用后,需要进行跟踪调查,以确定人们如何使用该站点,经常访问的内容,用户群等等,这些可以通过分析站点日志进行分析。在经过6~12个月的正式运行后,重新收集信息,重新设计,可以再重新开始一次Web站点设计过程。
整套流程是完整的,对于大部分的初学网页制作者来说,如果仅仅把目光停留在流程的(5)、(6)步上是不够的。这套流程指出,网站的设计不仅仅包括中期的图形制作与网页集成,还包括先期的资料搜集、结构的布局和风格构思及后期的调试、发布与维护,要成为一名真正的网页设计人员,应当按照上述步骤严格训练与操作。
第2单元 站点的整体风格
(网站设计的原则与页面风格)
网站所使用的主题图形、设计网站基本结构布局、基本色调、文字的样式等都包含在网站风格的概念之中。我们可以这样理解网站的风格的概念:整个网站所采用的结构布局、色调、文字、标志、图案等要素带给浏览者的关于该网站的印象。
在浏览者浏览一个网站时,虽然觉得这个网站的图形、文字并没有什么特别优秀的地方,然而这个网站会使浏览者感到一种特色,这种特色让浏览者可以识别它,只要看到它,就可以知道这个网站是什么内容,这里面正是"特别" 的印象在起作用。前面已经说过,网页设计的生命在于有"创意",创意的实质就是要把网站建设得有自己独特的风格,能够让人一眼就能够识别。
一、商业网站的风格
1.Sony的网站
图2-2是Sony网站的主页面。Sony是在互联网上最富有活力的网站之一。它的主页更新频率相当高,每次更新都能带给浏览者一种全新的风格,但始终以一个巨大的"SONY"作为背景。标志的不变性和必然出现在最醒目的地方是商业网站的一个重要特征。
图2-2 Sony公司的主页
这个页面在设计上注重了以下几个方面:
主题图形形象突出、充满动感,反映了Sony公司开拓进取、灵活多变的风格。这种利用主题图形风格在网站上越来越常见,而一幅巨型的主题图形就是一则优秀的广告。
导航清晰,且栏目图标具有相应的内容提示。页面上利用Script语言,当鼠标指针移动到栏目图标上时,会显示该栏目中包含的相应内容,并可以继续进入下一层,层次非常清晰。
具有强大的搜索引擎和快速网站导航。
整体颜色统一为深绿色和黑色,给人以神秘和粗旷的感觉,这是一般网站所不具备的,该网站构思具有相当的艺术水准,令人注目。
更新日期置于左上角的标志下方,浏览者一上站就可知道网站是否更新过,加快了阅读速度。这比把更新日期放在网页末尾更为妥当。联系地址和版权信息可以置于网页末尾。
2.Sun公司的主页
下面介绍Sun公司的网站,该网站的首页如图2-3所示。
图2-3 Sun公司的主页
Sun公司的网站同样突出了公司标志,它被安放在最醒目的左上角,与标志处于同一水平位置的还有搜索引擎入口。与国内的许多站点不同的是Sun公司的搜索引擎属于站内搜索引擎,包含两个部分:一是通过选择主题进行浏览;另一是关键词搜索。前者从某种意义上讲,相当于建立了不同栏目的超级链接,容量很大。当然,需要突出的主要栏目,应该放在比较显眼的地方。
提到搜索引擎,通常想到的是Yahoo,Sina等这些专业资源搜索引擎,因此现在很多网站上出现了这些搜索引擎入口的超级链接集合,但是在主页上加入这些搜索引擎超级链接的意义并不大,重要的是加人一个站内搜索引擎,便于用户在站点内部搜索他们需要的内容。网站的目的是发布自己的信息,设计网站而不是为其他站点做免费广告,不是建立超级链接的"仓库",在制作、设计网站时应当考虑这一点。
Sun公司网站的主要栏目被放置在网页下部,每一栏目配以一幅主题图片,同时有文字说明,图文并茂,这是目前比较常见的一种栏目设置方式。
Sun公司的主页最突出的一点是:把正中位置留给产品广告。通过网络获取商业利益是公司的宗旨,因此用大幅面进行广告和宣传,成为各商业网站一致的做法。网站上的广告一般分为两种:一种是公司在自己网站上做的产品广告,这更接近主题图形的风格。后者往往是通过图标或者广告横幅的形式出现。
相关信息: