10+年产品经理聊聊产品、测测产品,产品人交流学习成长平台,按 Ctrl+D 收藏我们
留言板 小程序 交流群 关于我

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源

提示词:如何用AI生成MBE风格图标、描边图标、卡通图标

前天 70 0

今天苏米继续来拆解,今天要反推的是MBE风格图标,这个之前苏米非常喜欢,在一些小程序和APP上都有看到过,非常适合一些娱乐类的APP,能够带来轻松和愉悦的心情,风格简洁、圆润、可爱!

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/

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
#AI生成图标 #AI提示词 #提示词拆解 #提示词教程 #MBE风格图标 #liblibAI 
收藏 1
推荐阅读
  • 提示词:豆包生成真实美女生活照自拍,豆包美女自拍提示词生成器(附下载)
  • 震惊!我竟然用一个指令就解锁了DeepSeek的隐藏能力Ai绘画功能,吉卜力风格堪比GPT-4o平替
  • 2025最新AI指令合集,AI提示词从入门到精通:学习+工具+实战,轻松搞定DeepSeek
  • 提示词:拆解品牌场景化3D微缩景观提示词及案例分享
  • 提示词:如何根据产品项目需求用 GPT-4o 生成Airbnb拟物风格图标库
评论 (0)
请登录后发表评论
分类精选
震惊!我竟然用一个指令就解锁了DeepSeek的隐藏能力Ai绘画功能,吉卜力风格堪比GPT-4o平替
5890 2月前
2025最新AI指令合集,AI提示词从入门到精通:学习+工具+实战,轻松搞定DeepSeek
2127 2月前
ChatGPT中文调教prompt
927 10月前
提示词:豆包生成真实美女生活照自拍,豆包美女自拍提示词生成器(附下载)
461 2周前
提示词:用豆包复刻治愈系IP图文,轻松用AI做出各种治愈系漫画插图
385 1周前
提示词:如何根据产品项目需求用 GPT-4o 生成Airbnb拟物风格图标库
191 1周前
提示词:拆解品牌场景化3D微缩景观提示词及案例分享
173 1周前
提示词:如何用AI生成MBE风格图标、描边图标、卡通图标
71 前天

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 提示词:如何用AI生成MBE风格图标、描边图标、卡通图标
2 提示词:拆解品牌场景化3D微缩景观提示词及案例分享
3 提示词:用豆包复刻治愈系IP图文,轻松用AI做出各种治愈系漫画插图
4 提示词:如何根据产品项目需求用 GPT-4o 生成Airbnb拟物风格图标库
5 提示词:豆包生成真实美女生活照自拍,豆包美女自拍提示词生成器(附下载)
6 震惊!我竟然用一个指令就解锁了DeepSeek的隐藏能力Ai绘画功能,吉卜力风格堪比GPT-4o平替
7 2025最新AI指令合集,AI提示词从入门到精通:学习+工具+实战,轻松搞定DeepSeek
8 ChatGPT中文调教prompt
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
免费影视APP 花式玩客 免费字体下载 产品经理导航 Axure RP 10 免费Axure模板 Axure原型设计 Axure元件库下载 原创Axure模板 申请友联