b+树阶怎么确定_我为B站做了一份PPT!同事:还能这么高级!

65ec379dda0fd96b53da5b8e4e768bc1.png

前段时间,在网上看到一份2020年度B站(一个视频网站)的营销方案 PPT,内容很干货,但设计上有点差强人意。

就是这一份:

8891d0aad1bca4a83dde9f42fd443212.png

我作为一位B站的新晋主播,当看完整个方案后,第一时间,就萌发了要对 PPT 方案进行视觉优化的想法。

所以,废话不多,咱就直接来吧。

从内容上来看,这属于一个比较偏向于年轻风格的方案,主打的,还是年轻人的营销策略:

c133f27478cca1e54d488c2d08783c41.png

因此,在前期构思设计风格的时候,我想把它呈现做的偏酷一点,偏年轻化,色彩亮丽一点。

修改后的PPT源文件,我也给你准备好了,如有需要可以领取:

5399ecba60fa668622b95c09c2b578ef.gif

在颜色的选择搭配上,我选了黑色背景,外加一些更鲜艳的色彩:

1c91c4272b9dec3c0f9fdb2f3fd3d9b5.png

好了,有了大概的思路之后呢,咱们接下来,就进入到逐页的修改。

首先是封面页的设计原稿是这样:

ed28dec8ba72b426da81ff4c105a13f1.png

看上去会比较简洁,但有个问题在于,内容的话,视觉上看起来,有一点偏下,而且,年轻的元素,没有很好的体现出来。

所以,在设计呈现上,我们可以考虑,先来找一张年轻人狂欢的背景图片,体现年轻的感觉:

641ffddb5df75219098a0c12b89aa309.png

另外呢,对于封面标题的文字,我想了有几种方式。

第1种呢,是采用书法字体的排版,就像这样:

197c823ca73e712b4b03fedbc4c8029b.png

但这种形式,有点太大众了,所以就给放弃了。

另外呢,我还尝试过使用一些放射色块,并且融合一些B站的元素:

41ed1c1c240a03b88facf008bfab242a.png

但做出来之后,感觉有一点老气横秋的感觉,这种设计在零几年的时候去看,还可以,但今天,有点过时了。

因此,后来做了一个黑色的背景的版本,并且对文字,做了字体设计:

f69ae9b4c004395eb765dc31aafb042c.png

到这里呢,页面内容的排版,已经差不多了,但是看上去有一点灰暗。

所以,我就在页面上,插入了一些彩色的色块,作为修饰点缀:

1c30d3f9766581efcac683bac329bb77.png

除此之外,我又进一步,直接把标题文字,也变成了彩色:

7f9a2d98f4e4f85bb513b312de231e04.png

到这里呢,封面页就算完成了。

接下来是目录页的设计原稿是这样:

a8ed1853c175e7649f7875654afabc2c.png

整体是延续了封面页的设计风格,没有什么大的问题,但是,也不算很出彩。

那怎么进行修改呢?

依旧是延续上一页封面的黑色背景,但是把图片中,人物部分画面的占比,提高了很多:

6d7875992ed3721b6eceeb73459c4d65.png

这是静态背景图:

15f2330387d290468129d086a3220436.png

这样的好处,就在于可以与上一页,建立切换动画的关联,啥意思呢?等会咱们再来看。

我们可以先把文字,排在这一页的图片上:

1ef218448c08c524541894c61f32aea9.png

到这里呢,页面的版式布局已经完成了,但是,页面上依旧是缺少了一些色彩。

所以,我们可以添加一些彩色渐变的气泡,并且把重点的文字,也变成彩色:

e3d2621f08c7b1b32c7df0b4edb396c1.png

怎么样?是不是好多了?

最后,加上动画效果,使其与封面建立关联,是不是很赞?

534b6a0f9e70afe04d988f2d585b0497.png

然后是内容页设计原稿如下:

7298e94d0384b53492c60325a30bfd8a.png

这里呢,就是两段文字加一个图表,主要是解释了一个概念。

因为这是一份让人阅读的方案,所以,我们尽量不要对信息做大幅的删减,保留原稿即可。

那对于这样的页面,当我们优化时其实是有两个方向。

首先是添加一张背景图,来体现年轻人的元素:

7f8a3f0f5cbb85844db74623d054fb10.png

其次是匹配整体的色彩风格,重点内容和图表变为渐变色:

24dc51964da3db53afbf102161fcebba.png

到这里呢,就可以了,不需要做其他的信息处理。

我也为图表添加了一个动态的效果,各位可以看下:

d1aba870f25552045f789308f683df7a.png

再接下来是图片排版的页面原稿如下:

da08b9defd858a2f8a1d3de544b5d78d.png

对于这样的页面呢,给大家分享一种万能的设计思路,一共分为3个步骤。

首先第1步,对页面进行分栏。

因为这里有5部电影,所以,我们就分为5栏:

337e942232ee6a9ec137ad19631a45ff.png

其次第2步,把海报图片放大,占满整栏,并且进行图片模糊。

cead414b3932efba3ac8887da8241068.png

这里,可能要对画面进行裁剪:

75af4b648bfbd83cf39cfc26fbae7f1e.png

最后第3步,把图片和文字内容,放在对应的分栏中心。

形式呢,就像这样:

d60e632750c50f55979a6d4036e919cf.png

当然,如果想做的精细一点,其实,可以在海报的底部,再添加一些光效,增加质感:

2d1c742cae19553fe9bdf9fdfb3d7d45.png

最后是文字排版页面原稿如下:

ae9b2921030d92c4ef87ae38cf656b3b.png

这里的排版,其实已经很整齐了,但是,页面的图标类型,其实可以再统一一下。

除此之外,还有一个问题在于,采用这种规整的排版,体现不出『多样化』这一视觉概念。

那该怎么进行修改呢?

既然要体现『多样化』,所以,我们就可以在页面上添加很多的圆形气泡:

90c4301a74f5e5f9013dad60c77eca40.png

这样呢,更能体现『多』这一概念。

对于其中的一些气泡呢,我们可以写上对应的文字,并且添加图标:

ef60d50196470bfc5af518f6ad28cf2e.png

这样的话,看起来是不是更有一种多的感觉呢?

以上呢,就是这5页ppt的修改,我们来总体看一下。

这是原稿:

c133f27478cca1e54d488c2d08783c41.png

这是修改后:

64d3f070000cc2fdd6c704ece3ee90a9.png

怎么样?还不错吧?

当然,鉴于篇幅问题,这里,还有一些具体的操作,没有详细去说。

比如像这个渐变气泡,有人好奇是怎么画的吗?

ef60d50196470bfc5af518f6ad28cf2e.png

还有像从封面到目录页的动画,是怎么实现的吗?

534b6a0f9e70afe04d988f2d585b0497.png

还有像封面页的文字故障效果,如何一键生成吗?

1c30d3f9766581efcac683bac329bb77.png

……

如果你感兴趣,可以关注我的B站账号,上面有这份PPT的制作过程哦,这些技巧我都有详细的讲解哈~

点击关注>>

哔哩哔哩 ( ゜- ゜)つロ 乾杯~ Bilibili​space.bilibili.com


这份修改后B站PPT原文件,我也给你准备好了,如果有需要可以直接领取哈,源文件,可编辑,还有动画,领取方式:

5399ecba60fa668622b95c09c2b578ef.gif
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值