网站制作流程及设计技巧

教传艳　张帆

摘 要:随着网络的广泛应用,互联网已成为人们快速、便捷的获取资料和信息的重要渠道,在人们的工作生活中发挥着越来越重要的作用。网站作为发布和获取信息的重要平台,它的建设与管理尤为关键。因此如何制作成功的网站成为计算机领域的热门话题。本文主要从网站制作的基础过程出发,阐释网站的设计技巧。

关键词:网站制作 流程 设计技巧

中图分类号:TP393.09 文献标识码:A 文章编号:1672-3791(2012)10(c)-0154-01

1 网站制作的基本过程

网络领域内,网站作为发布和获取信息的重要平台,其建设与管理尤为重要。一个网站的制作过程是比较复杂的,大致来说可以分为调研环节、策划环节、完成环节、测试环节、维护环节等。

1.1 调研环节

制作网站不能盲目,要定位网站的主题和类别,对网站进行调研。首先要弄明白网站建设要达到的目的,了解受众群体的基本情况;其次要了解网站承办方的需求与喜好。网站制作时要考虑这些问题,以确保网站的实用性和可观性。另外再结合自身情况,确定网站主题。网站主题不同,网站的设计也应体现出不同。一般来说,大中型企业网站或者门户网站在设计上常采用信息罗列型,这种类型就是在网站首页中罗列出网站的主要内容分类、重点信息、网站导航等,它的优势在于能为访问者提供大量的信息,同时还能较大的访问量。还有一种类型是形象展示型,主要是通过艺术设计与布局,借助与企业相关的产品、图像等构成生动、形象的画面,目的是展示出一种形象或氛围,从而吸引网民浏览。这就需要设计者在制作主页时,要定位好自己的方向,设计出切合实际的网站。

1.2 策划环节

策划环节是网站制作中的关键环节,要结合站点的目标确定站点的内容框架及逻辑结构图。首先要广泛搜集能达到这些目的站点的内容,制定出站点设计的需求纲要。然后再结合内容纲要先草画出站点的结构图。网站结构图有很多种如网状结构、顺序结构等,需要采用什么样的结构要根据内容来定。有时较为复杂的网站会同时用到多种不同的结构图。在策划环节画出结构图主要的目的是组织站点和链接,为以后的任务分配打下基础。

1.3 完成环节

这一环节是网站制作中的核心,主要是通过绘制布局草图、网页设计与制作两部分实现的。绘制布局草图可以在纸上完成,只需绘制出富有创意的轮廓即可,也可以多画几张,从中选择一个比较中意的。然后再细化草图,可以通过在草图上摆放页面的功能模块等确定最终的方案。网页设计与制作是通过计算机完成的,先以草图为基础,通过Photoshop软件进行网站界面的设计,然后再通过网页制作工具完成广告与动态效果添加、链接设置等工作,最后完成整个网页。

1.4 测试环节

网站制作完成后,要进行测试,看看网页、图片的链接是否正常,内容显示有没有出现错误的地方等。在测试环节一旦发现问题应及时修改,确保网页质量。网站发布前要在网络上申请一个域名和服务器空间来存放网站,经过测试正常的网站才能发布。

1.5 维护环节

网站经测试合格发布后,要随时给予关注,并及时根据出现的问题进行调整。一般来说,维护、更新多涉及到发布的主体内容、站点安全等方面。另外还要关注技术的更新,美化网页,使网页的访问更为便捷。

2 网站的设计技巧

2.1 风格统一

首先是结构统一。网站风格统一的重要手段是网站结构,主要包括文字排版、导航的统一、图片的位置、网站布局等,同时在结构一致性中要强调网站或公司名称、企业标志、公司联系信息等标志性元素的统一。目前,大多数网站都采用这种结构,一方面能减少设计的工作量;另一方面也便于网站的维护和更新。其次是色彩统一。网站设计中要先确定能体现网站形象的主体色彩后,可以在网站标识、主菜单、标题中应用,这样能给人整体统一的感觉。色彩运用中,主题色彩确定后,其他的色彩只能作为点缀进行搭配,决不能掩盖主题色彩。最后是背景統一。在网站制作中可以将公司的标志或者象征性的符号作为背景淡化,访问者在浏览网页时不自觉的会留下印象,从而塑造出网站的特有形象。

2.2 色彩搭配

在多姿多彩的世界中,色彩在视觉中有很强的识别作用,还能给人留下深刻的印象。因此在网站设计中要运用好色彩,必须了解色彩的搭配技巧。通常情况下,一个网站会有一种或者两种象征网站内涵的主题色会给你留下深刻的印象,如肯德基的红色条型、IBM的深蓝色等。确定主题色后,在搭配其他的颜色。色彩搭配要研究搭配方案,如主题色绿色配上淡白、金黄,能给人营造舒适的氛围;红色与金色、黄色搭配能营造喜庆的氛围等。不管采用何种颜色搭配,都要显示出整体感,以达到和谐、悦目的效果。一般来说,色彩搭配方案主要有四种:一是邻近色、类似色系搭配。选定颜色后,调整颜色的纯度和亮度,在网页上产生新的色彩。利用邻近色和类似色搭配能给人带来舒适、自然、柔和的效果。但这种搭配会使页面显得单调。二是对比色系搭配。选定颜色后,再确定与其色彩相差较远的色彩进行搭配。这样的搭配方案比较适合体现积极素材的网站,从而产生强烈、明快的视觉效果。但这种搭配方案会让人觉得色彩纷杂,因此搭配中要控制好度。三是过渡色系搭配。色彩搭配中,过渡色如两种色彩的中间色调、单色中混入相同色彩进行调和等,能将不协调的颜色统一起来,以免视觉上产生突兀之感。四是冷暖色系搭配。色彩是客观的,没有冷暖之分,色彩被赋予冷暖,主要是人的心理因素引起的。人们看到红色时会联想到高热度的事物如太阳、火等,内心产生温暖感;看到蓝色时,会想到水等,内心产生寒冷的感觉。同时,色彩的冷暖与其明度和纯度有关,白色会让人觉得冷,黑色会让人觉得暖。一般来说,冷暖搭配多用于食品、休闲娱乐网站。

2.3 布局类型

同字型是大型网站首页常用的类型。一般来说,网站最上面是网站的标题及小广告条,下面是网站的主要内容,左右两边分出两小条内容,中间罗列主要内容,与左右两边的内容一直列到下面,网页底部是一些联系方式、版权声明等。这样的布局直观、均衡但容易使版式僵化。左右框架型是将网页分为两面,左面是导航链接,右面是正文。一般来说大型论坛多采用这种方式,给人清晰自然的感觉。但使用这种框架不容易被搜到。另外还有标题正文型、拐角型等类型,采用何种布局,要根据网站内容来定。

总之,建设好网站,既要明确网站建设的内容,把握好网站建设的总体结构,又要掌握好网页的设计技术。只有将内容与形式有机的结合起来,并不断的实践,才能实现网站建设的目的。

参考文献

[1] 吴上富.网页制作技巧与设计原则[J].广东科技,2006(1).

[2] 喻会.浅谈网站的设计与制作[J].湖北成人教育学院学报,2007(5).