快速业务通道

Photoshop绘制整洁简约风格的WordPress网页模板

作者 佚名技术 来源 平面设计 浏览 发布时间 2012-06-02

Slick Minimalist Werb Layout

这此photoshop网页设计教程,我们将学习如何制作一个整洁简约风格的WordPress网页模板.我们将使用到960网格系统作为模板,使网页上的设计元素更加容易对齐.

预览

创作之前先预览我们将完成的作品效果,点击图片放大.

Preview

创建新的psd文件

1我们将会用到960网格系统作为起始模板.下载之后开的文件名为960_grid_12_col.psd的文件并且隐藏名为12_col_grid的组.

Create a new Photoshop document

创建背景

2第一步,在图层面板选择背景图层单击右键重命名,这将会使图层解锁并且可以编辑,在这里我将背景图层命名为bg.

Creating the background

3选择渐变工具,设置前景色为:#efefef,背景色为#cacaca.在选项条选择径向渐变.在画步上拉开一个与此类似的渐变.

Creating the background

设计顶部区域

4拖动一条水平的参考线到50px的位置上作为头部的边界线.这也是网页头部区域位置的标志.

Designing the header section

5加上标题和口号;选择横排文字工具,打上你网站的名字和宣传口号.这里可以可以参考我用到的样式:

“YourName”

  • 字体:Nillandfont(getitfromdafont.com)
  • 字体大小:33pt
  • 字体重量:Bold
  • 反锯齿设置:浑厚
  • 颜色:#525252

“someawesomeslogan”

  • 字体:Arial
  • 字体大小:14pt
  • 字体重量:Regular
  • 反锯齿设置:浑厚
  • 颜色:#207687

6 将字体对齐到左上角.使用你的参考线精准定位.

Designing the header section

创建导航

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号