在网站整体规划完成之后，就可以收集网页设计需要的素材了。丰富的素材不仅能够让设计师更轻松地完成网站的设计，还能极大地节约设计成本。在网页设计中，收集素材主要包括两种，一种为文本素材，一种为图片素材，具体介绍如下。

　　1.文本素材

　　设计师可以从书刊、网络上收集需要的文本，然后将这些文本加工、整理，制作成Word文档保存。需要注意的是，在使用搜集的文本素材时要去伪存真、去粗取精，加工成自己的素材，避免版权纠纷。

　　2.图片素材

　　只有文字内容的网站对予访问者来说是枯燥无味的，因此在网页设计中，往往会加人一些图片素材，使页面的内容更加充实，更具有可读性。设计师可以从网上的一些图片素材库获取图片(例如千图网、站酷、百度图片等)或者自己拍摄一些图片作为素材。同时在使用图片素材时也需要注意版权问题。值得一提的是，在收集素材时，为了将素材类别划分清楚，一般都会将其存放在相应的文件夹中。例如，文本素材通常存放在名为text的文件夹中，图片素材通常存放在名为images的文件夹中

　　设计网页效果图

　　设计网页效果图就是根据设计需求，对收集的素材进行排版和美化，给用户提供一个布局合理、视觉效果突出的界面。在设计网页效果图时，设计师应该根据网站的内容确定网站的风格、色彩以及表现形式等要素，完成页面的设计部分。在设计效果图时往往要遵循一些相应的规范。

　　适配主流屏幕分辨率

　　屏幕分辨率是指屏幕显示的分辨率，通常以水平和垂直像素来衡量。在设计网页时，页面的宽度尽量不要超过屏幕的分辨率，否则页面将不能完全显示(响应式布局页面除。例如，图2-25所示的某网站页面，在较小的屏幕分辨率下就不能完全显示。

　　设计师在设计网站时应尽量适配主流的屏幕分辨率。当下比较流行的屏幕分辨率包括1024x768px、1366x768px、1440x900px和1920x1080px等。

　　2.考虑页面尺寸和版心

　　页面尺寸就是网页的宽度和髙度。版心是指页面的有效使用面积，是主要元素以及内容所在的区域。在设计网页时，页面尺寸宽度一般为1200〜1920px，高度可根据内容调整设定。为了适配不同分辨率的显示器，一般设计版心宽度为l_~1200px。图2-26所示为某甜点网站页面的尺寸和版心。

　　3.页面中特殊元素的设计

　　特殊元素是指网页中包含的非系统默认字体、动态图、视频等。这些元素在制作效果图时都会以静态图片的形式展现。所示即为静态图片化的视频界面。

　　所示的视频界面中，通过视频的截图和播放图标(红框标识位置)组合成静态图片表现视频画面。