形象式主页设计中形象图的设计是关键，曾经在文章中有提过一些相关的制作方式但可能文字不能很好反映具体的制作方法。下面我将设计师设计的一个网站首页演示稿中的形象图进行分解说明，希望对大家有所帮助。

 演示稿中的项目内容是一个关于关于科技数码方面的电子图书馆。在设计形象图的时候可以先提出几个关键字以方便网站风格和元素的把握。

我提炼的关键字是：科技、数码、图书馆、网上查询、欧美、简洁。

关键字中包括了对这个项目的基本设计方向的确定以及风格的大体感觉。在设计元素确定后就可以直接进入设计的环节。

1、确定色调。

色调是由最大面积的色彩所决定，而且色彩本身带有一定感受。如蓝色代表着科技。这里我就选择了蓝色，别外还有一个原因是项目VI中也要求用蓝色。

2、丰富色调

加强色彩的表现力，强化氛围，视觉方面处理得更加有空间感、冷暖的感觉也可以作出来，同时加入一定肌理效果以丰富整体感受。

3、背景中加入图书馆图片

淡淡的图书馆图片可以体现一定的项目特点，同时再进一步丰富背景。

4、背景中加入图片墙素材

图片墙元素的应用是为了加强“图书馆”以及“电子、网络”的的设计需要，同时也为下一步的主题图进行一定铺垫。

5、主题图运用

主题图是点晴之笔，要突出、生动、艺术。同时也要突出整个设计的主题。这里我用一个小女孩用望远镜的图片突出“网络查询”的意思，同时小女孩也给人很亲切的感觉，商业化的感觉会比较谈。

6、标题文字

图片可以抓住人的“眼”，但文字能抓住“心”。最后整体图片的主题思想可通过标题对用户进行明确告知。为了丰富效果，文字可以拆分为主标题及以及副标题、文字描述等。大标题同小标题在大小比例上应拉开差距，强弱要明显。如果大标题文字比较大，一定要加入适当的细节，如体感、质感、材质肌理等的反映，加强网页品质的同时也更加耐看。

6、整理调整修饰

最后对整体形象图的整体感觉、细节等再进一步调整，注意平衡、节奏。这里我感觉右侧比较重，所以在左侧加入了一些图书的素材作为切角处理，远看在色彩上平衡了画面，细看细节更好。另外这时也应该对PSD源文件命名进行整理，方便以后的调整和修改。

这是企业型网站形象图设计制作的一般套路，对有经验的设计师用处不大，对其它有兴趣这方面设计的朋友们可能有所帮助。