WEB开发网
开发学院图形图像PhotoShop Photoshop教程:制作苹果操作界面的网页模板 阅读

Photoshop教程:制作苹果操作界面的网页模板

 2009-11-12 00:00:00 来源:WEB开发网   
核心提示:从别的网站中寻找灵感,来设计一清爽而又干净的网站布局.这个网站主要的特色是:用横向来分割布局.用颜色丰富的头部来讲解网站的内容;用一友好的欢迎消息来讲解事例;最终在页脚分两列来填充页脚的资料.一好的设计大多来源于在纸上的构想.因此我们要养成在一幅纸上构图.你可用铅笔,来自由的构造一粗稍的布局.规勾出一线框也有助于我们理

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

Photoshop教程:制作苹果操作界面的网页模板

一好的设计大多来源于在纸上的构想.因此我们要养成在一幅纸上构图.你可用铅笔,来自由的构造一粗稍的布局.

Photoshop教程:制作苹果操作界面的网页模板

规勾出一线框也有助于我们理解一网站的层次结构,并可深入的理解最佳设计的地方.

Photoshop教程:制作苹果操作界面的网页模板

1.在PS中创建一文件,设定见图.在设定网站的尺寸时,看下主流的显示器是多大,如此可让网站的整体设计越加的友好.

Photoshop教程:制作苹果操作界面的网页模板

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

Photoshop教程:制作苹果操作界面的网页模板

1 2 3 4 5  下一页

Tags:Photoshop 教程 制作

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