设计趋势瞬息万变，而近年来也涌现了各种各样优秀的设计风格，扁平化、简约风、拟物化等等，但有一个风格却独树一帜，那就是MBE风格。
卡通断线风格是Dribbble网站上一位巴黎的设计师MBE创造的风格，并以设计师本人的ID命名，“MEB Style”由此诞生，一时间红遍了国内外各大设计网站，我们在很多地方都能看到这种风格的影子。
卡通断线风格最大的特点是色彩鲜明，边框清晰，主次分明，风趣活泼。很多互联网公司都在自己的产品中融入了这种元素风格的设计。尤其在App设计中，引导页、状态页和活动页等都有它的身影。
512像素单位通常用作启动图标的尺寸，例如在一些引导页中，这个尺寸具有很大的视觉冲击力。另外，启动图标通常是以1024像素×1024像素来设计的，但这个尺寸的使用范围很小，因此多将其缩小至512像素×512像素来使用。
通过以上案例可见，MBE风格在实际的设计运用中效果也是非常的不错，今天数艺君就给大家讲讲，MBE风格设计的具体要点。
1.卡通断线风格设计注意事项
错误思路：
1 色彩保护度过高。
2 断线部分太多。
3 五官尺寸过大。
4 装饰烟花色彩单调。
正确思路：
1 色彩明快，切忌饱和度过高。
2 断线部分保证在同一水平线上即可。
3 五官要小，且位于面部下半部分为宜，这样表情才更萌。
4 色彩可以丰富，但是色值要接近。
2.卡通断线风格设计色彩选择
绿色区域是卡通断线风格常用的色彩区域，色彩及饱和度相对适中，适合大多数配色。
黄色区域是需要避免使用的区域，通常，这些区域的色彩看起来饱和度特别高，或者看起来特别低和暗，也就是常说的用色太亮或者太脏。
3.实例：绘制卡通断线气球
下面讲解断线气球的制作方法。在引导页、详情页中多能看到这类图标，例如天气类App。这种类型的图标一般成套出现。
01 按快捷键Ctrl+N新建画布，设置大小为512像素×512像素，命名为“512×512 icon”。
02 使用“椭圆形工具”在画布上绘制一个200像素×200像素的圆形，单击“确定”按钮 , 在选项栏设置“填充”颜色为（R:247，G:79，B:79），拖曳到画布合适的位置。
03 将圆形图层复制多份，选中一份圆形图层，设置“填充”为 0%，在选项栏设置“描边”颜色为黑色，设置“描边选项”的“对齐”为内部，“端点”为圆角。
04 选择下一层圆形，使用“直接选择工具”拖曳锚点，缩放至合适大小。
05 绘制圆形，然后设置颜色为（R:223，G:48，B:48），接着选择“直接选择工具”，按住Alt键水平向左拖曳，最后在选项栏选择“路径操作”为“减去顶层形状”。
06 使用“直接选择工具”选择两个图形，然后在选项栏选择“路径操作”为“合并形状组件”，接着将图层拖曳到圆形右侧，再将图层移动到圆环图层下方。
07 使用“添加锚点工具”在圆环上增加多个锚点，以3个锚点为一个断口。
08 使用“直接选择工具”分别选择锚点，再将锚点删除。
09 复制一份边缘图层，然后将多余的线段删除，再设置“描边”颜色为白色。
10 使用“椭圆形工具”绘制圆形，设置“填充”颜色为黑色，再水平向右复制一份。
11 使用“椭圆形工具”绘制圆形，然后使用“矩形工具”在圆形上绘制图形，接着在选项栏选择“路径操作”为“减去顶层形状”。
12 将绘制的图形拖曳到眼睛下方，然后在选项栏设置描边的“宽度”为6像素，“对齐”为“居中”，“端点”为“圆角”，“角点”为“圆角”。
13 使用“椭圆形工具”绘制椭圆形，再设置“填充”颜色为（R:255，G:107，B:107），“描边”为无。
14 选择“多边形工具”，然后在选项栏设置“边”为3，再去掉星形选项，接着按快捷键Ctrl+T调整三角形形状，最后移动到图层底部，进行居中对齐。
15 使用“椭圆形工具”绘制圆形，再设置“填充”颜色为（R:228，G:64，B:64）。
16 使用“圆角矩形工具”绘制气球线，再选择绘制好的所有图层，按快捷键Ctrl+G组成“红色气球”组。
17 将组复制缩放2份，然后分别拖曳到红色气球的左侧和右侧，再将两组图层移动到红色气球图层组下方。
TIPS：可以先隐藏左侧的图层组，以方便查找图层并进行修改。
18 将右侧的图层组命名为“黄色气球”，并进行绘制。选择气球的背景层，然后设置“填充”颜色为（R:250，G:184，B:69），接着选择气球暗部阴影，设置“填充” 颜 色 为（R:250，G:141，B:69）。
19 使用“圆角矩形工具”绘制图形，然后按快捷键Ctrl+T进行旋转，接着选中绘制的图形，按快捷键Ctrl+E合并形状，再将合并后的图形旋转，最后将黄色气球的眼睛删掉，替换为绘制的图形。
TIPS：观察画面，会发现画面特别“平”，这是因为物体是存在阴影关系的。黄色气球上应该有红色气球的阴影，所以需要为红色气球添加阴影。
20 按住Alt键将红色阴影图层向右复制一份，然后设置“填充”颜色为（R:250，G:103，B:69），再设置图层的“不透明度”为50%。
21 绘制左侧图层组，显示图层组后命名为“蓝色气球”。选择背景图层，然后设置“填充”颜色为（R:74，G:193，B:255），接着选中暗部阴影图层，设置“填充”颜色为（R:68，G:138，B:225）。
22 删除蓝色的嘴巴图层，然后使用“椭圆形工具”绘制圆形，在选项栏设置描边的“宽度”为6像素，“对齐”为“外部”，“端点”为“圆角”，接着使用“直接选择工具”选择圆上方的锚点进行删除，并将中间锚点向下移动，最后将绘制的图形拖曳到眼睛下方。
TIPS：绘制完蓝色气球，会发现红色气球的左侧空出一块，这是因为在绘制红色气球时，没有为红色气球绘制最底层的背景图，并且有白色背景图层的关系，绘不绘制均不影响图形效果。当有其他图层存在时，就需要将图层绘制完整。
23 选中红色气球的暗部阴影图层，然后水平向左复制一份，接着按快捷键Ctrl+T进行水平翻转，再设置“填充”颜色为白色。
24 使用“钢笔工具”在气球组下方绘制线段，然后在选项栏设置“端点”为“圆角”，接着使用“添加锚点工具”在线段上增加锚点，再删除中间的部分锚点。
25 使用“椭圆形工具”绘制多个圆，分别设置“填充”颜色为（R:250，G:184，B:69）、（R:74，G:193，B:255）、（R:253，G:122，B:35）和（R:253，G:205，B:35）。
26 使用“椭圆形工具”绘制多个圆形，然后在选项栏设置“填充”颜色为无，描边“宽度”为6像素，再分别设置“描边”颜色 为（R:247，G:182，B:70）和（R:69，G:165，B:255）。
27 使用“圆角矩形工具”绘制图形，然后在选项栏设置“填充”颜色为（R:247，G:79，B:79），“描边”颜色为无，接着将图层复制一份，按快捷键Ctrl+T旋转90°。
28 使用“圆角矩形工具”绘制图形，然后在选项栏设置“填充”颜色为（R:253，G:205，B:35），接着垂直向下复制一份，再按快捷键Ctrl+E合并形状。
29 选中合并图形，然后复制一份进行旋转，并合并形状，接着复制一份并合并形状，再进行旋转。
30 使用“椭圆形工具”绘制两个圆形，分别设置“填充”颜色为（R:253，G:205，B:35）和（R:69，G:165，B:255）。
31 至此，卡通断线风格的图标就绘制完成了。
【上一条】：毕业生，你知道吗？试用期一般多长时间？工资标准是多少？
【下一条】：2020日历大盘点，款款高颜值令人眼花缭乱！
