深入浅出的了解网页设计
2012-03-25 11:10:23

一、网页设计中工具的选用

进行网页设计要有一台计算机及相应制作软件。而一个好的软件就是能满足设计者要求,使用起来得心应手的软件。现在,最常用的网页设计软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、Imageready等。但网页最终的集成一般是在Dreamweaver里完成。

二、网页设计的任务

即设计者要通过网页所表现的主题和使其实现的功能,不同的网站所要完成的任务是不同的。从整体上看,可以将网站分为以下三类:

第一,资讯类。这类网站信息多、访问量大,因此要注意页面的分割、结构的合理等问题。
第二,资讯和形象结合类。这类网站在设计上要求高,既要保证网站的上述要求,同时又要突出企业单位的形象。
第三,形象类。这类网站对设计者的美工水平要求较高。
而在分析设计任务日寸,要对不同的网站加以区别,具体情况具体分析。此外,客户的要求也是非常重要的,也属于设计任务。

三、网页设计的原则

设计是有原则的,无论使用何种手法对画面中的元素进行组合,都一定要遵循五大原则:统一、连贯、分割、对比、和谐。其中,统一是指设计作品的整体性、一致性;连贯是指要注意页面的相互关系,使页面融洽;分割是指将页面分成若干小块,小块之间要有视觉上的不同,这样可以使观者一目了然;对比是指整个页面要凸现矛盾和冲突,使设计更加富有生气;和谐则是指整个页面要符合美的法则,浑然一体,而这是一个网页设计是否成功的关键。

四、网页的版面布局

网页精彩与否的重要因素就是网页的版面布局。而这一部分如站点的规划及草图的绘制可以在纸上完成。网页布局的类型大致可分为“同”字型、拐角型、标题正文型、左右框架型、封面型、Flash型、变化型等。

那么,什么样的布局是最好的?其实这要具体情况具体分析:如果内容较多,那么“国字型”或拐角型较为适当;如果内容适中而一些说明性的东西较多,则可以考虑用标题正文型;如果一个企业想通过网站展示企业形象或某个人主页想展示个人风采,那么封面型和Flash型是首选,但是它却不能表达过多的文字信息……只有灵活运用各种布局类型,才能使网页不断丰富,使其蕴含无穷变化!

五、网页设计中色彩的选用

网页设计中色彩的使用并没有一定的法则,如果一定要套用某个法则,效果只会适得其反。我们可根据经验首先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。如:绿色和金黄、淡白搭配,可以产生优雅、舒适的效果;蓝色和白色混合,能体现柔顺、淡雅、浪漫;红色和黄色、金色的搭配能渲染喜庆的氛围;而金色和粟色的搭配则会给人带来暖意。总之,设计的任务不同,配色方案也随之不同。但考虑到网页的适应性,应尽量选用网页安全色。

六、网页的优化

在网页设计中,字体的优化非常重要。尤其是在资讯类的网站中,由于其信息量较大,所以使用css样式表指定文字的样式是必要的。通常我们将字体指定为宋体,大小指定为12px,颜色要视背景色而定,原则上以能看清且与整个页面搭配和谐为准。另外,尽量不要定义一些大多数用户没有装载的特效字体,这样可以减少在本地运行正常、但在它处浏览却异常的情况发生,降低其对整个网页效果的不良影响。

图片是网页中的重要元素。它的优化是在保证浏览质量的前提下将图片大小降至最低,这样可以成倍地提高网页的下载速度。可以利用Photoshop或Fireworks将图片切成小块,分别进行优化。根据具体情况,输出的格式可以为Gif或Jpeg。

表格(table)是页面中的重要元素,是页面排版的主要手段。浏览器在读取网页html原代码时,是读完整个table才将之显示出来的。因此,我们在设计页面表格的时候,应该尽量避免将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要少,这样可以提高网页的下载速度。此外,网页的适应性是很重要的,在不同的系统上,不同的分辨率下,不同的浏览器上,我们看到的结果也不同,因此设计时要统筹考虑。例如:我们在800×600分辨率下制作网页,最佳浏览效果也是在800×600的分辨率。而在其它情况下只要保证基本一致,不出现较大问题即可。
总之。一个好的网站要层次分明、结构合理,让人看过后能即刻明白其要表达的主题,以及怎样才能以最快的速度找到自己想要的内容。在主要问题解决后,再在一些细节上对其加以润色,就能制作出令人赏心悦目的网站。