在上周,旁友圈第125期作业,题目是为中国银行设计一份工作汇报PPT,整份 PPT 中,没有提供一张图片:
来看下原稿内容页面:有封面页、多项内容页、数据展示页、对比内容页,是常见的页面类型。
在开始找灵感、找素材前,可以先把页面的文本内容梳理一下,进行简单的排版,这样在寻找版式灵感参考时,就有清晰的方向。
风格规范
在站酷找灵感参考时,发现一些APP的展示页面排版不错,这种UI风格页面常采用色块+阴影来进行场景展示,很有层次感。
根据这个方向,结合中国银行的LOGO元素等,可以大致确定PPT的配色和字体:
有了确定的设计规范,在设计的时候就不容易“迷路”。
先前确定封面版式为左文右图,根据商务风格,可以找与银行相匹配的图片来填充。但想到银行,脑海浮现的更多的是银行卡这一元素,按照事先确定的风格,可以用银行卡这样排版:
这里的银行卡我们也没有图片,但可以用PPT来绘制,这样也方便编辑修改,很快就能得到不同颜色的银行卡:
页面左侧红色标题配白色背景,看起来还是有些单调,根据银行卡的形状,在页面底部再加些圆角矩形,丰富层次感:
到这里看,整体效果还不错,但黑色比重有些大,加个红色渐变蒙版减弱黑色比重;再来点少许半调粒子元素,增加质感(哈哈,像极了做饭):
为保持风格的统一,先把封面中的色块、阴影、半调粒子等元素延续下来:
底部的色块对文本内容干扰比较严重,所以考虑用白色色块承载文本内容:
文本内容相对单调,利用图标让文本内容更具可视化,像这样:
在标题前面加个红色圆形,突出标题;
给白色色块添加红边,减弱黑色比重;
在白色色块底部加上半调粒子,进一步增加质感;
数据展示页比较让人头疼,大致也可以分为三点,延续第二页的风格,先把风格元素都套上:
分析文本内容,可以发现,这三点中的数据较之前都实现的增长,基于这一点,我们用弯曲箭头来体现增长额趋势:
到这里已经排好了文本内容,继续优化一下细节,增加红色元素减弱黑色比重:
对比页大多为左右排版对比,文本内容不多,套入统一的风格元素,先看看效果:
同样,可以利用图标让文本内容更具可视化,同时加上VS字样:
但是,仔细想想,优势和劣势是存款同时存在的两种情况,而“VS”通常有“对抗”的意思,用在这里不妥。所以,把它们区分开来就好,这里可以用竖墙+投影来区分,同时还增加了空间感:
做到这里基本排版也算完成了,我们可以再优化一下细节:
总结
好了,到这里,这4页PPT已设计完成,我们来看看前后效果:
文笔水平有限,希望以上的分享能帮助到你,感谢阅读及点评。其实,这期的作业中,还有很多作品设计的也很优秀,放出一些大家看看,希望给你不一样的思路。