用Photoshop设计艺术类网站设计
- 时间: 2010-10-27 21:02
- 来源: 思缘设计
- 浏览:
-
手机浏览
扫一扫 手机浏览推荐在WIFI环境下使用
本文制作的网站很有设计感,作为艺术与设计类网站来说,传统的用户体验与网站内容可能并不是首要考虑的内容,而更多得要让整个网站在视觉上跟人以吸引力
先看看效果图:

我们使用950 x 1130px作为网页设计文件尺寸,背景为黑色,用圆角矩形制作白色图形,半径设置为15px

如下图我们完成的形状是用于网站的头部,放Logo与导航文字的地方

现在为其添加图层样式


完成后的头部形状样式如下

加入网站的域名文字与导航按钮文字

我们只在右边加入三个导航文字,为了使它们看上去不单调,我们为每个导航文字前添加发光小图标,先制作一个3px的长线,随后为其添加下面样式,完成后复制三次

完成后如图

用选区工具绘制选区

随后新建图层,填充白色,并设置不透明度为2%
在头部区块下再制作一个白色圆角矩形作为主要内容的导航文字区域

添加样式




完成如图


关注设计帝国公众号
- 上一篇:上一篇:Photoshop制作网页模板中的玻璃按钮
- 下一篇:下一篇:Photoshop设计网站头部导航效果

