1 / 1

Cosmic Dark Mode UI 设计系统

案列来源：cheaty

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

太空灵感深色模式设计系统，融合星系配色与发光界面元素，精致现代。

12.9w人正在用

4:5推荐尺寸

2.7w收藏人数

提示词模板

{
  "type": "UI 设计系统",
  "theme": "深色模式，太空灵感，发光装饰",
  "header": {
    "label": "设计系统",
    "title": "COSMIC GRAVITY",
    "subtitle": "A Design Language Inspired by the Universe."
  },
  "layout": {
    "left_column": [
      {
        "title": "色彩",
        "count": 7,
        "items": [
          {
            "name": "宇宙黑",
            "hex": "#050507"
          },
          {
            "name": "深空",
            "hex": "#0E0F14"
          },
          {
            "name": "柔白",
            "hex": "#F5F6F8"
          },
          {
            "name": "Stardust Gold",
            "hex": "#F5D28A"
          },
          {
            "name": "夜紫",
            "hex": "#1A1C2A"
          },
          {
            "name": "暮蓝",
            "hex": "#0F1B2A"
          },
          {
            "name": "星云青",
            "hex": "#0E1F22"
          }
        ]
      },
      {
        "title": "渐变",
        "count": 1,
        "description": "展示从暗到亮再到暗的宇宙光晕水平条"
      },
      {
        "title": "排版",
        "font": "Space Grotesk",
        "hierarchy_count": 4,
        "levels": [
          "H1 宇宙之光",
          "H2 探索更多",
          "正文 天体文本",
          "标注 轨道信息"
        ]
      }
    ],
    "main_column": [
      {
        "title": "UI 组件",
        "subsections": [
          {
            "title": "按钮",
            "count": 3,
            "labels": [
              "探索 (主要)",
              "取消 (次要)",
              "更多 (幽灵)"
            ]
          },
          {
            "title": "滑块",
            "count": 1,
            "value": "72%"
          },
          {
            "title": "开关",
            "count": 2,
            "states": [
              "关",
              "开"
            ]
          },
          {
            "title": "标签",
            "count": 3,
            "labels": [
              "黑洞",
              "木星",
              "轨道"
            ]
          }
        ]
      },
      {
        "title": "卡片",
        "count": 3,
        "items": [
          {
            "title": "JUPITER",
            "subtitle": "轨道档案",
            "image": "木星行星"
          },
          {
            "title": "黑洞",
            "subtitle": "宇宙事件",
            "image": "带吸积盘的黑洞"
          },
          {
            "title": "距离",
            "value": "7.783 亿公里",
            "image": "同心轨道环"
          }
        ]
      },
      {
        "title": "数据展示",
        "count": 3,
        "items": [
          {
            "title": "能量",
            "type": "圆形进度环",
            "value": "87%"
          },
          {
            "title": "信号强度",
            "type": "带发光节点的折线图",
            "value": "42.6 dB"
          },
          {
            "title": "宇宙噪声",
            "type": "音频播放器 UI"
          }
        ]
      },
      {
        "title": "图标",
        "count": 7,
        "labels": [
          "主页",
          "行星",
          "闪光",
          "信号",
          "文件夹",
          "心形",
          "用户"
        ]
      }
    ],
    "bottom_row": [
      {
        "title": "视觉元素",
        "count": 5,
        "labels": [
          "黑洞",
          "引力环",
          "光晕",
          "星云尘埃",
          "玻璃表面"
        ]
      }
    ]
  }
}