网页效果图的网页效果图布局原则
．大小搭配，相互呼应。较长的文章或标题不要编排在一起，要有一定的距离 ，同样 ，较短的文章也不能编排在一起 。对待图片的安排也是这样，要互相错开 ，造成大小之间有一定的间隔 ，这样可以使页面错落有致，避免重心的偏离 。3．图文并茂 ，相得益彰。文字和图片具有一种相互补充的视觉关系 ，页面上文字太多，就显得沉闷 ，缺乏生气 。
沿中轴水平方向排列的页面可以给人稳定、平静、含蓄的感觉 ，沿中轴垂直方向排列的页面可以给人以舒畅的感觉 。采用这种版式设计的网页比较适合做网站的首页。（5）焦点型描述：焦点型的网页版式通过对浏览者视线人诱导，可以使页面产生强烈的视觉效果 ，如集聚感或膨胀感等 。
在对应的框架区域 ，鼠标右键-页面属性-选择背景颜色-点击确定即可 。框架布局插入成功，如果还想加入其他设计布局，只需在相应的框架部位继续插入 ，修改布局即可。
用PS做网页效果图时,怎么做才能让图片保存后最清楚?
在使用PS进行网页效果图制作时 ，如何确保保存后的图片清晰度？正确设置分辨率和颜色模式是关键 。分辨率设定与显示屏保持一致，通常选择72或90dpi ，以确保图片在网页上显示的清晰度 。同时 ，颜色模式应设置为RGB，因为大多数网页设计使用此模式。完成设计后 ，保存图片时需牢记 ，选择的格式应支持透明度，如PNG或GIF 。
用PS做网页效果图时 ，要确保图片保存后最清楚 ，可以按照以下步骤操作：设置合适的分辨率：分辨率应设定为与显示屏保持一致，通常选择72dpi或90dpi ，以确保图片在网页上显示时具有足够的清晰度 。
所以 ，根据网页图片使用情况，在文件大小与清晰度之间选择一个平衡点，对须要清晰表现的图片 ，采用低的压缩比 ，而对不需要很清晰的图，则采用很高的压缩比。总之 ，这个没有一定的标准 ，是一个经验与技巧的问题。
PS怎么切图,切网页效果图
〖壹〗 、打开效果图：用PS打开需要切割的网页效果图 。选择切片工具：在PS工具栏中，点击选择【切片工具】 。选取切片：点击鼠标左键并拖动 ，选取需要切割的部分。关闭背景图层（如需透明背景）：如果需要透明背景的切片 ，请关闭【背景图层】 。导出存储为web所用格式：设置好切片后，点击导出【存储为web所用格式】 。
〖贰〗 、选择切片工具：在photoshop左侧面板中找到“切片”工具 ，右击可看到“切片工具 ”和“切片选择工具 ”按钮 ，选择“切片工具”进行后续操作。放大并确定切图范围：使用放大镜工具将需要切的图片部分放大，利用参考线确定切图的大小 ，切图时可以沿参考线进行切割 。
〖叁〗、在Photoshop中进行切图操作 ，可按以下步骤进行：选择切片工具 打开Photoshop软件，在工具栏中找到裁剪工具并长按，弹出隐藏工具选项后选择切片工具 。创建切片区域 选中切片工具后 ，鼠标指针会变为小刀形状。在画布上按住鼠标左键拖动 ，框选需要切分的区域 。
〖肆〗 、打开图片：在Photoshop软件中打开需要切图的网页图片 。例如，若要对一个60px*60px的logo图片进行切图 ，需先将其导入Photoshop工作区。选择工具并设置属性：选择矩形工具（快捷键U） ，在属性面板中将属性设置为形状 。
〖伍〗 、第一步 用PS打开网页效果图PSD文件，根据网页效果图拉出参考线 ，同时为了方便切图可以右键点击把面板的颜色自定成对比鲜明的颜色 。第二步 在PS图层中找出主背景图层 ，如果背景图是渐变的话可以只切出一两像素，后面再代码中设置填充。第三步 隐藏其他图层 ，把背景图切出来。
〖陆〗、填充图案新建一个较大尺寸的图层（如1000×1000像素） ，点击 编辑 填充，在填充窗口的“内容 ”选项中选择 图案 ，并在自定义图案列表中找到刚定义的图案 ，点击确定 。查看效果填充完成后，在新建图层中即可看到图片以平铺形式覆盖整个画布 。
