Question

想知道一个网站的首页效果图制作的基本过程

本人熟悉PS,DIV+CSS,我现在只想知道网站效果图怎么制作。切图布局，本人没有问题。因为不是平面设计出身，虽然PS用的还行，但是不会设计。希望大家提供一些行之有效的方法，不要假大空的回答。在校学网页设计学得全是软件应用，DIV。从来没有讲过一个效果图从无到有的过程，全是一张图摆在那让你去做。。请真正做美工网站效果图的英雄们讲解一下。
如果有书籍及相关教程提供的话，那再好不过。不过不要再送什么PS、DW、DIV什么的教程。

哎，偌大的江湖，居然没有一个人有耐心的给晚辈讲解一下。

Answer 1

　　在网页效果图的设计阶段，应按照绘制结构草图，在Fireworks中绘制辅助线、绘制结构底图、添加内容、对效果图进行切片、对切片进行优化、输出切片刀Dreamweaver的顺序来依次进行。下面将会介绍网页效果图设计中各个流程的作用。
　　在图像软件中设计网页效果图，总体可以分为7个步骤：（1）、创建画布，添加辅助线来布局；（2）、绘制结构底图；（3）、添加内容，包括图像和文字；（4）、切片；（5）、优化；（6）、导出；（7）、布局。
　　
　　1、创建辅助线
　　在具体设计前，应当考虑到网页的布局形式，可以根据策划阶段确定下来的网页布局草图，在Fireworks的画布中添加辅助线，这样做的目的是为了明确页面布局形式和面积。
　　需要注意的是，对于布局结构比较复杂的页面，辅助线不是一次就能够全部创建好的，而是一部分内容创建一部分否则辅助线过多会使页面混乱。
　　2、绘制结构底图
　　根据创建好的辅助线，使用Fireworks的工具或者是矩形选取框工具，把网页效果图中带有底色的“矩形块”依次绘制出来，形成一个整体的布局效果。
　　这里的“矩形块‘只是一个统称，可以使任意的形状。除了得到形状以外，还可以直接对这些”矩形块“配色，或添加纹理、滤镜，从而在整体上对页面的配色方案进行控制。
　　
　　3、添加内容
　　结构底图绘制完毕后，就可以开始在网页效果图中添加实际的内容了，包括文字和图像，从而完成最终的效果图方案。
　　添加图像的时候，如何选择最合适的图像素材，如何对图像素材进行处理是非常重要的，可以说网页中图像设计的好坏，直接影响到整体的页面效果。
　　
　　4、切片
　　效果图制作完毕后，首先需要进行切片。把网页比喻成一幅图，而切片工具就像是剪刀，使用切片工具可以把一张大图像裁剪成很多小图像。这样做目的之一是为了加快下载速度。因为IE浏览器是多线程的，同一时间可以下载3幅图像。
　　切片的另外一个目的，也是最主要的目的是为了布局的需要。很多人不知道该如何对效果图进行切片，这是因为对布局技术不了解。同一个网页效果图，按不同的方式布局就会得到不同的切片，并没有说哪一个才是”标准”的，所以要想灵活运用切片，必须熟悉流行的布局技术。

Answer 2

网页设计效果图是吧。首先是客户给你一个他的需求文档 按照客户的要求来然后根据客户的要求来定义网站的风格什么的。然后就开始构思网站的布局。找素材然后设计。

Answer 3

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

追问

一人效果图大概用多长时间来做呢。

追答

找找素材，确定风格，想想整体构架，着手PS里画出设计图，略微修改，应该一天可以吧

Answer 4

要如何才能更了解呢