网页效果图的网页效果图布局原则
1、．大小搭配，相互呼应。较长的文章或标题不要编排在一起，要有一定的距离，同样，较短的文章也不能编排在一起。对待图片的安排也是这样，要互相错开，造成大小之间有一定的间隔，这样可以使页面错落有致，避免重心的偏离。3．图文并茂，相得益彰。文字和图片具有一种相互补充的视觉关系，页面上文字太多，就显得沉闷，缺乏生气。
2、沿中轴水平方向排列的页面可以给人稳定、平静、含蓄的感觉，沿中轴垂直方向排列的页面可以给人以舒畅的感觉。采用这种版式设计的网页比较适合做网站的首页。（5）焦点型描述：焦点型的网页版式通过对浏览者视线人诱导，可以使页面产生强烈的视觉效果，如集聚感或膨胀感等。
3、在对应的框架区域，鼠标右键-页面属性-选择背景颜色-点击确定即可。框架布局插入成功，如果还想加入其他设计布局，只需在相应的框架部位继续插入，修改布局即可。
4、其实说来说去就是颜色搭配问题及图片布局，一般一个网站效果图都只是一个静态的页面而已，要图片格式的话，直接截个图就行了。所以只要知道布局及颜色搭配再就是懂设计技术基本上就可以做一个效果图了。
5、第靠前、无边框设计。无边框设计在近几年比较流行，在设计页面的时候，将页面中的风格线、边框删掉，用间距来代替的一种设计方法。无边框设计一般是以大图为主，图片本来就是一种分割元素。
6、制作布局参考图。如图2 根据布局效果图，新建文件大小1000X765，填充黑色。
如何使用ps和DW制作网页?使用ps和DW制作网页的方法
1、使用photoshop制作网页效果图 创建背景图片：新建一个1920px*400px的文件。使用渐变工具，拉一个从蓝色到白色的渐变，作为网页背景。保存这张图片为GIF格式，作为网页的顶部背景。设计网页效果图：新建一个1000*800的文件，用于设计整个网页的效果图。使用各种PS工具设计网页的布局和内容。
2、使用PS和DW制作网页的方法主要包括以下步骤：使用PS制作网页效果图 创建背景图片：新建一个1920px*400px的文件，用于制作网页的背景图片。制作一个蓝色（#506dbb）到白色的渐变效果，并保存为gif格式。制作网页效果图：新建一个1000*800的文件，用于整体网页效果图的制作。
3、使用Photoshop和Dreamweaver结合制作网页，流程十分简洁。首先，在Photoshop中，运用切片工具将设计好的网页版面进行切割。接着，通过文件菜单中的保存选项，将切片保存为网页格式。这里，记得在保存时选择文件和图像选项，这样便能生成一个基本的网页文件。
4、首先，我们需要学习PS的基本操作。通过学习PS，我们可以掌握如何创建和编辑图像，设计网站界面，制作图标和按钮等。掌握PS的基础操作是制作网页的第一步。其次，我们需要了解DW的操作。DW是一款专业的网页制作软件，它可以帮助我们构建网页的基本结构，实现页面布局，添加链接，设置样式等。
5、小编这里用Photoshop CC和DreamWeaver CS6来做演示。首先我们打开ps软件。请点击输入图片描述 2 然后打开网页设计图，一般都是PSD格式的，小编这里以简单的JPG格式代替了。请点击输入图片描述 3 然后点击左侧工具栏中的“切片”工具，就是那个小刀子形状的。
6、你好！准确地说，PS（Photoshop）是制作网页的其中一个软件。制作网页通常使用“网页三剑客”：Photoshop、dreamweaver（简称DW）和flash。如果你想制作网页，至少需要掌握前两个软件。其中，Photoshop在网页制作中的主要作用是：切片和图片处理。
想知道一个网站的首页效果图制作的基本过程
在图像软件中设计网页效果图，总体可以分为7个步骤：（1）、创建画布，添加辅助线来布局；（2）、绘制结构底图；（3）、添加内容，包括图像和文字；（4）、切片；（5）、优化；（6）、导出；（7）、布局。
网站的整体风格创意设计 网站的层次结构和链接结构 首页的设计 版面布局的窍门 色彩的搭配 其实说来说去就是颜色搭配问题及图片布局，一般一个网站效果图都只是一个静态的页面而已，要图片格式的话，直接截个图就行了。
使用作图软件如windows自带的画图工具或更专业的如Fireworks（Adobe Fireworks，属于网页三剑客之一）来设计你想要的网页效果图。这一步是网页制作的基础，它决定了网页的整体布局和视觉效果。
网站策划（目的、类型、框架结构、内容、需要实现的后台技术功能）。平面设计（按照策划方案设计网站效果图，首页、一级页面、二级页面、文章内容页面）。网站内容资料准备可以同时进行，依据策划的框架及内容准备文字及图片资料。后台建设（实现网站前台展示及管理功能）。上传网站内容资料。
当然还要在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来。 提示和引导用户 软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈，提示用户结果和反馈信息，引导用户进行用户需要的下一步操作。
