下面我们就网页设计这个领域做一些专门介绍,这些内容按照原计划应该包含在本书中,由于篇幅所限不得不取消。不过没关系,我们会继续制作相应的教程继续供大家学习。Photoshop和Illustrator都可以制作网页设计稿,但我个人觉得Photoshop在这方面更出色一些,主要是因为图层样式较为丰富,可以很容易地制作出各种流行的效果。因此我都是用它进行网页设计。但是如果需要制作徽标或一些插画风格的人物,就需要Illustrator去完成。而同样的工作让Photoshop去完成就较为吃力。就好比让使刀的选手参加剑术比赛一样,吃力却不讨好。如果网页设计稿是以插画风格为主,如当下流行的一些韩国风格的手绘人物、风景等,那就需要大量使用Illustrator进行绘制。将绘制的结果输入到Photoshop中进行页面整体规划。

在初学阶段,都倾向于使用Photoshop进行设计和图片切割,然后直接输出为html的网页文件,可以直接在浏览器中查看。这种方法的优势很明显,那就是简单易行,不需要你具备网页基础知识就可以完成网页制作。但缺点也很明显,页面结构单一死板,缺乏灵活性,修改时往往牵一发而动全身。对其中一个小部分修改也要整体重新输出一次。因此只适合用来制作单页的,基本不再需要修改的网页。一些单页的设计稿,如海报等,本来就没有多少内容,将来也没有什么机会修改,就可以采取这种方式直接搞定。

在熟练阶段,不再以html的形式,而只是单纯输出各个图片,然后在网页制作软件中,利用网页元素进行重组。在我们教程网站上GoLive基础视频教程中的方法就属于此类。所谓网页元素就是表格、背景、浮动层、CSS样式等。通过这种方式制作出来的网页,就具备灵活的布局,方便修改。并且可以很好地与数据库及编程人员进行工作交接,由他们完成网页中与数据库和脚本相关联的动态部分。

在大师阶段,就不再以Photoshop进行布局设计,完全使用网页制作软件,以网页元素来构建所需要的页面。我们的教程网站就是按照这种方式在GoLive中建立的。这种网页及网站的风格一般都较为简明,专注于内容的传播,没有过多的装饰。此时大家应该是具备非常丰富的网页制作经验,且具备良好的网站策划能力,能判断在整个页面中,哪个栏目重要哪个次要,并在布局上适当分配,较好地引导浏览者。到了这个阶段,就基本与Photoshop无关了,只有在遇到一些需要处理或需要制作的图片时才偶尔使用。

在我们的后续教程体系中,关于网页设计制作的内容就是按照上述的三个阶段进行。一开始并不涉及其他软件,重点讲述Photoshop的使用。虽然名为初学,却是通往更高阶段的必经之路。而在以后Photoshop的比重就会下降,逐渐淡出,重点转向讲述网页制作软件的使用以及整体的策划思维。这样大家就能同时具备平面设计和网站策划两种能力,虽然实际上它们分属不同领域。因为我本人就是以上这样一个过程,所以希望倾我所学将这些经验告诉大家。

感谢大家的坚持,到这里基础教程部分全部完成了。如果是从头到尾看完的读者,你们现在已经具备了非常全面的能力了。今后请尽可能地帮助遇到问题的初学者,不要因为他们的问题过于简单而不加理会。知识要分享才有价值。

马上开始你们自己的大师之路吧!祝大家一切顺利!我们后会有期!