织梦CMS - 轻松建站从此开始!

我的网站

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

时间:2010-10-27 21:02来源:网络 作者:未知 点击:
在虚构的环境里设计一个完整的网站风格.首先要确定初始的网页布局,然后再加入网页的元素.目的是为了创建一个有现代化感,清爽的网页布局编码做准备.

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

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

<a href='/design/photoshop/' target='_blank'><u>Photoshop</u></a>设计苹果系统风格的网页模板

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

<a href='/design/photoshop/' target='_blank'><u>Photoshop</u></a>设计苹果系统风格的网页模板

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

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

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

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

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

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

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

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

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

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

(责任编辑:RGB)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容