PS设计教程网欢迎你!

Photoshop设计苹果系统风格的网页模板

文章来源于 ximumu.cn,感谢作者 夕木木 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2009-11-12
在虚构的环境里设计一个完整的网站风格.首先要确定初始的网页布局,然后再加入网页的元素.目的是为了创建一个有现代化感,清爽的网页布局编码做准备.

在虚构的环境里设计一个完整的网站风格.首先要确定初始的网页布局,然后再加入网页的元素.目的是为了创建一个有现代化感,清爽的网页布局编码做准备.

从别的网站中寻找灵感,来设计一个清爽而又干净的网站布局.这个网站主要的特色是:用横向来分割布局.用色彩丰富的头部来介绍网站的内容;用一个友好的欢迎消息来介绍事例;最后在页脚分两列来填充页脚的资料.

Photoshop设计苹果系统风格的网页模板

一个好的设计大多来源于在纸上的构思.所以我们要养成在一张纸上构图.你可以用铅笔,来自由的构造一个粗略的布局.

Photoshop设计苹果系统风格的网页模板

规画出一个线框也有助于我们了解一个网站的层次结构,并可以深入的了解最佳设计的位置.

Photoshop设计苹果系统风格的网页模板

1.在PS中新建一个文件,设置如图.在设置网站的尺寸时,看下主流的显示器是多大,这样可以让网站的整体设计更加的友好.

Photoshop设计苹果系统风格的网页模板

2.在文件中心部分添加辅助线,使其宽度为960px.然后再新建一个基本的网格让项目对准(PS:木木也没有用过网格,知道的请补一下谢谢.)

Photoshop设计苹果系统风格的网页模板

3.新建一个图层来做网页的导航.给其一个宽度,然后填充白色.双击这个图层打开图层样式表,先择颜色渐色为:灰色渐变为白色,点确定.

Photoshop设计苹果系统风格的网页模板

4.新建一个图层来做头部展示的部位.先矩形选区画出给定的宽度,然后填充渐变两个具有活力的颜色.再为其添加个内阴影让它看起来更有深度.

Photoshop设计苹果系统风格的网页模板

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa