我为B站做了份独特的PPT,此刻正在发光~(附源文件)

改稿复盘3年前 (2022)更新 常小二
1,973 0 0
我为B站做了份独特的PPT,此刻正在发光~(附源文件)

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

Hello,大家好,见字如面,我是常小二。
今天为大家分享的是关于bilili哔哩哔哩平台的一份作品复盘,说到B站,小二也经常在平台上进行娱乐和学习,不仅资源丰富,对做PPT来说也是灵感的一种来源。

进入正题

以下四页原稿,内容涵盖了封面、目录页、内容页、以及图表页的四种排版,也属于是一份典型的品牌介绍PPT。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

   我为B站做了份独特的PPT,此刻正在发光~(附源文件)

排版前,同样还是老规矩,先去B站的官网去了解B站的风格和solgan。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

通过了解,我们清楚了B站是国内年轻一代人经常浏览的视频网站,同时视频分类也非常丰富。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

关于本期设计思路,其实没有沿用官方的二次元漫画元素,而是另辟蹊径,思考从个人对品牌的理解来对内容进行规划设计,一方面能跳脱出固化的「只能这样做」到全新的视觉「还能这样做」的思路,也就是从自我输入-内化-输出的过程,理解了品牌本身,再用品牌使用者的一种身份去设计作品。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

带着这种目的,根据内容,构思了一个场景草图,想展现的故事情景是:

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

如用一段大白话来描述:一个深夜里,我用电脑浏览着bilili,随着对内容的浏览,屏幕里出现的各路英雄(UP主或是游戏主角)从屏幕里显现出来为bilili平台赋能,让我更加专注其中(指向内容精彩来引导出主题:内容营销报告)。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

根据故事灵感内容,我选择了尔雅新大黑作为标题字,因为字型粗中带柔很适合用在深色系的里,搭配OPPO字体能很好的突出主题内容,色系上考虑用蓝色系,更能迎合场景。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

接下来,我们还是一页一页来拆解过程。

  我为B站做了份独特的PPT,此刻正在发光~(附源文件)

根据封面的文字内容和灵感构思,面对较少文字的封面就可以将内容进行场景化。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

对于素材的参考,平时除了去觅元素、花瓣、摄图,也会去一些国外的网站找灵感,比如:Freepik,上面类型齐全而且非常精致。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

根据灵感构思,通过搜索关键字:科技、未来,找到一张能表达故事的素材:

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

选择这张图是因为内容比较符合我的故事线,包括配色、城市剪影、科技风元素等等。

第一步:首先根据设计规范把文字放进画面里。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

第二步:将文字设置文本效果:转换-梯形,这样不仅与画面保持角度一致还能充实页面。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

第三步:画面中心的星球为原主体元素,根据构思,可以尝试把星球替换为bilili小电视。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)
bilili小电视参数设置:

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

第四步:把发光小电视作为主体元素后,就需要对它进行渲染和辅助,这时就可以把人物素材放进来后在画面左右两侧加上由bilili小电视引出的各路英雄人物或是漫画主角,来强调bilili内容的精彩。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

问题来了,元素因为色系鲜艳与背景主体形成强烈反差,导致主体不明确:

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

第五步:将人物等辅助元素统一更换为与背景同色的暗色系,更能突出主体。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

图片调色:选择图片-格式-颜色-深蓝,OKPlus-图片调色-设置参数

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

最后,加上一个散开的烟雾,浓浓的神秘氛围感就出来啦。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

   我为B站做了份独特的PPT,此刻正在发光~(附源文件)

目录页属于PPT中重要的页面之一,整份PPT讲哪些版块,基本框架都会在这页出现。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

第一步:首先将目录页内容替换为设计规范中的字体,并对齐排版。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

第二步:根据封面灵感进行延伸,通过梯形形状的引导与背景图的融合,来制造出一个“节目快要开始了,赶紧奔赴现场”的场景。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

第三步:在目录的中心,加上bilili小电视聚焦画面中心,与梯形形状呼应。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

第四步:最后画面下半部分的留白,刚好有空间留给我们的“各路英雄”,被电视的神秘光芒吸引前来,走向目录。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

利用元素和场景之间的配合,通过景深布局,将目录作为亮点来聚焦内容。
我为B站做了份独特的PPT,此刻正在发光~(附源文件)

内容页常见的,有一段、二段、三段、多段内容的,考虑到内容是关于平台简介介绍,一方面需要对内容版块做信息规整,另一方面需要做风格延伸。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

第一步:将文字内容梳理出来,考虑风格延续性和一致阅读性,对内容进行居中排版。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

第二步:以bilili的一张代表图片作为背景,在上面叠加一层渐变形状,从而突出内容。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

由于展示形式太过常规和单调,我的想法是通过第一人称视角去介绍这个页面,就是信息不是单纯的放在页面上,而是通过第一人称视角去传达内容:

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

第三步:有了上面的灵感,就通过以容器(ipad)的形式带出bilili的内容。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

第四步:为了让图文更加生动,用任意多边形:曲线勾画了一个流线感的形状来替换矩形,从而连接上ipad,营造出既视感。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

第五步:弥补画面下半部分的左右空白,左右两边分别加了2个渐变矩形框,目的为了补足空白,另一方面让面画饱满有层次。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

最后一个页面,也属于PPT里基本必备的一个页面,那就是图表页的设计。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

本次图表页没有做很大的变动,只是同样沿用了风格,对图表里的图标色系做了更改,进而突出数据内容。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

为了区分数据版块,最后分别叠加了2个透明矩形框,简单明了。

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

以下为四个页面的最终设计图:

我为B站做了份独特的PPT,此刻正在发光~(附源文件)

源文件领取

在公众号后台回复  哔哩

即可获得本案例源文件。

今天的内容就分享到这里。

如果文章对您有帮助

非常希望得到您的 「 在看 」 与  分享 

下期再见

——
公众号:常小二PPT
原文链接:我为B站做了份独特的PPT,此刻正在发光~(附源文件)

© 版权声明

相关文章