网页效果图设计制作分析

网页效果图设计制作分析

1、网站首页效果图设计

在设计网站首页时,要简洁大方,突出网站名称,吸引浏览者的目光。

2、网站子页效果图设计

各个子页面设计要一致,力求在一致中求变化。使用photoshop设计效果图。在网站建设的页面设计上要突出网页的主题。

3、超级链接设计

鼠标移动到链接的文字上,加以变色以突出内容,从而吸引访问者的目光。

4、超链接效果图变化设计

在photoshop中制作切片,先导出切片图像,更改文字颜色后再重新导出切片图像。

在设计效果图导出时,将文字层隐藏,再到fireworks中设计文字,做好切片后重新导出。

在photoshop中设计两种颜色的效果图,使用fireworks打开其一,制作切片后导出。然后将另一幅图像导入,与源图像对齐,再次导出切片。

5、fireworks效果图设计切片的制作

使用fireworks切片工具进行切片。比如：网页效果图上面是导航区域,中间是标志、广告,下面是主题内容,底部是版权信息。将每个导航图片单独切开,并注意在导航图片下方单独切出一个水平条状图块,用来平铺网页的背景,将图片独切出来,下面的主题造型采用了方框形,可以先切出上方和下方的横条,再单独切出一水平小条来平铺整个区域。

在使用photoshop效果图设计完成后,应先将文字信息隐藏,再存储为相应的jpg格式,这样做文字的背景不容易实现。因此为了便于延伸整个方框,可以设计两边竖条区域时采用统一的纹理。