本文介绍一款iphone手机网站的设计过程,网站首页本身布局不复杂,主要针对设计细节的处理,在许多网页设计中这些技巧都能被运用到,希望可以在学习的途中帮到你您。
来源:图图网
教程最终完成效果图
设计网站前照例先在PS中建立背景图,新建一个1200*1200大小的背景,设置前景色#f3f3f2与背景色#d2d2d2,利用渐变工具中的线条渐变填充背景颜色。设置参照下图
大约完成后顶部渐变梯度在400px左右
为手机网站创建导航条,使用圆角矩形工具,设置如下图
拖出一个圆角矩形条作为导航条背景,由于布局需要,我们的导航条防止网站靠右部分