前面说了使用Photoshop设计网页的概念,其实就是使用PS软件设计出网页的外观,即制作网页效果图!!
对于制作网页效果图,我们需要认清且注意几点事项。
首先,我们要知道网页是要在显示器里显示给用户看的。所以一般来说我们会给它定一个显示宽度,而这个宽度的数值是根据我们显示器的分辨率来定的,通常我们会给网页的宽度定在1002px(像素)这个值,这个值是怎么来的呢?因为我们常见的显示分辨率为1024px,而网页是在浏览器里显示,要扣除上下滚动条所占宽度,所以最后会得到1002px。也有就是说,如果你把网页设计为宽1002px,那么在1024宽的分辨率显示器下,最大化浏览器时,网页正好布满屏幕,而不致于浏览器度部出现水平滚动条。
不过,我们通常是不会让它完全占满屏幕的,所以你会看到很多网站会让两侧留有空白,这时候,网页的宽度一般是比较灵活,但也常是使用980px,960px或是950px这三种宽度。
对宽度了解后,我们在建立网页效果图文件时,就按自己的想法设置宽度就可以了。至于高度则无所谓,多少可以在以后操作时增减,不影响整体设计。但建立文件时还有一个文件分辨率要设置好,这个数值为72,这个数值由显示设备的特性而定的,一般在显示设备上使用的图像文件都设为此值,方便在不同显示设备里能有统一的显示效果。
接下来,我们还要讲一个字体与字号的问题。
由于网页效果图的设计目的是预先看到网页效果,所以对字体的使用上也要规范,一般中文字体使用宋体与黑体,英文可选Arial,Sans Serif,Tahoma;为什么要选这些字体呢?因为我们使用的操作系统多为Windows操作系统,而这些字体是操作系统自带的,可以保证网页的字体显示一致!(网页里显示什么字体是由网页设计者决定,但能不能显示出该字体则要看网页浏览者的操作系统有没有网页设计者指定的字体,所以标准字体是最好的选择,可以保证显示一致性)
再说字号,通常我们会选择两种字号,12号与14号,选择这两种字号的原因很简单,它们可以显示的最清楚。这里要知道的是,字号无论多大都可以显示,但会有个清晰度的问题,而12号与14号是最佳选择,而你具体使用哪个可以根据自己对网页的设计把握。
最后再说一个关于字体的问题,那就是字体的平滑度,因为操作系统以及网页标准的原因,目前为止只能显示出没有任何平滑度的字体,所以我们在字体的平滑度里要选择无,这样才能保证设计出来的效果图与实际网页效果不出现偏差!
如下图为本站导航部分设计,使用的是12号无平滑宋体:

总之,我们要做的就是保证我们设计的网页效果图是最大限度的展现网页实际效果,同时要保证网页在不同显示设备上的一致性!!
教程由[www.Garden29.com]收集整理