如何设计网页 BoxedArt网站设计教程 5

第十三步使用针脚线来分开这些区域

为了分开这些主要的分类，为了创建这些虚线我们可以文字工具角度为90，把这些图层的样式设置为叠加，为了使这些显眼点我们只需复制这个图层2-3次至于颜色多深取决于你自己。

第十四步填充额外的内容

添加剩下的内容就非常简单了，我们只需使用直线工具来分开每个部分，在添加些图标和文字，这里我们用到的是一种干净的字体Helvetica Condensed,。下图就是body部分的整体效果了。

第十五步—底部广告部分

我们已经到了底部放置广告部分了，这里的带状条将会再一次应用起来，使用先前有的图片作为起点，下一步，我们要使用圆角矩形工具，前景色设置为白色半径为5px。接着我们需要在设置一些小的圆角矩形，颜色设置为#f8f7f3边框用深灰。你可以在下图的图层样式中设置边框（就是一种描边效果）。

这就是我们完成后创建的效果

现在让我们来添加标题和广告到每个盒子中，效果如下图：