浅谈如何做好网页前期设计

一、设计的任务

网页设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类。

1.资讯类站点

像新浪、网易、搜狐等门户网站,这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等。

2.资讯和形象相结合的网站

像一些较大的公司、国内的高校等,这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。

3.形象类网站

比如一些中小型的公司或单位,这类网站一般较小,有的则有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象,这类网站对设计者的美工水平要求较高。

二、设计网站规划图

设计首页的第一步是设计版面布局,可以将网页看作传统的报刊杂志来编辑。这里面有文字、图像乃至动画,我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。接下来我们要做的就是通过软件的使用,将设计的蓝图变为现实,最终的集成一般是在Dreamweaver里完成的。在制作的过程中,会碰到许多问题,其中最敏感的莫过于页面的颜色。

三、色彩的运用

色彩是一种奇怪的东西,它是美丽而丰富的,能唤起人类的心灵感知。一般来说,红色是火的颜色,热情、奔放,也是血的颜色,可以象征生命;黄色是明度最高的颜色,显得华丽、高贵、明快;绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和平与安全;紫色是高贵的象征,有庄重感;白色能给人以纯洁与清白的感觉,代表和平与圣洁。

色彩代表了不同的情感,有不同的象征含义。这些象征含义是人们思想交流中的一个复杂问题,因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。

单纯的颜色并没有实际的意义,和不同的颜色搭配,表现出来的效果也不同。比如绿色和金黄、淡白搭配,可以产生优雅、舒适的气氛。蓝色和白色混合,能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛,而金色和粟色的搭配则会给人带来暖意。设计任务不同,配色方案也随之不同,考虑到网页的适应性,应尽量使用安全色。

但颜色的使用并没有一定的法则,如果一定要套用某个法则,效果只会适得其反。经验上可先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。整个页面应是一个整体,力求达到和谐、悦目的视觉效果。

四、造型的组合

在网页设计中,主要通过视觉传达来表现主题。在视觉传达中,造型是很重要的一个元素。抛去图或者文字的问题,画面上的所有元素都可以统一作为画面的基本构成要素点、线、面来进行处理。一幅成功的作品,需要点、线、面的共同组合与搭配来构造整个页面。

通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自的特点。在设计中应根据具体情况,选择最适合的表现手法,这样有利于表现主题。

通过点、线、面的组合,可以突出页面上的重要元素,突出设计的主题,增强美感,让观者在感受美的过程中领会设计主题,从而实现设计的任务。造型的巧妙运用不仅能带来极大的美感,而且能较好地突出企业形象,能将网页上的各种元素有机地组织起来,甚至还可以引导观者的视线。

五、网页的优化

在网页设计中,优化是较为重要的一个环节,它的成功与否会影响页面的浏览速度和页面的适应性,影响观者对网站的印象。图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其尺寸(size)降至最小,可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块,分别优化,输出的格式可以为gif或jpeg,要视具体情况而定。一般我们把颜色变化较为复杂的小块优化为jpeg,而把只有单纯色块的卡通画式的小块优化为gif,这是由这两种格式的特点决定的。

网页的适应性是很重要的,在不同的系统上,不同的分辨率下,不同的浏览器上,能够看到不同的效果,因此设计时要统筹考虑。一般我们在800*600下制作网页,最佳浏览效果也是在800*600分辨率下,在其他情况下只要保证基本一致,不出现较大的问题即可。

(作者单位:广东省核工业华南技工学校)

推荐访问:浅谈 如何做好 网页 设计