(作者:陈石军,撰写时间:2019年6月3日)
下图是我设计的食物官网模版,一开始没有什么灵感,根本不知道如何设计食物官网,后面我就去找优秀的食物官网进行浏览,我浏览了很多不同风格的优秀官网,我总共用了一天多的时间去浏览别人设计的优秀官网,到了第二天时,我忽然就有灵感了,然后,我根据浏览过的官网结合我想要的风格,我就把自己的食物官网模版设计出来了,如下图所示。
模版已经设计好了,接下来就是把需要的内容放进来,第一步是把顶部栏的内容填好,顶部栏里需要有logo、搜索框、登录还有导航栏的一些相关信息等,第二步把底部栏的相关内容填好,最后一步就是中间的主要内容了,如下图所示。这就是食物官网的第一版,这个官网并没有完成,因为还有一些不足之处,所以需要我们去改版,不要以为改过的官网就不是一个好官网了,没有多少官网是一步设计出来就成为一个优秀的官网,大多数官网设计出来多多少少都是改过的,改版是为了把一些细节优化,我们可以通过改版把一个差的官网改变成一个优秀官网,这也是改版的重要所在,当然你能把刚设计出来的官网为优秀官网那就更好,要是不能,我们还能通过改版把它变成优秀官网。
下面这张图为最终的食物官网,通过观察能够发现改版后的官网与第一次做出的官网有很大的区别,这些区别在字体、颜色搭配、图片清晰度等方面,这些都是第一版的不足之处,而改版后的官网都把这些细节优化了,通过对比两张官网图能够发现,改版后的官网在字体方面不会有太大的差异,颜色搭配也用的很好,图片运用的也很合适,不会像第一版用的图片那样偏离主题,另外图片的清晰度也解决了,还有底部栏的排版也调整到合适的位置了,改版后的官网不但把第一版官网留下的问题解决好了,还加了树叶和披萨做了一些装饰,还有就是做了交互效果,这些都是改版后的效果,改版过的官网不但比第一版的官网好看,而且内容也更加全面,这就是我经过数次改版后的回报,这也是我前面提到改版的好处所在,这些就是我做食物官网的设计步骤,如下图所示。