当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop设计简洁的iphone网站首页布局(2)

Photoshop设计简洁的iphone网站首页布局(2)

在导航条里使用#676767颜色做为超链接文字色,首个文字链接用白色即可

Photoshop设计简洁的iphone网站首页布局

之后我们为第一个导航文字增加一个圆角矩形背景图,画一个圆角矩形,按下图添加图层样式,确保整个圆角矩形是放在第一个链接文字图层的下面

Photoshop设计简洁的iphone网站首页布局
Photoshop设计简洁的iphone网站首页布局

创建网站标志Logo,由于这是手机网站模板教程,所以标志不需要具体设计,只要制作出一段文字,加上一些下图中的图层样式即可

Photoshop设计简洁的iphone网站首页布局
Photoshop设计简洁的iphone网站首页布局

完成后的网站标志

Photoshop设计简洁的iphone网站首页布局

接下来制作iphone手机图片

为了让iphone手机感觉更立体,我们扣出图片后为其底部加上椭圆矩形,进行模糊处理,看似一个底座,效果图如下

Photoshop设计简洁的iphone网站首页布局
Photoshop设计简洁的iphone网站首页布局

将tutu001.com上下载的背面iphone图片缩小后与之前的图片进行合成

Photoshop设计简洁的iphone网站首页布局

既然是iphone手机网站,那么我们尽量会用一些与iphone有关的设计素材,比如选用iphone手机菜单图标来装饰网站标题

Photoshop设计简洁的iphone网站首页布局

用PS制作炫目的联系我们按钮
Photoshop设计一个多媒体网站布局教程