愚公分享网页设计全攻略

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

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

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

        二、网页设计的任务

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

        第一,资讯类。这类网站信息多、访问量大,因此要注意页面的分割、结构的合理等问题。

        第二,资讯和形象结合类。这类网站在设计上要求高,既要保证网站的上述要求,同时又要突出企业单位的形象。

        第三,形象类。这类网站对设计者的美工水平要求较高。

        而在分析设计任务日寸,要对不同的网站加以区别,具体情况具体分析。此外,客户的要求也是非常重要的,也属于设计任务。

        三、网页的版面布局

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

        四、网页设计的原则

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

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

        网页设计中色彩的使用并没有一定的法则,如果一定要套用某个法则,效果只会适得其反。我们可根据经验首先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。总之,设计的任务不同,配色方案也随之不同。但考虑到网页的适应性,应尽量选用网页安全色。

        六、网页的优化

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

        表格(table)是页面中的重要元素,是页面排版的主要手段。浏览器在读取网页html原代码时,是读完整个table才将之显示出来的。因此,我们在设计页面表格的时候,应该尽量避免将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要少,这样可以提高网页的下载速度。

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

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

        总之。一个好的网站要层次分明、结构合理,让人看过后能即刻明白其要表达的主题,以及怎样才能以最快的速度找到自己想要的内容。在主要问题解决后,再在一些细节上对其加以润色,就能制作出令人赏心悦目的网站。