垃圾分类现状如何?我用这份PPT改稿告诉你!


大家好,我是小七!
今天给大家带来一篇垃圾分类主题的改稿,先看下原稿

这是美化之后的样子

一:寻找灵感,确定风格
首先确定设计风格,当我们没有设计思路时,可以去相关的设计网站找找灵感,国内的网站一般可以去花瓣或者站酷逛一下。经过在花瓣网的一番搜寻,我看到了下面一张图,突然有了灵感,就是它了!

二:页面改稿
1、封面页
浏览下封面页的内容

版式可以参考灵感图,居中排版即可。

接下来制作背景,在摄图网找到了一张不错的图片,处理一下可以直接用来当作背景。

图片的上半部分有大片留白,色彩不杂乱,干扰元素少,正好可以用来放文字。经过剪裁+蒙版,对图片进行处理之后,得到了如下一张背景。

借鉴灵感图的配色与字体,给文字加上描边和阴影,增加质感。

但现在页面整体看上去还是有一点空,怎么办呢?可以再加上一些树叶和云朵素材,丰富页面视觉效果。

封面页就搞定啦!
2、三段内容页
先看下原稿

内容页可以沿用封面的风格,继续用天空作为背景;

用色块来装载文字内容;

加上图片,填补色块下方的空白。这里的图片经过了两次处理,首先用了Okplus的图片半透明功能处理了图片,让图片与色块及背景进行更好的融合。其次把图片的对比度拉到最低,进行黑白处理,与垃圾分类存在的负面现状相呼应。

最后加上元素装饰页面。

这一页也搞定了!
3、两段内容页
来看下原稿

这一页根据“检索”这个关键词,我想到了网页的搜索栏,想着是否能够以搜索栏的形式呈现呢?没错,灵感来源就是下面这张图。

于是便产生了这样一张页面

接着可以把右下角的大树抠出来,遮挡色块,显得更有层次感。

最后再加上亿点点装饰元素,就完成啦!

4、多段内容页
看下原稿

这一页可以改变下排版方式,使用环绕型排版。大家对于多点内容的排版,假如没有啥灵感,那么环绕型排版是一个不错的选择,先简单排列一下。

为五段内容总结下小标题,让观众能快速抓住内容重点。

加上图标和相关元素

这一页完成!
这就是此次改稿的内容,希望大家喜欢!

原创:小七
编辑:大大