食物官网的设计步骤

（作者：陈石军，撰写时间:2019年6月3日）
下图是我设计的食物官网模版，一开始没有什么灵感，根本不知道如何设计食物官网，后面我就去找优秀的食物官网进行浏览，我浏览了很多不同风格的优秀官网，我总共用了一天多的时间去浏览别人设计的优秀官网，到了第二天时，我忽然就有灵感了，然后，我根据浏览过的官网结合我想要的风格，我就把自己的食物官网模版设计出来了，如下图所示。

模版已经设计好了，接下来就是把需要的内容放进来，第一步是把顶部栏的内容填好，顶部栏里需要有logo、搜索框、登录还有导航栏的一些相关信息等，第二步把底部栏的相关内容填好，最后一步就是中间的主要内容了，如下图所示。这就是食物官网的第一版，这个官网并没有完成，因为还有一些不足之处，所以需要我们去改版，不要以为改过的官网就不是一个好官网了，没有多少官网是一步设计出来就成为一个优秀的官网，大多数官网设计出来多多少少都是改过的，改版是为了把一些细节优化，我们可以通过改版把一个差的官网改变成一个优秀官网，这也是改版的重要所在，当然你能把刚设计出来的官网为优秀官网那就更好，要是不能，我们还能通过改版把它变成优秀官网。

下面这张图为最终的食物官网，通过观察能够发现改版后的官网与第一次做出的官网有很大的区别，这些区别在字体、颜色搭配、图片清晰度等方面，这些都是第一版的不足之处，而改版后的官网都把这些细节优化了，通过对比两张官网图能够发现，改版后的官网在字体方面不会有太大的差异，颜色搭配也用的很好，图片运用的也很合适，不会像第一版用的图片那样偏离主题，另外图片的清晰度也解决了，还有底部栏的排版也调整到合适的位置了，改版后的官网不但把第一版官网留下的问题解决好了，还加了树叶和披萨做了一些装饰，还有就是做了交互效果，这些都是改版后的效果，改版过的官网不但比第一版的官网好看，而且内容也更加全面，这就是我经过数次改版后的回报，这也是我前面提到改版的好处所在，这些就是我做食物官网的设计步骤，如下图所示。