mbe风格海报-UI设计中的MEB风格到底指的是什么

最近连着做了4次MBE风格小图标的临摹,有了些新体验,也琢磨出了一些小技巧,做个总结记录。

​

(20201015图标临摹Round One ,By @蛋蛋)

(20201020图标临摹Round Two ,By @蛋蛋)

(20201021图标临摹Round Three ,By @蛋蛋)

本文主要内容如下 (

文末附思维导图总结,包含视频哦):

01 六种常见的插画风格

02 五个方面总结MBE特点

03 五个步骤画出MBE插画

04 五个技巧画得又快又好

01

六种常见的插画风格

什么是MBE风格?百度一下,你就知道

。

就是这种看起来萌萌哒的风格,非常好辨认。

它是源自Dribble的设计师MBE的设计,简约有趣又好看,流行开来后就被称作为「MBE风格」。

如果觉得没什么概念的话,把它放在一群当中,就更有印象啦。

就像星爷喊美女找秋香的那个办法一样↓

在这里也科普下6种常见的插画海报风格,让你一眼认识「MBE风」。

(图片制作 By @蛋蛋)

细心的朋友可能也会发现,上图用Keynote同样实现了MBE风格唷。

02

五个方面总结MBE特点

在学习怎么画之前,先要清楚这种风格的特点,才能更好下手。

仔细观察之后,我从以下5个方面来总结我的感受。

① 线条:都很简约,而且很粗很鲜明,平滑柔顺。有明显的断点,但也是非常圆润地过度过去的。

② 形状: 基于线条的轮廓也都是圆润的,没有突出的尖角直角,饱满又胖胖的感觉。

③ 底色: 色彩很明亮,常见黄橙蓝色。有底色溢出,而且有明确的明暗色,也就是高光和阴影。

④ 表情: 极简的线条加上简单的笑脸,物体拟人化了,可爱萌趣。

⑤ 点缀: 主体周围会有星星点点的点缀,基本上是雪花、十字、圈圈圆圆之类的变体。

03

五个步骤画出MBE插画

具体怎么画?来,五步走。

说明一下,因为我的临摹过程都是一次临摹一堆,而且个人绘画习惯肯定不一样,所以步骤也不需要是一样的,怎么方便顺手怎么来。

以下是蛋蛋基于4次临摹后,总结的常规步骤,仅供参考。

① 先画轮廓。

・ 选择「书法」里的「单线」画笔。

・ 调整到合适的粗线条,画出轮廓。

・ 用「橡皮擦」擦掉部分线条,做出断线。

② 处理断点。

・ 同样粗细画笔画个「圆点」,挪到被擦除后的线条中断处,制造圆润。

③ 添加表情。

・ 画上圆溜溜的眼睛和笑笑的嘴巴。

④ 铺上底色,增加阴影。

・ 上色,挪到轮廓的边缘处,制造溢出。

・ 选择比底色深的颜色,沿轮廓边缘上色,制造阴影。

・ 选择比底色浅的颜色,在底色上画出高光。

⑤ 加上点缀。

・ 主体画的上空周围加上雪花、加号、实心空心圆。

就这样,一个简单的MBE风格插画就完成啦。

看下具体过程的缩时视频。

04

五个技巧画得又快又好

我习惯完成临摹后都在画布上增加一块区域作为「复盘记录」,从4次的临摹复盘记录里也能回顾到我的整个过程感受。

从「觉得难」到「上瘾」到「觉得容易」,中间也琢磨出了一些小方法。

① 快速画轮廓

有些图本身就是对称的,想要画得更快更好就可以使用对称辅助功能。

在「绘图指引」功能中,选择「对称」,有「水平」「垂直」「四象限」「径向」选项提供选择,辅助我们更好地画图。

② 快速处理断点,有4种方法。

◆  补充圆点法: 就是前面提到的,同样粗细画笔画个「圆点」,挪到被擦除后的线条中断处。

◆  路径 点划法: 还原原本划线的路径,从点出发溢出断点。

