MBE风格简介
MBE风格是由法国设计师MBE在2015年年底发布的,最初是在dribbble网站上发布的。这种风格从线框型Q版卡通画演变而来,特点是使用更大更粗的描边。相比没有描边的扁平化风格,MBE风格去除了不必要的色块区分,显得更简洁、更通用、易识别。粗线条描边能够突出内容,表现清晰,化繁为简。所有采用这种风格的图标和作品都被称为MBE风格。

用这种风格来创作图标或小型插画,看上去简洁、圆润、可爱。几乎是瞬间,这种风格也风靡了整个互联网UI界。
MBE风格特点
以粗而圆的线条勾勒轮廓,类似于简笔画,也类似于单线条画。其线条粗细适中,粗线条会接近可爱感,线条的转折过渡圆润,几乎看不到尖锐的直角。

以粗而圆的线条勾勒轮廓,类似于简笔画,也类似于单线条画。其线条粗细适中,粗线条会接近可爱感,线条的转折过渡圆润,几乎看不到尖锐的直角。

填色的色块偏移原有轮廓一些,以塑造高光和阴影效果。填色色块和线条所形成轮廓之间的偏移所形成的白色会成为一道高光留白,而相对的一方则是阴影。

配色是简单的橙色、黄色、蓝色,以高饱和度的亮色为主,表现鲜明可爱的特点。适当时候在这个色彩上进行强弱变化,以体现色彩的层次。

线条大多采用一定的"断线"处理,并运用圆点增加线条的丰富感。

如果作为插画运用,大都增加许多几何状小装饰。我们把这些小装饰分别命名为"十字形"、"烟花形"、"小圆点"和"小圆圈",它们以一种随机分散的状态点缀在主题周围。
提示词复刻
苏米先用AI反推出这种风格的特点提示词,再根据实际所需要的主题特点结合进行测试,经过几番测试后,给大家看看GPT-4o的出图效果!
提示词1:
以简笔画线条勾勒轮廓,线条粗细适中,线条大多采用"断线"处理,运用圆点增加线条的丰富感,转折过渡圆润 。填配色是简单的橙色、黄色、蓝色,以高饱和度的亮色为主 ,色彩上进行强弱变化体现色彩层次 ,填色色块和线条所形成轮廓之间使用白色高光留白。画面为白色背景,围绕 [手机] 主体,在主体前半部分适量增加十字形、烟花形、小圆点、小圆圈等几何状小装饰,装饰非常细小,随机分散点缀突出主体,整体风格简洁、圆润、可爱,呈现 MBE 风格图标 ICON,比例 「1:1」

提示词2:
"A cute and simple icon of [手机], in MBE style: thick rounded outlines, slight offset bright flat colors (orange, yellow, blue), white gaps to create highlights, soft shadows, geometric decorations like crosses, sparkles, dots, and rings around the main object, minimalistic, playful, high saturation, with broken lines and small circles for visual detail."「1:1」

经过几番测试,发现GPT的出图效果更接近图标的风格,下面是在尝试非常多次之后,苏米觉得还是比预期的效果要差一些。

这张已经接近了,但还是和实际的图标需求有些差距!

其他方法
在尝试过直接生成的方式之外,苏米还找到了一种直接在线文生图的方法,直接使用liblibAI的 在线生成Web UI,使用下面的参数即可
在线生图参数设置
使用「在线生图」功能时,请参考以下参数配置来进行设置。
推荐权重: 0.8-1.0
采样推荐:Euler
迭代步数:20-30
CFG scale: 3.5
推荐尺寸:1024x1024 768x768
高分辨率修复:R-ESRGAN 4x+ Anime6B 步数20 重绘幅度0.3-0.5
提示词技巧:FY style,Black outline stroke,+自然语言描述+背景颜色
提示词: FY style, Black outline stroke,depicting a burger and a drink. The burger is in the center of the picture, and there is a blue cup on the right. There is a bun with a smiley face on the cup, and it seems to have a straw in its mouth. There is a red dot on the cup. The background is white, and there are colorful confetti and stars scattered around the picture.

如果不会写提示词可以直接使用参考提示词,让AI重新写一下即可!

这个生成出来的色彩效果是会更接近图标的风格。有兴趣的可以试一下,地址我放在下面了
liblibAI:https://www.liblib.art/