如上图，这是我们做好的版式图，接下来我们将要放入标志（注意：标志在放入之前，为了设计的需要和尊重客户，已经是使用Illustrator重新勾画一次，点此下载此LOGO）、导航、图片等内容，并且对放进去的内容进行初步调整。放进来以后，通过初步的调整，结果如下：

说明：为了让标志突出，从而凸显品牌，所以在标志的区域用了一块色块，并且色块使用了一定的透明度，中心导航菜单的几个色块也是一样的，有一定的透明度，但色彩不一，目的是想营造设计上的节奏与变化，为了让人不至于太过于感受方框束缚，所以，在底部加入一个版权，以使得页面有向外的张力。

接着，我们为第2个版式置入设计元素和初步的调整。
做好的版式图如下图：

我们按照上次的构思放入设计元素，如下图：

说明：这个版式图放入了标志、图片、广告语、导航菜单等，并且对版式做出了适当的调整，这个设计图目前处于初步调整阶段，下一节将会细化处理，让页面更细腻。页面中背景加入了淡淡的花纹，主体部分用一个渐变的背景，意向是使得页面主体部分与整个网站的背景有所区分，突出主体。主体的背景使用了投影，以使得页面产生层次感。标志下面加一个色块，初步是考虑页面的平衡，在色彩上，广告语使用不同的色彩，产生色彩的变化和节奏，并且从大小、英文搭配一起使用以使得文字广告成为一个组合，更加利于广告语的突出。

昨天，我们已经初步的构思了这个网站的两种创意和设计，那么接下来我们要实现的就是对这两个创意设计的布局的勾画。勾画过程属于比较容易的一个过程，在此不一一列举步骤，主要是使用PS中的色块。具体的要求是，在勾画布局的时候，使用的是黑白灰这几个色彩来勾画，另外，还要给每个模块先用文字做出一定的标明。另外，要注意的是，我们建立的画布大小是1024*768，我们要实现无工具栏的全屏。（我们设计默认采用的分辨率是1024*768）

勾画第一个页面创意布局图如下（点击图片可放大）：

我们把原来的6个主菜单组合为三个

[阅读全文]