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

我的网站

用Photoshop设计艺术类网站设计

时间:2010-10-27 21:02来源:思缘设计 作者:未知 点击:
本文制作的网站很有设计感,作为艺术与设计类网站来说,传统的用户体验与网站内容可能并不是首要考虑的内容,而更多得要让整个网站在视觉上跟人以吸引力.

本文制作的网站很有设计感,作为艺术与设计类网站来说,传统的用户体验与网站内容可能并不是首要考虑的内容,而更多得要让整个网站在视觉上跟人以吸引力

先看看效果图:

<a href='/design/photoshop/' target='_blank'><u>Photoshop</u></a>设计艺术类网站设计过程

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

<a href='/design/photoshop/' target='_blank'><u>Photoshop</u></a>设计艺术类网站设计过程

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

Photoshop设计艺术类网站设计过程

现在为其添加图层样式

Photoshop设计艺术类网站设计过程
Photoshop设计艺术类网站设计过程

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

Photoshop设计艺术类网站设计过程

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

Photoshop设计艺术类网站设计过程

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

Photoshop设计艺术类网站设计过程

完成后如图

Photoshop设计艺术类网站设计过程

用选区工具绘制选区

Photoshop设计艺术类网站设计过程

随后新建图层,填充白色,并设置不透明度为2%

在头部区块下再制作一个白色圆角矩形作为主要内容的导航文字区域

Photoshop设计艺术类网站设计过程

添加样式

Photoshop设计艺术类网站设计过程
Photoshop设计艺术类网站设计过程
Photoshop设计艺术类网站设计过程
Photoshop设计艺术类网站设计过程

完成如图

Photoshop设计艺术类网站设计过程

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