食品网站设计

完成时间：2019年4月2日
作者：林政鸿

在设计食品网站的时候中有大三特点第一是排版第二是颜色还有人性化的打造，在设计排版的时候我浏览过很多的网站其中包括百草味，淘宝，天猫，苏宁类似于这些的大型网站和一些颜色比较吸引人的一些网站。
第一步排版，在排版设计中我选择了一种比较类似于紧凑型的一种排版，选择这种排版的原因是因为可以做到在尽量在最小的页面里可以看到更多的内容和信息，而且排版放置的图片也要做到恰当首先来看一下我的排版的大概方式。如图

这个排版有着是大内容区分别是海报大图然后就是优惠券的放置区然后就是新品推荐的一个版块，到了底部就是内容区了在内容区的设计中就比较接近地气了方格状的排版国际化的标准设计。
接下来就是颜色的选择在颜色的选择中我也找了一下网站最终选择了类似于百草味官网的粉色，因为我做的是商品网站，就是因为是商品网站所以才要做到颜色要吸引人还有要整个网站的颜色做到统一所以在这个网页设计的时候选择粉色的原因是因为可以吸引人的眼光然后就是网网页是色彩统一最后就是客户的类型，根据大数据的统计浏览商品网站的人大多数是90后00后的女性（纯属瞎扯），所以我专门定制了个已粉色为主题色的一个网站。
在精品推荐这个内容区里我选择了一种类似于排行榜的方式来进行排版首先就来看一下原图。

整体的颜色用了个粉色调在左边的这个文字区域里仔细看可以看到一条条细线这些细线正好起到了点缀的一个作用在右上角摆着一个查看更多的一个图标，标题的摆放也是用着一个居中的一个摆放方式如果是靠在左边或者是靠在右边的话拿就会显得整个标题栏非常的空所以我才把标题放在中间并且用了两条线给包了起来样整个字体更为突出。
到了中间的图2的部分为了不样整个页面显得太空旷张图里可以放一些海报图或者是一些促销活动动的一些宣传图片,因为这样放图片第一可以起到了宣传作用第二可以样整个页面不会显得过于空旷，这张图片正好起到了作用的作用。
最后就是内容区的部分了，在内容区设计的时候我也想过用横排的方式来进行排版当我排版好之后缩小一看横排的排版方式和这个页面相当不搭在进行了多次的排版和参考各大网站最后我选择了方格的排版。如图

选择方格排版的好处是第一页面搭配完美，第二利用最小的页面放置更多的内容样用户有更多的选择。
在最后我想跟我一样学设计的个位同学说一句。