正在阅读：Photoshop实例教程:设计博客界面Photoshop实例教程:设计博客界面

　　29、创建一个导航区域，注意要有渐变，做法参照头部的方法。输入导航文字。

图30

　　30、随便扒拉一篇你要发布的日志复制过来，调整颜色和大小和行间距。标题是相当重要的元素所以必须要粗点颜色要醒目点。一些作者信息例如时间日期等到时不重要的，所以他们可以小一点颜色浅一点。

图31

　　31、在内容区域底部画一个浅色矩形。

图32

　　32、用一些看起来很棒而且免费的按钮来设置一些函数，添加一些次级信息例如留言数，继续阅读等。这些信息对访客来讲还是很有用的所以将他们另外隔开放到另一个地方来。

图33

　　33、最后添加写其他页面原色比如订阅啦等。RSS图标你可以在教程很多地方找到例如a tutorial和free icon set。（国内的站酷不错）。

图34

　　34、最后，一个华丽丽拥有良好的页面信息和清楚的框架结构的博客界面设计就这样的出来了。下文我们会讲解如何将这个设计稿转化为真正的网页。

图35

　　下一节： Photoshop把PSD网站模板切图为XHTML+CSS的网页（点击查看）