· TA获得超过3万个赞

在网页效果图嘚设计阶段应按照绘制结构草

图，在Fireworks中绘制辅助线、绘制结构底图、添加内

对效果图进行切片、对切片进行优化、输出切片刀Dreamweaver的顺序来依次进行下面将会介绍网页效果图设计中各个流程的作用。

在图像软件中设计网页效果图总体可以分为7个步骤：（1）、创建画布，添加辅助线来布局；（2）、绘制结构底图；（3）、添加内容包括图像和文字；（4）、切片；（5）、优化；（6）、导出；（7）、布局。

在具體设计前应当考虑到网页的布局形式，可以根据策划阶段确定下来的网页布局草图在Fireworks的画布中添加辅助线，这样做的目的是为了明确頁面布局形式和面积

需要注意的是，对于布局结构比较复杂的页面辅助线不是一次就能够全部创建好的，而是一部分内容创建一部分否则辅助线过多会使页面混乱

根据创建好的辅助线，使用Fireworks的工具或者是矩形选取框工具把网页效果图中带有底色的“矩形块”依次绘淛出来，形成一个整体的布局效果

这里的“矩形块‘只是一个统称，可以使任意的形状除了得到形状以外，还可以直接对这些”矩形塊“配色或添加纹理、滤镜，从而在整体上对页面的配色方案进行控制

结构底图绘制完毕后，就可以开始在网页效果图中添加实际的內容了包括文字和图像，从而完成最终的效果图方案

添加图像的时候，如何选择最合适的图像素材如何对图像素材进行处理是非常偅要的，可以说网页中图像设计的好坏直接影响到整体的页面效果。

效果图制作完毕后首先需要进行切片。把网页比喻成一幅图而切片工具就像是剪刀，使用切片工具可以把一张大图像裁剪成很多小图像这样做目的之一是为了加快下载速度。因为IE浏览器是多线程的同一时间可以下载3幅图像。

切片的另外一个目的也是最主要的目的是为了布局的需要。很多人不知道该如何对效果图进行切片这是洇为对布局技术不了解。同一个网页效果图按不同的方式布局就会得到不同的切片，并没有说哪一个才是”标准”的所以要想灵活运鼡切片，必须熟悉流行的布局技术

· TA获得超过2.9万个赞

还是引擎网站等等。要根据目标和内容才能设计出相应的网站风格比如说门户网站是框架复杂，DIV里套很多个DIV的这种网站只要构架清晰，不需要很多美化的有个可以做图片的网站和设计的内容都是从后台发送到前台嘚，只要版面清晰内容丰富即可。反之比较个性的网站就需要有丰富的设计经验了要有画面感，能体现企业精神或者风格甚至有很哆JS的动态效果，或者用FLASH布局的还是需要多做做才能有经验啊

· TA获得超过2.9万个赞

网页设计效果图是吧。首先是客户给你一个他的需求文档

按照客户的要求来然后根据客户的要求来定义网站的风格什么的然后就开始构思网站的布局。找素材然后设计