前段时间,在网上看到一份2020年度B站(一个视频网站)的营销方案 PPT,内容很干货,但设计上有点差强人意。
就是这一份:
我作为一位B站的新晋主播,当看完整个方案后,第一时间,就萌发了要对 PPT 方案进行视觉优化的想法。
所以,废话不多,咱就直接来吧。
从内容上来看,这属于一个比较偏向于年轻风格的方案,主打的,还是年轻人的营销策略:
因此,在前期构思设计风格的时候,我想把它呈现做的偏酷一点,偏年轻化,色彩亮丽一点。
修改后的PPT源文件,我也给你准备好了,如有需要可以领取:
在颜色的选择搭配上,我选了黑色背景,外加一些更鲜艳的色彩:
好了,有了大概的思路之后呢,咱们接下来,就进入到逐页的修改。
首先是封面页的设计原稿是这样:
看上去会比较简洁,但有个问题在于,内容的话,视觉上看起来,有一点偏下,而且,年轻的元素,没有很好的体现出来。
所以,在设计呈现上,我们可以考虑,先来找一张年轻人狂欢的背景图片,体现年轻的感觉:
另外呢,对于封面标题的文字,我想了有几种方式。
第1种呢,是采用书法字体的排版,就像这样:
但这种形式,有点太大众了,所以就给放弃了。
另外呢,我还尝试过使用一些放射色块,并且融合一些B站的元素:
但做出来之后,感觉有一点老气横秋的感觉,这种设计在零几年的时候去看,还可以,但今天,有点过时了。
因此,后来做了一个黑色的背景的版本,并且对文字,做了字体设计:
到这里呢,页面内容的排版,已经差不多了,但是看上去有一点灰暗。
所以,我就在页面上,插入了一些彩色的色块,作为修饰点缀:
除此之外,我又进一步,直接把标题文字,也变成了彩色:
到这里呢,封面页就算完成了。
接下来是目录页的设计原稿是这样:
整体是延续了封面页的设计风格,没有什么大的问题,但是,也不算很出彩。
那怎么进行修改呢?
依旧是延续上一页封面的黑色背景,但是把图片中,人物部分画面的占比,提高了很多:
这是静态背景图:
这样的好处,就在于可以与上一页,建立切换动画的关联,啥意思呢?等会咱们再来看。
我们可以先把文字,排在这一页的图片上:
到这里呢,页面的版式布局已经完成了,但是,页面上依旧是缺少了一些色彩。
所以,我们可以添加一些彩色渐变的气泡,并且把重点的文字,也变成彩色:
怎么样?是不是好多了?
最后,加上动画效果,使其与封面建立关联,是不是很赞?
然后是内容页设计原稿如下:
这里呢,就是两段文字加一个图表,主要是解释了一个概念。
因为这是一份让人阅读的方案,所以,我们尽量不要对信息做大幅的删减,保留原稿即可。
那对于这样的页面,当我们优化时其实是有两个方向。
首先是添加一张背景图,来体现年轻人的元素:
其次是匹配整体的色彩风格,重点内容和图表变为渐变色:
到这里呢,就可以了,不需要做其他的信息处理。
我也为图表添加了一个动态的效果,各位可以看下:
再接下来是图片排版的页面原稿如下:
对于这样的页面呢,给大家分享一种万能的设计思路,一共分为3个步骤。
首先第1步,对页面进行分栏。
因为这里有5部电影,所以,我们就分为5栏:
其次第2步,把海报图片放大,占满整栏,并且进行图片模糊。
这里,可能要对画面进行裁剪:
最后第3步,把图片和文字内容,放在对应的分栏中心。
形式呢,就像这样:
当然,如果想做的精细一点,其实,可以在海报的底部,再添加一些光效,增加质感:
最后是文字排版页面原稿如下:
这里的排版,其实已经很整齐了,但是,页面的图标类型,其实可以再统一一下。
除此之外,还有一个问题在于,采用这种规整的排版,体现不出『多样化』这一视觉概念。
那该怎么进行修改呢?
既然要体现『多样化』,所以,我们就可以在页面上添加很多的圆形气泡:
这样呢,更能体现『多』这一概念。
对于其中的一些气泡呢,我们可以写上对应的文字,并且添加图标:
这样的话,看起来是不是更有一种多的感觉呢?
以上呢,就是这5页ppt的修改,我们来总体看一下。
这是原稿:
这是修改后:
怎么样?还不错吧?
当然,鉴于篇幅问题,这里,还有一些具体的操作,没有详细去说。
比如像这个渐变气泡,有人好奇是怎么画的吗?
还有像从封面到目录页的动画,是怎么实现的吗?
还有像封面页的文字故障效果,如何一键生成吗?
……
如果你感兴趣,可以关注我的B站账号,上面有这份PPT的制作过程哦,这些技巧我都有详细的讲解哈~
点击关注>>
哔哩哔哩 ( ゜- ゜)つロ 乾杯~ Bilibilispace.bilibili.com
这份修改后B站PPT原文件,我也给你准备好了,如果有需要可以直接领取哈,源文件,可编辑,还有动画,领取方式: