三、网页视觉效果重新设计
首先我们需要对下载的网页模板进行改造,使用Fireworks将其中的PSD文件打开,把不需要的内容全部删除,然后再自己添加所要的部分。
第一步当然是设计网页的主题文字“爱的纪念页”,将原来的Logo图标用这个主题替换,然后把英文部分用“Love Story”来替换,文字的字体可以自行选择,文字的颜色可以沿用模板Logo文字的颜色以便和网页整体风格协调。在设计页面的时候可以使用一些Fireworks自带的特效,例如在主题文字“爱的纪念页”底部添加一点梦幻的图案(图5)。
图5这些散乱在文字背景的图案,可以先用绘图工具绘制一个圆环图形,然后在属性面板中将笔刷的样式选定为“油墨泼溅”笔刷的大小设定到60左右就可以得到上面的效果了。将网页中原来的一些文字用情人节的语言来替代,如导航条上的“I LOVEYou”之类的文字(图6)。
图6因为整个网站还有几部分内容所以需要一个有链接进入子页面,我们将模板左边部分的链接位置添上子页面的主题文字(图7)。
图7在页面的最下面添加网页版权信息的部分,可以写上“2004年2月14日情人节”的字样(图8)对网站的主题作一个简单说明。
图8主页面做好之后,根据风格再分别改造、设计“爱的音乐”和“电子相册”两个页面。