食品网页设计步骤

时间:2024-04-11 10:56:49

食品网页设计步骤
下图就是我设计的网页是一个甜品网页,它的主色是以粉色为主色调,因为粉色是一个软滑香甜的口感和美轮美奂的造型受到了很多年轻女性和小孩的喜爱为了抓住消费者的味蕾,所以把这张网页的主色用的是粉色,还有这个甜品网页的风格是以图片为主,为了更加突出它的图片也就是以各种各样甜品图片来吸引用户的眼球。

食品网页设计步骤

下面我就简单的讲解一下它的设计步骤,第一步吧底色调为粉色然后吧logo跟文字摆放好就行,它的登录和注册的字体稍微加粗了一点,最后它的首页字体还加了一个交互还有一根下划线。

食品网页设计步骤

然后下图正是这个甜品网页的banner,这个banner上的图片是直接销售了它的甜品,左边是一个菜单栏先把框架做好后直接把文字摆放好就行,最上面的桂花糕还加了一个交互效果,右边把一张banne放上去就好了。

食品网页设计步骤

然后就是它的内容页,内容页的图片我也是去网上找了很多素材,它的文字是由食品的名称和价格还有加入购物车组成,而加入购物车是一个交互是可以点击的颜色为橙色还加了两个icon,而新闻中心只是放三张图片上去和几段文字上去,最下面也是加上一个查看更多的一个交互底色的颜色是棕色。

食品网页设计步骤

最后是一个底部栏内容由一些相关信息和两个icon组成排版是以居中排版,icon的颜色是一种深灰色。

食品网页设计步骤