网页美工-难得国外有这样好的教程

 

　　第一步：下载960网格模板

　　我一直以来做的设计几乎全部是基于960网格模板的。 因此在我们开始创作之前，先下载这个模板。 你能在960.gs上找到这些模板。 下载之后解压zip里面关于PSD的模板。 你会发现有两种规格： 一个是12栏式的而另一个是16栏式的。 他们的区别就像名字所说的，一个是按12栏分布一个按16栏。 更详细的介绍一下吧， 如果你的设计里面分3个区块你就选择12栏式的，那是因为12能被3整除; 同理假如你的设计分四个区块， 你可以选12栏式或者16栏式，那时因为12和16都可以被4整除。 你会发现这个技巧将用于下面教程。

　　第二步：构造你想象的结构

在我们打开PSD网格模板创作前， 我们首先需要先构造一下想象中的结构。 从上面的这张图，你可以看出来：因为在一个排版中又有排版，所以这是一个有点复杂的结构。