◆ 像素大挪移: 把线条放大,在圆点法或点划法的基础上,通过调整「橡皮擦」或「画笔」的粗细,补充或擦除掉细节的像素格子。

◆  拷贝原点法: 前面3个方法其实都有点考验耐心,最快速的方法就是这第4种。直接拷贝线条另一端没被擦掉的端点,再移动到断点处,完美!

③ 快速添加点缀

一次性临摹多个图标的时候,一个个画点缀实在很磨时间和耐心,然鹅强迫症又不想只是通过复制图层让每个的点缀看起来都是一样的。

该怎么办呢? 制作点缀笔刷,这样就可以快速完成,还能变换位置和颜色。

④ 保持临摹大小一致

在画之前先画上一个个格子,通过大小一致的格子来规划好布局。

⑤ 保持线条粗细一致

踩过坑的都知道,当我们放大画好线条后再缩小,原本的线条也会随之变细,所以为了避免这种情况后续出现,同样需要用上面的格子做好提前布局,就不用后期放大缩小啦。

(20201023图标临摹Round Four,By @蛋蛋)

以上就是蛋蛋画MBE插画的一些经验总结,最后,放上第4次临摹图和小小总结思维导图。

(小小总结 思维导图 By @蛋蛋)

进步,是在不断练习中产生的。

画起来吧

。

相关文章: 总结丨零基础如何通过自学,半个月学会画画?

我不知道你是不是说错了,不是MEB,是MBE风格,UI设计中最近流行的设计风格,风格特点是色彩明亮跳跃,有深色的大的描边,描边有断点,色彩溢出,周围可能有一些装饰等。最近配合微渐变整体更加精致。MBE是一位法国设计师最先使用的,然后国内外纷纷效仿。如下图,MBE设计风格的图标。

2020年可以说是插画的天下

曾感动无数人的《热干面好久不见》

到最近的各种节日品牌海报

都能见到插画的身影

那插画常见的风格有哪些你知道吗?

小A将通过这篇文章

带大家了解一下插画海报的常见风格!

扁平风格插画主要由色块构成,造型几何化,外轮廓光滑,信息更加直观,能够让人一眼看上去就知道界面所传达的信息。

扁平化的界面也能够更好地实现画面的转化,网页加载得更快, 因此,扁平风格插画被广泛应用于各个领域。

描线风格,是在扁平化风格之上的延伸。

在扁平化元素中添加外轮廓和描边,描线插画的外轮廓加上描边,相对于扁平化风格来说,更加地立体,可爱, 往往会用在海报、引导页面、logo等之中。

肌理风格插画也叫做颗粒噪点风格,是扁平化风格的又一个分支,将页面叠加颗粒肌理,呈现出一种磨砂质感,有点像沙画的感觉,但又比沙画细腻。

主要表现形式是运用大量色块的表现,元素单一干净, 肌理常叠加在元素的高光及阴影处,通过颗粒感来增加画面中的细节, 画面过渡自然,立体生动,画风轻松随意。

浮世,佛语里是指“繁华又空虚的人世间”, 浮世绘是将人世间的浮沉聚散不定地用绘画的形式表现出来。

浮世绘画风以传统版画为基础,强调线条及色块的平涂,色彩艳丽,以鸟、鱼和海浪等为主要表现形式。

MBE插画是由Dribbble的一位设计师创造的风格, 采用黑粗线条描绘元素,除去画面中不必要的元素,色块有明显的区分 ,圆润可爱。和小元素配合,常用于引导页、启动页、logo等。

水彩插画是近几年比较流行的一种画法,简单的线条加上温和的色彩,宁静自然,线条简单随意,水彩插画的创造性特别强, 既能够表现写实、抽象、魔幻等各种风格。

插画是我们在生活中最常见的设计元素之一

近几年逐渐成为海报设计的主流

不同风格的插画风格带给人们不同的视觉感受

你更喜欢哪一种呢?

图片来源于网络,侵删