PS制作官网展示

（作者：陈石军，撰写时间:2019年4月13日）

我是先做了个背景色，这个背景色，我只用了一种颜色，就是红色[fc4545],选用红色为背景色，是为了衬托官网展示的效果，因为官网的主题色也是红色，这样在颜色方面就不会出现不协调。我还做了一些圆角矩形的渐变，用来做装饰效果，渐变选取的颜色为红色和它的邻近色。

蓝色笔圈出来的就是我选取的电脑和手机端做出来的官网展示，我还做了个食物LOGO，在电脑和手机端展示的上方，那是人们能一眼看到的地方，一眼就能看到LOGO，就会知道这是食物类的官网展示。紫色笔圈出来的是官网首页展示的效果图，首页展示的第一部分，我用了三张首页，放在不同的地方，把他们叠加到一起，还做了个投影效果，看上去更加生动。第二部分，我用了首页和手机端叠放在一起。青色笔圈出来的是颜色规范展示，其中有五种颜色，所以我做了五个椭圆来表达所用的颜色的，这五种颜色的高度和间距都是相同的，这些也是排版的一些标准。黄色笔圈出来的是字体规范，在做官网时我所用的字体是什么和字号大小是多少，同样的，字体和字号的间距和高度都是相同的。整个官网的排版，我是采用其中的剧中排版，只是在左右两边加了圆角矩形做装饰效果，还在颜色规范和字体规范之处加了矩形做装饰。这些就是我在做官网排版时的过程和步骤。