用PS制作个人食品网站首页

本文由黄文政分享,介绍了如何使用Photoshop来创建一个以粉色和简约风格为主的食品网站。步骤包括:设置Web格式文档,制作交互式顶部导航栏,添加轮播图,设计内容导航页和背景图,以及创建可点击的功能按钮。最后,通过导出为Web格式进行预览。
摘要由CSDN通过智能技术生成

撰写人:黄文政 创建时间:4月14日
首先,打开PS创建一个Web格式的文档。
在这里插入图片描述
然后把这个食品网站的顶部导航栏做出来。在这个顶部导航栏有一个交互色鼠标移动到导航栏菜单上面会出现一个带桃红色的块。并且这个顶部导航栏上的购物车也是可以点击的。我这个食品网页以粉色调为主。风格为简约风格
在这里插入图片描述
然后在顶部导航栏下面放一张轮播图。在这张轮播图上面有两个按钮可以左右切换轮播图。
放这么大一张轮播图的目的是为了吸引顾客的眼球并且这张轮播图上颜色的饱和度并不是特别的高是为了让顾客感觉更舒适而不是看着很压抑。
在这里插入图片描述
在这张轮播图下面有一个内容导航页的背景图。用这个美食的背景图原因是可以激发顾客的食欲。这个背景图采用了高斯模糊以突出中间的文字内容。
在这里插入图片描述
然后这个内容页的背景我使用了粉色。在这个内容页里面“加入购物车”按钮可以点击。点击之后你的购物车里面就会多一种这个物品。并且这个物品的图片也是可以点击的。点击进去之后会有更加详细的介绍。“更多”这个按钮也是可以点击的,它会弹出另一个界面里面会有很多关于这一类的物品。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值