[示例]使用960网格系统设计一个网页模板

在photoshop中学习制作基于960网格系统的网页模板，你将会学到图层效果和定位元素相关知识。 最终效果预览 第一步一般在Photoshop中制作网页模板的时候，我使用960网格系统。现而今这个网格系统在web设计中相当流行。然而我仍然相信网格系统不应该被过度的依赖。我使用960的主要原因是它psd文件中自带的参考线可以大大提高web设计的效率。所以我推荐到这里免费下载960。下载完成后用PS打开一个12行的psd文件（960_grid_12_col.psd），将会看到下面这个文件。第二步如果参考线没有打开，请通过-视图>显示->智能参考线和视图->对齐到->参考线打开，快捷键Ctrl+;。以下你看到的是我已经在图中间画好了一个黑色矩形，接下来所有的元素都将包含在这个矩形中。其实你没有必要画这个矩形，因为背景是白色的，如果你觉得有帮助，不妨画之。第三步新建一个图层，选择渐变工具然后选择如下图白色到黑色的一个渐变效果。画的时候按住shift使渐变线绝对水平。如果效果上有差异，可以多试几次。