10+年产品经理专注分享AI 工具、AI 资讯、AI Coding、Vibe Coding与下一代产品创新,按 Ctrl+D 收藏我们
关于我 留言板 标签云 排行榜

苏米客

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

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

1年前 AI提示词 2244 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生成MBE风格图标、描边图标、卡通图标
#AI生成图标 #AI提示词 #提示词拆解 #提示词教程 #MBE风格图标 #liblibAI 
收藏 1
产品经理思维模型大全:搞懂这14个模型,你也能成为高手PM
用 Cursor 搭配 Context7,让 AI 自动看文档、写对代码的神级MCP插件
推荐阅读
  • 提示词:拆解品牌场景化3D微缩景观提示词及案例分享
  • AI美食KV模板提示词,宫保鸡丁一键生成10屏餐饮主视觉方案
  • 震惊!我竟然用一个指令就解锁了DeepSeek的隐藏能力Ai绘画功能,吉卜力风格堪比GPT-4o平替
  • 即梦 Seedance 2.0 创作提示词手册,全新多模态创作升级
  • Claude Opus 5 系统提示词深度拆解:5 条可复用的提示词设计原则
评论 (0)
请登录后发表评论
分类精选
即梦4.0提示词手册快速上手版(附提示词速查表)
22153 1年前
震惊!我竟然用一个指令就解锁了DeepSeek的隐藏能力Ai绘画功能,吉卜力风格堪比GPT-4o平替
13704 1年前
即梦 Seedance 2.0 创作提示词手册,全新多模态创作升级
11626 8月前
Nano banana人物手办提示词(附车模视频制作教程+网址)
10677 1年前
2025最新AI指令合集,AI提示词从入门到精通:学习+工具+实战,轻松搞定DeepSeek
10015 1年前
提示词:豆包生成真实美女生活照自拍,豆包美女自拍提示词生成器(附下载)
9694 1年前
frontend-design skill:用了这套提示词,我的Claude Skills 生成专业设计感前端页面
9354 11月前
提示词:用豆包复刻治愈系IP图文,轻松用AI做出各种治愈系漫画插图
7035 1年前
用 Nano Banana 打造真实感美女摄影照:提示词全解析与实测效果
6290 1年前
PromptPilot:字节跳动提示词生成和优化神器,限时白嫖3个月
5717 1年前

文章目录

关于苏米客
分类排行
1 AI东方美学海报制作教程:2套Skill+4组提示词,从安装到出图全流程
2 12套ChatGPT提示词把旅行朋友圈发成故事:从选片到调色全流程指南
3 Claude Opus 5.5 视频提示词实测:三套开源风格库对比与企业级交付标准
4 GPT image2 生成 IP 吉祥物完整提示词:8 个案例实测与模板分享
5 Opus 5.5 免费开源 15 种科普视频风格提示词:皮影戏、等距流程、白板手绘
6 2D卡通贴纸风格 AI 绘画提示词:纸片人 实景混合媒体构图
7 即梦 AI 提示词:给生活照加上小人线稿,打造微型施工现场创意效果
8 1500字提示词为什么比15字好用:用数字和边界替代形容词的AI绘画技巧
9 6套国庆海报AI提示词合集:剪纸、透视标题、水墨、纸雕、复古建筑、水彩
10 一套提示词搞定旅行照:AI 手绘卡片对景效果,4种风格实测
苏米客
登录 注册
显示
没有账号? · 立即注册
显示
已有账号? · 直接登录
登录代表你已同意 用户协议 和 隐私政策
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6 网站地图 百度地图
拉美跨境导航 微信文章助手 程序库 免费影视APP 免费字体下载 产品经理导航 爱克硕儿 产品经理AI资讯 Axure元件库下载 申请友联