一个网站的成功，离不开网页设计的关键步骤：网页效果图设计。

      在网站制作过程中，整个建站流程在策划之后最关键的一步就是效果图的设计，网页效果图的设计直接决定了网站是什么风格，什么形态，什么品位登登，所以，小编有必要把网页效果图设计重点拿出来谈谈！

      在网站设计之前，需要设计出网站效果图，对网站的效果，色彩，布局进行效果图设计，Photoshop是平面设计的标准软件，有着非常强大的位图图像设计 功能，大部分网站效果图都是ps完成的，Photoshop CS2提供了功能强大的平面设计能力，已经成为平面设计技术的事实标准。借助于Photoshop CS2可以设计出精美的网页效果图。使用Photoshop CS2设计网页效果时，对网页所需要的一些效果进行设计。在设计这些网页元素时，需要使用图层、样式、滤镜等工具。一网页图片中的艺术字，可以增强网页内 容的表现效果。Photoshop CS3可以方便地创建出有各种创意的艺术字体。以下以一个个人网站效果图的设计为例简述如何设计网页效果图。给广大客户做一个参考。

      一、在使用Photoshop CS3进行网页效果图设计时，首先需要新建一张图片。新建图片时，需要对图片的大小和背景颜色进行设置。效果图的大小就是网页的大小，大小根据自己或者客 户要求来定，一般宽在900px到1000px之间，而最常用的是宽980px。图片背景颜色的设置就是网页的背景颜色。

     二、因为网页中的内容是按照一定的布局和次序排版的，而在图片中不方便对这些内容进行定位和排列。这时需要使用Photoshop的标尺工具和辅助线。可以借助于标尺工具和辅助线对网页的效果图进行简单的划分。
 
     三、网站的Logo就是网站的一个标志。在设计网页的效果图时，需要设计出网站的Logo，可以导入已经设计好的Logo。添加Logo时，需要注意 Logo图片与网页的效果图风格一致。这也是万广互联一般在进行网页效果图设计前要问客户Logo，并了解Logo代表什么含义，Logo以什么为主色调 的。

     四 、导航条的内容可以是图片或者文字。在设计网页效果图时，需要设计出网页导航条的效果。如果是文字导航条，需要注意文本的颜色与网站的风格一致。
 
     五、网页中的Banner就是网页中的广告。在网页的Logo后面，常常有一个Banner广告条。在设计网效果图时，需要对Banner广告条进行设计。
  
     六、完成了网页的Logo、Banner、导航条的内容以后，就需要设计网页的布局区内容。网页中部布局区是网页的主要内容。在这一区域的设置中，需要在完成网页内容的基础上体现出网页的布局和风格。
 
     七、网站的版权栏包括网站内容的版权声明，网站的各种信息、帮助、联系方式等内容或一些友情链接的内容。网页中一般在版权栏上列出网站详细的联系信息，以使访问用户能方便地与网站联系。

   整个网站首页的设计分以上7步，总之，网页效果图非常重要，在设计时，要特别注重网站设计风格和色彩搭配。制作效果图的步骤基本上是这些，等效果图等客户审核完成后，设计师才会将效果图切片做成html代码的形式。