MBE风格图标与插画设计

MBE风格的原创作者是法国设计师MBE于2015年年底在Dribbble网站上发布，从线框型Q版卡通画演变出来的MBE风格，设计采用了更大更粗的描边，相比没有描边的扁平化风格插画去除了里面不必要的色块区分，粗线条描边起到了对界面的绝对隔绝，突显内容，表现清晰，化繁为简，所有此类型的图标和作品都被称为MBE风格。

以下是全链路UI特训营学员@嘉嘉、@小宇、@哈娅等同学的MBE风格作品，我们一起来赏析吧。

欣赏完上面的MBE风格作品，是不是你已经摩拳擦掌，也想打造属于自己的作品集了？别急，我们来探讨一下，MBE风格到底有哪些特征。 

断点粗线描边 

MBE风格图标典型的特征就是黑色粗线、断点式描边，黑色线条好处是可以突出内容，坏处就是会产生压抑感削弱内容主题使物体失去生动特性，MBE很好的用断线的处理方法解决了这个难题。

形状溢出

MBE风格除断点式以外，还有一个最大的特征就是形状的溢出，其含义应该是想表达物体通过光照折射出来的阴影因为通常溢出的方向都是高光的对侧。

萌萌哒表情包

MBE风格之所以能够火遍国内外的各个设计平台，就是因为其简约、有趣、好看、小清新的设计风格。经常会在各个图标上添加一些拟人化表情，赋予人的喜怒哀乐，从而提升情感化设计

装饰元素

为了让MBE风格图标与小插画更具设计感，通常会在周围增加一些修饰元素，如星星、菊花、十字架等 

关注公众号：趣设网课，回复“MBE风格”即可获取演示工程文件！

作者：趣设网课（v: uegreat）

本文由 @趣设网课 整理发布。未经许可，禁止转载。

Powered by Froala Editor