Iridescent Butterfly UI/UX Design System

Generates a comprehensive dark-mode UI/UX design system board featuring color palettes, typography, mobile screens, and web previews inspired by iridescent butterfly wings.

这是一个用于平面海报的 gpt-image-2 提示词案例。你可以复制下方 prompt 生成相似图片；商用前请复核 YouMind OpenLab awesome-gpt-image-2 来源归因和原始权利。

作者 @cheaty

生成

提示词

可复制提示词

{
  "type": "UI/UX 设计系统展示项目",
  "theme": "深色模式，自然灵感，发光虹彩美学",
  "header": {
    "title": "自然灵感 UI\n{argument name=\"system title\" default=\"蝴蝶虹彩\"}\nUI/UX 设计系统",
    "description": "{argument name=\"chinese description\" default=\"从蝴蝶翅膀中汲取灵感，将结构色的虹彩光泽与深邃蓝融入界面设计，创造轻盈、灵动、充满生命力的数字体验。\"}",
    "hero_image": "大型、高细节、发光的蓝紫色虹彩蝴蝶翅膀"
  },
  "layout": {
    "sections": [
      {
        "title": "设计灵感",
        "count": 4,
        "description": "展示虹彩蝴蝶翅膀特写和光线折射的方形缩略图"
      },
      {
        "title": "关键词",
        "count": 5,
        "labels": ["虹彩", "灵动", "轻盈", "深邃", "自然"]
      },
      {
        "title": "色彩系统",
        "subsections": [
          { "title": "主色", "count": 3, "labels": ["大闪蝶蓝 #1E5BFF", "虹彩紫 #7A5CFF", "天空光 #00E6FF"] },
          { "title": "中性色", "count": 3, "labels": ["午夜黑 #0B0F19", "柔和海军蓝 #141A2E", "珍珠白 #F3F6FC"] },
          { "title": "强调色与渐变", "count": 2, "labels": ["彩虹光泽", "蝴蝶光芒"] }
        ]
      },
      {
        "title": "排版",
        "content": "Aa Poppins Light / Regular / Medium / SemiBold"
      },
      {
        "title": "应用图标",
        "count": 1,
        "text": "应用名称 {argument name=\"app name\" default=\"Winglet\"} 轻盈。灵动。优美。"
      },
      {
        "title": "UI 组件",
        "subsections": [
          { "title": "按钮", "count": 6, "labels": ["主要按钮", "次要按钮", "玻璃质感", "心形图标", "发光球体图标", "开关"] },
          { "title": "其他元素", "count": 5, "labels": ["搜索栏", "标签 (New)", "进度条 (72%)", "卡片 (Blue Morph)", "滑块"] }
        ]
      },
      {
        "title": "移动端 UI",
        "count": 3,
        "screens": ["探索页面", "带有大型蝴蝶翅膀的今日页面", "带有波形图的音频播放页面"]
      },
      {
        "title": "网页设计预览",
        "count": 1,
        "details": "桌面浏览器模型，首屏区域包含 '{argument name=\"web hero headline\" default=\"光之生命\"}' 和 '立即探索' 按钮"
      },
      {
        "title": "视觉背景",
        "count": 4,
        "description": "展示抽象虹彩波纹的矩形缩略图"
      }
    ],
    "footer": "源于自然的设计，为体验而生。"
  }
}

提示词变量

从提示词中识别到的可编辑 argument 占位符及默认值。

变量

system title

默认值

Butterfly Rainbow

变量

chinese description

默认值

Drawing inspiration from butterfly wings, the design incorporates the iridescent sheen of structural colors and deep blue to create a light, dynamic, and vibrant digital experience.

变量

app name

默认值

Winglet

变量

web hero headline

默认值

Life of Light