一.前言
现今的网络热潮风头正劲,几乎每天都有大量的网页掠过人们的眼帘。当然,只有那些有特色的网页能钩住网民的眼睛,这样网站的点击数当然就大增了,而有大量的网站访问者寥寥无几,引不起网民兴趣,查其原因站点内容是否丰富是一个,而网站策划和网页是否精美也是重要的原因。
网络时代,人本身的因素是相当重要的,只有拥有设计方面一定的审美知识,才有机会做好网页,而其实技术上的东西并不是最重要。毕竟技术的发展是使每个使用者使用更加的方便,发展的趋势是让软件成为“傻瓜型”。终极目标就是用鼠标一点就能够使所有的网页完成。所以,我们应该培养自己的审美修养才是最重要的。真正体现在具体网页的布局上,网页的设计呈现出多样化的趋势。但是万变不离其宗,认真的分析一下,就可以得到有用的东西,在我们应用的时候作为参考。
不知你以前是否学过页面排版,对页面文字、图象、色彩的表达方式做过研究,不管怎样,制作网页就应该了解一些版面设计的知识。
关于网页排版布局方面的必要的知识,很多初学者都忽视这方面,以为技术就能代表一切,能够知道怎么用软件就能够做出质量较高的网页来。其实软件只是一种工具,就像你有笔,但不一定能作出好的文章来一样。很多技术型的人做出的网站,都比较死板。内容一大堆,却不管页面效果。或者通常是照搬人家的设计,并没有体现他们本身所具备的高水平的网络知识。
版面设计是整个网站构思过程中最重要的一部分,因为好的版面设计不但会给浏览者留下好的第一印象,而且还会带来一个好的心境。所谓好的心境,是指你的网站希望给浏览者带来的心情。如果你做的是娱乐站点,那么你的版面设计应该明快、亮丽,让浏览者一进入你的网站,就能产生很愉快的心情,带着这种愉快的心情去浏览你的网站,与你与他都会起到事半功倍的作用。同样,如果你做的是一个历史文化站点,那么你的版面设计应该古朴、大方,如果是一个军事、政治站点,版面设计应该凝重、整齐,如果是一个女生站点,那么就需要体现出小女生味的版面设计了。反之,你的版面设计乱七八糟,人家一进你的网站心里就烦了,脾气急一点的,还没看内容就走了,脾气好一点的,带着乱七八糟的心情看你的网站,效果也可想而知了。
二.概念
网站设计可以说是一门实用设计艺术,它既包含了平面设计中的设计法则,如文字排版,图片制作等。也包含网页制作的其他要素:三维立体设计,静态无声图文,动态有声影像,智能交互效果的实现等。
版面指的是浏览器看到的完整的一个页面(可以包含框架和层)。因为每个人的显示器分辨率不同,同一个页面的大小可能出现640*480像素,800*600像素,1024*768像素等不同尺寸。布局,就是以最适合浏览的方式将图片和文字排放在页面的不同位置。
版面设计就是组版元素在版面上的计划和安排。优秀的版面设计,都表现出其各构成因素间和谐的比例关系。达·芬奇说:“美感完全建立在各部分之间神圣的比例关系上”,可见,比例法则是实现形式美感的重要基础。
从事网站版面设计,必须首先从版面结构入手,从整体布局做起。而形成版式结构基本条件,是正文、标题、图片质和量的关系,文体的变化,文字量的合理搭配,图片的恰当配备,其他特殊效果的位置……等等。
虽然网页设计拥有传统的媒体的不具有的优势,例如是能够声音、图片、文字、动画相结合,营造一个富有生气的独特世界,同时它拥有极强交互性,使使用者能够参与其中,同设计者相交流。但是最基本的模式还是平面设计的内容,所以平面设计就要考虑形式美的内容,其中网页的排版布局就属于形式的内容,那什么形式呢?
中国古典建筑形式就称为“法式”。“形”是自然的,“式”是人为的。“形式”是将自然形态经过人为改造而称为一种新的美的形式。自然形态只有通过人的改造,才能起更大的作用,由于这个原因,就形成了今天的审美形态,形象是客观的,形式则是依据客观的规律进行主观的创造。如果没有主观的创造,就没有艺术,也不可能有今天的一切,当然对于实际的网页制作来说,这也是最基本的,就是主观的创造,因为这是一个网页的灵魂,假如没有自己的主观创造,就只能拾人牙慧,重复别人丢掉不用的东西,是毫无意义的。所以现在强调网页设计的创造,表现在对页面的布局上,具体说就是体现在页面的形式美方面。就是通过页面的合理安排,例如文字的条理清楚、流畅、整体,使形式美得到体现。
三.构思
首先我们在制作一个网页之前,应该先进行构思。新建页面就象一张白纸,没有任何表格,框架和约定俗成的东西,你可以尽可能的发挥你的想象力,将你想到的“景象”画上去,建议用一张白纸和一支铅笔将初步的设想画在纸上,当然用作图软件photoshop等也可以,免得在做了一半时发现页面不和谐而重做。这属于创造阶段,不讲究细腻工整,不必考虑细节功能,只以粗陋的线条勾画出创意的轮廓即可。尽可能多画几张,最后选定一个满意的作为继续创作的脚本。
第一步先明确页面主题,以goEway.com为例。网站标题叫做“上网指南”,那么就考虑是否有合适的图片来衬托主题,如果有现成的图片就ok了,没有的话,就根据情况来决定是否自己做一幅,但不管怎样,标题的主色调应先定下来,这对后面几步的版面影响很大。
第二步明确页面上要链接的目录,如goEway.com共有“新手上网指南、高手上网指南、享受上网乐趣、网页制作指南、实用建站指南、软件下载”等六个主链接目录,那么要将他们放在较显眼的位置,根据页面风格的不同可以放在顶部、左边、右边、中部等较明显的位置,主链接可以做成小图标的形式,但注意图片不能太大、也不能过分枪眼[一般情况下不比标题或主图的色彩重]。再明确次链接目录:频道精选、每日一问、昔日专题等三个次目录,就放在比主链接次一些的位置,图片大小和用色不能超过主链接。
第三步是指定主图,所谓主图,就是放一幅较能反映页面主题思想的图片,他的大小可适当超过页面上的其他图片,颜色不加限制,而且位置应尽量突出在前面抢眼处。
以上三步确定下来后,页面的基本风格就出现了,我们在根据情况进行调整,或者看是否加上背景,主要考虑主图是否需要背景。
第四步是决定加入引导文。