进入正题
通过了解,我们清楚了B站是国内年轻一代人经常浏览的视频网站,同时视频分类也非常丰富。
关于本期设计思路,其实没有沿用官方的二次元漫画元素,而是另辟蹊径,思考从个人对品牌的理解来对内容进行规划设计,一方面能跳脱出固化的「只能这样做」到全新的视觉「还能这样做」的思路,也就是从自我输入-内化-输出的过程,理解了品牌本身,再用品牌使用者的一种身份去设计作品。
如用一段大白话来描述:一个深夜里,我用电脑浏览着bilili,随着对内容的浏览,屏幕里出现的各路英雄(UP主或是游戏主角)从屏幕里显现出来为bilili平台赋能,让我更加专注其中(指向内容精彩来引导出主题:内容营销报告)。
根据故事灵感内容,我选择了尔雅新大黑作为标题字,因为字型粗中带柔很适合用在深色系的里,搭配OPPO字体能很好的突出主题内容,色系上考虑用蓝色系,更能迎合场景。
根据封面的文字内容和灵感构思,面对较少文字的封面就可以将内容进行场景化。
对于素材的参考,平时除了去觅元素、花瓣、摄图,也会去一些国外的网站找灵感,比如:Freepik,上面类型齐全而且非常精致。
根据灵感构思,通过搜索关键字:科技、未来,找到一张能表达故事的素材:
选择这张图是因为内容比较符合我的故事线,包括配色、城市剪影、科技风元素等等。
第一步:首先根据设计规范把文字放进画面里。
第二步:将文字设置文本效果:转换-梯形,这样不仅与画面保持角度一致还能充实页面。
第三步:画面中心的星球为原主体元素,根据构思,可以尝试把星球替换为bilili小电视。
第四步:把发光小电视作为主体元素后,就需要对它进行渲染和辅助,这时就可以把人物素材放进来后在画面左右两侧加上由bilili小电视引出的各路英雄人物或是漫画主角,来强调bilili内容的精彩。
问题来了,元素因为色系鲜艳与背景主体形成强烈反差,导致主体不明确:
第五步:将人物等辅助元素统一更换为与背景同色的暗色系,更能突出主体。
图片调色:选择图片-格式-颜色-深蓝,OKPlus-图片调色-设置参数。
最后,加上一个散开的烟雾,浓浓的神秘氛围感就出来啦。
目录页属于PPT中重要的页面之一,整份PPT讲哪些版块,基本框架都会在这页出现。
第二步:根据封面灵感进行延伸,通过梯形形状的引导与背景图的融合,来制造出一个“节目快要开始了,赶紧奔赴现场”的场景。
第三步:在目录的中心,加上bilili小电视聚焦画面中心,与梯形形状呼应。
第四步:最后画面下半部分的留白,刚好有空间留给我们的“各路英雄”,被电视的神秘光芒吸引前来,走向目录。
内容页常见的,有一段、二段、三段、多段内容的,考虑到内容是关于平台简介介绍,一方面需要对内容版块做信息规整,另一方面需要做风格延伸。
第一步:将文字内容梳理出来,考虑风格延续性和一致阅读性,对内容进行居中排版。
第二步:以bilili的一张代表图片作为背景,在上面叠加一层渐变形状,从而突出内容。
由于展示形式太过常规和单调,我的想法是通过第一人称视角去介绍这个页面,就是信息不是单纯的放在页面上,而是通过第一人称视角去传达内容:
第三步:有了上面的灵感,就通过以容器(ipad)的形式带出bilili的内容。
第四步:为了让图文更加生动,用任意多边形:曲线勾画了一个流线感的形状来替换矩形,从而连接上ipad,营造出既视感。
第五步:弥补画面下半部分的左右空白,左右两边分别加了2个渐变矩形框,目的为了补足空白,另一方面让面画饱满有层次。
最后一个页面,也属于PPT里基本必备的一个页面,那就是图表页的设计。
为了区分数据版块,最后分别叠加了2个透明矩形框,简单明了。
以下为四个页面的最终设计图:
在公众号后台回复 「哔哩」
即可获得本案例源文件。
如果文章对您有帮助
非常希望得到您的 「 在看 」 与 「 分享 」
下期再见
——
公众号:常小二PPT
原文链接:我为B站做了份独特的PPT,此刻正在发光~(附源文件)