4.添加页眉

我们习惯于自上而下的设计。选择矩形选择工具，绘制一个横贯整个画布宽度的矩形选区，高度120px。打开标尺工具能保证绘制的准确度，120px高刚好占到5个垂直方向的栅格，然后填充深灰色（#2C2C2C）。这个页眉主要用于放置logo和导航栏。

5.插入你的logo

在页眉的左上方插入logo，对齐到第二列栅格，这样就给了网站40px的内边距。本项目Logo字体我采用50pt Century Gothic，填充亮蓝色（#ADC7D9），通过对文字“grid”加粗、填充白色来跟前面的文字“blue”区分。接下来给Logo添加内阴影效果，降低内阴影不透明度到25%，距离：2px、大小：5px。

6.添加导航

导航栏我们采用以文字为主的列表形式，这样可以营造干净整洁的视觉效果。选择18pt Arial写入导航栏文字，“Home”使用白色，其他文字都使用亮灰色（#BBBBBB）。调整页眉所有的元素垂直居中对齐。

出处：活力盒子
责任编辑：bluehearts

上一页 使用960栅格系统设计简洁网站 [3] 下一页 使用960栅格系统设计简洁网站 [5]

◎进入论坛Photoshop、Fireworks版块参加讨论，我还想发表评论。