1 / 1

虹彩蝴蝶 UI/UX 设计系统

案列来源：cheaty

UI 设计稿openai/gpt-image-2#UI 设计#封面图#体验设计#界面#版式设计

灵感来自蝴蝶翅膀的深色模式设计系统，融合虹彩光泽与自然之美。

7.4w人正在用

4:5推荐尺寸

3.2w收藏人数

提示词模板

{
  "type": "UI/UX 设计系统展示项目",
  "theme": "深色模式，自然灵感，发光虹彩美学",
  "header": {
    "title": "自然灵感 UI\n蝴蝶虹彩\nUI/UX 设计系统",
    "description": "从蝴蝶翅膀中汲取灵感，将结构色的虹彩光泽与深邃蓝融入界面设计，创造轻盈、灵动、充满生命力的数字体验。",
    "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": "应用名称 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": "桌面浏览器模型，首屏区域包含 '光之生命' 和 '立即探索' 按钮"
      },
      {
        "title": "视觉背景",
        "count": 4,
        "description": "展示抽象虹彩波纹的矩形缩略图"
      }
    ],
    "footer": "源于自然的设计，为体验而生。"
  }
}