设计网页效果图就是根据设计需求，对收集的素材进行排版和美化，给用户提供一个布局合理、视觉效果突出的界面。在设计网页效果图时，设计师应该根据网站的内容确定网站的风格、色彩以及表现形式等要素，完成页面的设计部分。在设计效果图时往往要遵循一些相应的规范。
1.适配主流屏幕分辨率
屏幕分辨率是指屏幕显示的分辨率，通常以水平和垂直像素来衡量。在设计网页时，页面的宽度尽量不要超过屏幕的分辨率，否则页面将不能完全显示(响应式布局页面除例如，某网站页面，在较小的屏幕分辨率下就不能完全显示。设计师在设计网站时应尽量适配主流的屏幕分辨率。当下比较流行的屏幕分辨率包括1024x768px、1366x768px、1440x900px和1920x1080px等。
2.考虑页面尺寸和版心
页面尺寸就是网页的宽度和髙度。版心是指页面的有效使用面积，是主要元素以及内容所在的区域。在设计网页时，页面尺寸宽度一般为1200〜1920px，高度可根据内容调整设定。为了适配不同分辨率的显示器，一般设计版心宽度为l_~1200px。图2-26所示为某甜点网站页面的尺寸和版心。
3.页面中特殊元素的设计
特殊元素是指网页中包含的非系统默认字体、动态图、视频等。这些元素在制作效果图时都会以静态图片的形式展现。即为静态图片化的视频界面。视频界面中，通过视频的截图和播放图标(红框标识位置)组合成静态图片表现视频画面。
Step1 客户需求：主要是听取客户关于项目的具体要求。
Step2 网站策划：明确网站建设目标，收集客户资料，分析网站类型，确定网站风格。
Step3 绘制效果图：主要分类三个步骤，一是绘制草图;二是利用辅助线等技术绘制整体轮廓;三是进行各区域块的细化。
Step4 客户审核：在效果图设计过程中，一定与客户保持良好的联系，最终达到一致。
Step5 切片、优化导出
Step6 网页技术整合阶段，利用HTML+CSS+JAVASCRIP及相应用的后台编码技术完成整个网站的开发。
