2016年，这个简单，有趣，美丽的偏移填补了粗线笔画，红色追逐，车站酷和国内外设计平台的插图风格 - mdash; —它是MBE风格，今天U姐与朋友们一起来看看国内外MBE风格的消防设计平台。有树林非常令人兴奋~~

1.什么是MBE风格？

MBE风格的原作者于2015年底由法国设计师MBE在运球代购源码网站上发布.MBE风格从线条Q版卡通演变而来，设计使用更大更厚的笔画，相比之下没有笔画。平面样式插图消除了内部不必要的颜色块区别，更简洁，更通用，易于识别。粗线笔划提供与界面的绝对隔离，突出显示内容，清除性能并简化它;所有这些类型的图标和作品都称为MBE样式。

设计师来自巴黎MBEhttps://dribbble.com/Madebyelvis

二，MBE风格的特点

中风

MBE风格最明显的特征是填充粗线笔划的插图样式的简单和容易的偏移。当使用描边线时，不仅要结合色彩科学，还要结合对作品的情感理解，当然，不缺乏对美学的理解。

（1）断点冲程

黑线的优点是它可以突出显示内容。缺点是它会产生压迫感并削弱内容主题，使对象失去其生动的特征。 MBE通过良好的断开方法解决了这个问题。这些虚线的处理不受图形的限制。数量，它们的数量与位置直接相关。

来自越南的设计师Duc Tran

https://dribbble.com/ninjad3m0

（2）没有断点行程

扁平图形+黑色粗线+虚线处理是MBE风格的固定匹配，但是破碎线条的处理并不适合所有图形，既保持这种新风格又完成你要表达的设计，在线有是一些不同的颜色和粗线处理方法。

设计师Justas Galaburda来自立陶宛https://dribbble.com/jucha

2，形状溢出

除了MBE样式的断点类型之外，最大的特征之一是形状的溢出。 MBE风格的含义是表示物体通过光线折射的阴影，因为溢出的方向通常是高光的反面。 MBE早期使用色块溢出工作在后期很难看到。原因是早期的工作图形偏向于简单的颜色块溢出过程，这可以使图像具有纹理并增加样式的印象，而后期工作复杂性增加。其中一些很难融合颜色或精加工，因此图形本身突然崩溃并希望传达设计理念。

来自北京的设计师lukinghttps://dribbble.com/sss_luking

3.颜色应用

（1）单色系统

分析对象是否包含内容（材料，数量，媒介）。当上述属性属性是唯一的时，您可以使用单色系统来查找对象的纹理以创建纹理，并且屏幕表达式将更加完整和清晰。

设计师Andrey Prokopenko来自乌克兰https://dribbble.com/Pro_Art

（2）接近颜色+互补色

在颜色系统中，作者MBE有时使用不同的颜色来创建图形氛围。基本颜色范围控制在三种颜色以下，这三种颜色是通过使用相邻颜色和互补颜色形成的。以下数字包括红色，黄色和绿色。在彩色环的两种颜色中，角度为22.5°。分别为1色匹配的色差，均属于相邻的色调配色。蓝色角度为180度;左右，色差为8色匹配，称为互补色匹配。

当要表达的对象是多个数量或者对象本身的材料与其他地方不同时，颜色区别可以更好地传达图片的内容，而不会故意保持色调的奇异性。

（3）接近颜色+相似颜色

接近颜色是指两种颜色相似的颜色。在色彩科学中，有类似的色彩匹配和匹配的色彩匹配。在模仿和研究MBE风格时，在查找规则后不要遵循作者的设计元素。使用的灵活性是设计之王。

来自杭州的设计师LEON.Whttps://dribbble.com/wuchao260

4，写实风格

在使用色调时，设计师将遵循色彩基本原则进行色彩匹配，但在不同的环境中，为了更清晰地表达对象本身之间的关系，艺术形式将更加具体。

5，建模

MBE风格的背景图像最初只有三种类型的圆形，小花瓣和加号，这是三种最常用的图形。这些样式已与MBE一起使用，并一直使用到今天。

当然，天生具有灵活思维的设计师不仅会留在这三个元素的构成中。通过不同设计师的演变，他们的颜色，位置和大小都发生了变化。此外，还衍生出一些具有平面样式的组合。这一切都因图形本身独特的气质而改变。

总结

MBE风格之所以能够在国内外各种设计平台上使用，是因为它简洁，有趣，美观，小巧，清新的设计风格。我希望对上述U女孩的一些分析可以帮助小伙伴设计MEB风格。呃女孩，下次你会见到你〜

作者：U姐，生活中的UI设计师，等着你缝妹妹哟。微信公众号：UI女孩（ID：UIfaner）

本文最初由@U妹儿出版，未经许可不得转载。

该地图由作者提供

« 后端产品入门：列表页面的设计规则和添加页面 | 代购源码网站操作需要6个工作技能 »