食品网站总结

食品网站总结

作者：代富强 撰写日期：2019.6.5
刚接到作业任务的时候我想做的是一个类似于KFC的快餐网站，但是我做到一半的时候又没有任何头绪，想了半天还是没有任何思绪。然后我就果断放弃了这次创作，又开始想新的东西，想了好久，突然看见某个人在做蛋糕网站，随即我也对蛋糕网站产生了兴趣，并有了一系列的想法。
然后二话不说，直接开干，马上上网收集素材。收集工作完成后就正式开始创作。
一开始我打算做粉色调的，因为大多数喜欢吃小蛋糕的都是女生，而女生都有着一颗粉色少女心，但是后来我发现做出来的效果并没有我想象中的那么好。随即我又想出了做橙色调的，这是因为橙色给人的感觉有一种安全、比较开胃，好多食品网站的主色调都是橙色。
先在顶部做个导航栏，然后导航栏左侧加一个网站logo右侧加一个头像。我总共做了有四个板块，分别是 ：店长推荐、热销商品、资深人源、系列推荐。先说第一个板块吧，店长推荐里是每日的优惠商品。里面我做了一个轮播图，用于切换展示蛋糕图片，图片上方会有它的名称，左右两边的切换按钮也是橙色，中间的图形为白色。第二个板块，热销商品里是当月销量最高的四种蛋糕的展示，总共四张图片，每一张图片左边是蛋糕的照片，而右侧则是蛋糕的不同观赏角度的照片以及对蛋糕的简短陈述。第三个板块，资深人源里右边我放了四张甜点师的照片，但是我又感觉四张照片放在一起显得很臃肿。感觉并不是很好看，随即我减去了两张，剩下的两张图片承斜对齐。看着倒是还挺不错，只不过看起来又有点空洞的感觉了。我想了一会，就在素材里找了两张小甜品的图片放了进去，效果还可以，挺好看的。左边呢，我觉得如果放和右边一样的话，就有点太过于枯燥了，想了好久，我打算加一段字进去，一开始我是横排的，觉得并不好看，就在我打算删除这些字的时候，我又一想“斜排可不可以呢”。随即我马上就把字体给向左倾斜，感觉是还不错，不过总觉得少了点什么，我灵机一动，把最后一句给换了个方向，让他朝右倾斜。诶，可以。总体看起来还蛮有意境。第四个板块，系列推荐里是某些系列蛋糕的展示，我做的也是轮播图的形式，不过和第一个不一样，第一个板块的轮博图的按钮在最左右两侧，而第四个板块的按钮在图片的两侧，这样不会觉得页面缺乏设计感。最后每个板块右上方我都会放一个购物车入口，比较方便客户使用。做完这一切，感觉可以收工了，但是还是觉得差了点什么。我想了半天，最后给背景做了一个网格线，这样总体看起来还挺好看。