一位法国设计师,于2015年底在设计网站dribbble上,发表了一些从线框型Q版卡通画的图标。因其简洁可爱的画风,受到追捧与模仿,并随之大火。
话说外国人喜欢以名字命名,所以这种风格以其网名“MBE”命名为MBE风格。
MBE风格应用在PPT中,可以让PPT更加可爱、活泼。
Jobor PPT《职场PPT达人速成》
1、分析MBE风格PPT特点
- 简洁又可爱,萌萌哒
- 典型特征:色块偏移填充、粗线条描边、断点
- 可以增加一些小圆圈、加号等形状点缀
- 类似插画的卡通风格,圆滑的线条,鲜明的颜色搭配,传递轻松愉悦的感觉

•关键点:边框开口+断点+色块偏移
•Tips:改造扁平风格中的Icon及形状边框
2、找图获得灵感
百度图片搜索“MBE”,如下截图,结果主要以图标为主:

我们再打开站酷网,搜索“MBE”,对比一下。

3、拆图获得PPT制作参考
我们从上面的结果,可以论证MBE的风格特征:
【画面感】活泼、可爱、简洁
【背景】纯色(白色or彩色)
【颜色】彩色、鲜明
【形状】边框开口的Icon和色块
其它如文字、图片、版式参考扁平风格PPT。
4、实践:PPT制作教程步骤
主要是形状和Icon的改造。
A、Icon的设计
利用现有扁平风PPT的图标进行改造,并建议选择线性图标。如图标为实心,可只保留边框,不进行形状填充。
方式一:利用PPT编辑顶点功能,改造Icon
Step1:插入1个小矩形,利用合并运算,对图标进行“剪除”操作
Step2:选中形状,右键编辑顶点;在凹进去的地方,选中一个点,再次点击右键,选择“开放路径”
Step3:选中不需要的点(凹进去部分为不需要),点击右键,选择“删除标点”
Step4:调整线条为3磅,黑色(太细会像简笔画),端点类型选择为“圆形”
Step5::在断接处,增加一小段3磅黑色线条,或者是圆点
注意:线条磅数不一定必须是3,和图标大小有关,粗细适中即可。

方式二:借用边框形状,取巧改造
只需插入基础形状里的弧形
Step1:画个接近大圆的弧线(不闭环);按住Shift键,画正圆
Step2:用弧线绘制一小段(类似小点,且半径长度与如上弧线一致)
Step3:利用对齐工具,上下、居中对齐两个形状
Step4:调整为3磅线条,黑色,端点类型“圆形”
Step5:加普通图标,线条3磅黑色;同时,增加色块,填充为主题色/辅助色,并偏移色块位置

B、色块的设计:有边框
Step1:插入圆角矩形(或其它形状),无填充,边框填充为黑色
Step2:插入一个小矩形,利用合并运算,对大圆角矩形进行“合并形状-剪除”操作
Step3:选中圆角矩形,右键编辑顶点;在凹进去地方,选中一个点,再次点击右键,选择“开放路径”
Step4:选中不需要的点(凹进去部分为不需要),点击右键,选择“删除标点”
Step5:调整为3磅线条,黑色(太细会像简笔画),端点类型选择为“圆形”
Step6:在断接处,增加一小段3磅黑色线条,端点类型为“圆形”

试试制作其它MBE形状:

C、色块的设计:无边框
MBE风格除了Icon以外,还有一些辅助排版的元素,比如这两个:

如何制作? Ø形状一
Step1:插入一个大矩形(非圆角),去除边框(以下形状皆去除)
Step2:插入多个细长的圆角矩形,并将末端调整成半圆形(通过拉动圆角矩形的黄色小点);并摆好位置(一个个挨着,不要重叠),同时注意高低错落有致;为方便拆解,给细长圆角矩形填充两种颜色
Step3:选中大矩形,然后选中所有红色的细长圆角矩形,进行“合并形状-联合”操作,得到一个形状
Step4:选中新生成的形状,然后选中所有橙色的细长圆角矩形,进行“合并形状-剪除”操作,再次得到一个形状
Step5:在某个位置插入一个圆(注意圆的直径=细长圆角矩形的窄边);选中大矩形,再选中圆,进行“合并形状-剪除”操作
Step6:在某个位置插入一个圆,然后调整填充的颜色

Ø形状二
Step1:插入多个细长的圆角矩形,去除边框,并将末端调整成半圆形(通过拉动圆角矩形的黄色小点);并摆好位置(一个个挨着,不要重叠),错落有致
Step2:选中所有形状,进行“合并形状-联合”操作,生成新形状
Step3:如图新增4个细长的圆角矩形(如橙色);选中Step2生成的形状,然后选中4个橙色圆角矩形,进行“合并形状-剪除”操作
Step4:旋转Step3生成的新形状,可借助Shift键,旋转45°
Step5:调整填充的颜色

D、美化PPT思路
如上以及制作出了此种风格的主要元素,我们如何运营到PPT美化中呢?这里分享几种思路:
a)PPT封面
- 采用PPT上下版式结构
- 借助已生成的特殊形状,进行排版;并调整颜色为浅蓝色,减少对内容的影响

b)PPT目录页
- 采用四等分结构
- 借助已生成的特殊形状,进行排版;并调整颜色为浅蓝色,与Icon进行搭配

c)PPT过渡页
- 采用左右结构
- 借助已生成的两个特殊形状,辅助排版
d)PPT正文样式
- 采用左右结构
- 借助已生成的特殊形状,辅助排版

- 采用左右结构
- 借助已生成的特殊形状,并填充为图片,实现图文搭配排版

- 采用上下结构
- 借助已生成的特殊矩形,填充柱形图,实现对数据图表的美化

e)PPT封底页面
- 复用封面元素
- 将特殊形状进行垂直旋转,简单且有前后呼应的效果

综上为MBE风格PPT模板制作教程,一步一步照着做,相信你很快就能掌握。当然,也可以借助这类素材,快速产出,最重要的是思路和动手。欢迎留言交流。
文:Jobor小钵
评论0