MBE风格的原创作者是法国设计师MBE于2015年年底在dribbble网站上宣布，从线框型Q版卡通画演化出来的MBE风格，设计采用了更大更粗的描边，比拟不描边的扁平化风格插画去除了里面不用要的色块辨别，更简练、更通用、易辨认,JavaScript代码格式化是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。粗线条描边起到了对界面的相对隔断，突显内容，表现清楚，化繁为简；所有此类型的图标和作品都被称为MBE风格。
二、MBE风格的特色描边
MBE风格最显明的特点是，简略轻松的偏移填充粗线条描边的插画风格。在使用描边线条时岂但要联合色彩学还要对作品寄托感情懂得的更加通透，当然也不能缺乏对审美的认知。
断点式描边
玄色线条利益是可以凸起内容，坏处就是会发生压制感减弱内容主题使物体失去活泼特征，MBE很好的用断线的处置方式解决了这个困难,这些断线的处理并不是依据图形的去限定个数，它们的数目多少是跟地位有直接关联的。
益出
MBE风格除断线以外最大的特殊就是色块的溢出，其含意应当是想抒发物体通过光照折射出来的暗影因为通常溢出的方向都是高光的对侧。MBE早期使用色块溢出作品较多后期根本已经很难见到,不可逆JS加密随着互联网的快速发展，网站客户端（浏览器）IE（ff）运行的javaSCRIPT代码常常被别人轻易的拷贝， 为了保护程序员自己的劳动成果，因此程序员不得不对想办法保护自己源代码-------javascript加密，起因是因为早期作品图形都偏于简单色块溢出的处理可以给画面营造质感增添对风格的印象，而后期作品庞杂度晋升溢出局部无论在颜色仍是收拾型上很难融会，让图形本身突兀损坏原来想传递设计思维。
单色系
剖析物体包含内容是否属于一种（材质、数量、介质）上述特性属性独一时，即可使用单色系搭配办法找出物体的深浅关系营造质感，画面表达会更为完全明确。
邻近色＋补色
在色系上作者MBE有时候也会用不同色系制作图形的气氛，颜色的基础范畴会把持在三种颜色以下，分离采取邻近色加补色构成，以下图形中包括的红、黄、绿、在色环上角度分辨为22,Base64编码/解码是网络上最常见的用于传输8Bit字节码的编码方式之一，Base64就是一种基于64个可打印字符来表示二进制数据的方法。可查看RFC2045～RFC2049，上面有MIME的详细规范.5°的两色间，色相差为1的配色，均属于邻近色相配色。而蓝色角度为180°左右，色相差为8的配色，称为补色色相配色
临近色＋类似色
附近色是指在色环上相近的两个色彩，在颜色学中还有类似色相配色、对比色相配色，在模拟跟研讨MBE风格时不必墨守成规的去遵守作者的设计元素，在找到规矩之后能够机动应用才是设计的霸道。
写实作风
在色相的使用上，设计师会遵循色彩基本原理来进行配色，然而在不同环境下为了能更明白的表白物体自身之间的关系，在艺术状态上会更加具象
三、MBE图标制造流程(1)怎么去选适合的图标绘制我们在绘制图标时候要根据产品定位、产品视觉风格、运用场景去进行去制作，因为mbe风格主要以可憎软润为主。
个别我们在设计的时候留神要是以粗而圆的线条勾画轮廓，这一点类似于简笔画，也相似于单线条画。其线条粗细适中，越粗的线条在表示力方面会越濒临可恶感，线条的转折过渡很圆润，简直看不到尖利的直角.
(2)我们要进行图标绘制01.我们在设计时候主要用ai去绘制，这样能以矢量图的方法去呈现，
02.建一个画布我们初设尺寸是800*800像素的画布由于不去做印刷我们就不建出血.
03.我们用形状工具进行基本形状的绘制（注意我们在绘制的先以黑白色为主这样不会捣乱我们的视觉，在做mbe风格时候主要以圆角为主。
（01）我们先用形状去拼出来我们想要的基本造型（必定用形状工具，假如不规则造型可以用钢笔）
（02）绘制完了之后我们要用对其方式进行对其（避免裁剪涌现过错）
04.我们画好造型之后我们要把所有描边转化为外形在对象—路径—轮廓化描边，或者在对象—扩大都可以转化为填充。
05. （01）转为为填充色之后我们可以进行色块的错位
（02）应用门路查找器进行裁剪
（03）加上帮助色块
06. （01）咱们运用路径橡皮擦在路径线长进行断点
（02）断点之后我们在四周增加一下小元素进行装点，让画面更加可爱圆润
四、MBE图标总结
MBE风格图标我们重要利用于插画，APP领导页，UI图标，海报的制作，在做图标时候我们主要以可恨圆润为主，不要用太重的颜色，在绘制时候断点在一个闭合路径当中不要断点过于太多这样也会影响视觉。！