WEB开发网
开发学院图形图像PhotoShop Photoshop制作具有现代感的博客网站模板 阅读

Photoshop制作具有现代感的博客网站模板

 2009-03-09 19:30:47 来源:WEB开发网   
核心提示: 填充上白色,然后右键点击侧边栏将他的图层样式拷贝走然后粘贴到这个日志区域图层上,Photoshop制作具有现代感的博客网站模板(7),(偷懒的方法一定不要忘记嘎)到这一步基本上框架已经搞定了,下面我们在页面上做一些文本测试来看看我们的颜色和大小有没有问题创建一个导航区域,最后添加写其他页面

填充上白色,然后右键点击侧边栏将他的图层样式拷贝走然后粘贴到这个日志区域图层上。(偷懒的方法一定不要忘记嘎)

Photoshop制作具有现代感的博客网站模板

到这一步基本上框架已经搞定了,下面我们在页面上做一些文本测试来看看我们的颜色和大小有没有问题

Photoshop制作具有现代感的博客网站模板

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

Photoshop制作具有现代感的博客网站模板

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

Photoshop制作具有现代感的博客网站模板

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

Photoshop制作具有现代感的博客网站模板

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

Photoshop制作具有现代感的博客网站模板

最后添加写其他页面原色比如订阅啦等。RSS图标你可以在教程很多地方找到例如

Photoshop制作具有现代感的博客网站模板

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

上一页  2 3 4 5 6 7 

Tags:Photoshop 制作 具有

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接