社区案例

航空主题 UI 设计系统项目

生成一个全面的深色模式 UI/UX 设计系统项目，包含飞行灵感美学、配色方案、排版和界面模型。

cheaty · 2026-04-19 · 约 4 分钟

参考效果：航空主题 UI 设计系统项目 — 社区作者发布的参考画面 · cheaty

编辑提示词

完整提示词

{
  "type": "UI/UX 设计系统概念项目",
  "theme": "航空与飞行界面",
  "overall_style": "深色模式，时尚，现代，技术感，未来感，玻璃拟态",
  "layout": {
    "top_left": {
      "section": "设计风格",
      "title": "{argument name=\"main title\" default=\"AERIAL INTERFACE\"}",
      "subtitle": "{argument name=\"subtitle\" default=\"空域界面\"}",
      "description": "关于空域界面设计的介绍性段落",
      "principles": {
        "count": 4,
        "labels": ["掌控感", "极简纯粹", "数据美学", "沉浸式体验"]
      }
    },
    "top_center": {
      "imagery": "商用飞机向上飞行的俯视图，在深色背景下留出两条白色尾迹",
      "text": ["飞行即界面。", "你的创意，我们的高度。"],
      "metrics": ["状态：巡航中", "目的地：创作", "预计到达时间：∞"]
    },
    "top_right": {
      "section": "UI 组件",
      "imagery": "圆角矩形面板，展示日落时分云层上的飞机机翼",
      "data_points": ["11:34", "1975 人在机上", "飞行数据 {argument name=\"destination\" default=\"冲绳\"}", "高度 35,000 英尺", "速度 552 节"],
      "tabs": {
        "count": 3,
        "labels": ["地图", "数据视图", "系统"]
      }
    },
    "bottom_left": {
      "section": "配色方案",
      "swatches": {
        "count": 3,
        "labels": ["#05070A", "#0B1220", "#E6F0FF"]
      }
    },
    "bottom_mid_left": {
      "section": "排版",
      "fonts": {
        "count": 2,
        "labels": ["{argument name=\"primary font\" default=\"INTER\"}", "{argument name=\"secondary font\" default=\"JETBRAINS MONO\"}"]
      }
    },
    "bottom_mid_right": {
      "section": "材质",
      "examples": {
        "count": 2,
        "labels": ["玻璃（磨砂矩形）", "金属（深色球体）"]
      }
    },
    "bottom_right": {
      "section": "动效",
      "concepts": {
        "count": 3,
        "labels": ["飞机起飞", "雷达聚焦圆环", "发光的飞行轨迹"]
      }
    },
    "footer": {
      "text": "设计精髓：不仅是设计一个界面，更是创造一种飞行体验。"
    }
  }
}

带入创作工作台

仅带入描述，不会自动生成。参考图与编辑模式请先上传或选中原图。

来源与说明

由 cheaty 发布，经 YouMind 收录。提示词与图片权利归原作者及相应平台。

此案例需要参考图片，请在创作工作台中上传后再使用。

查看原始来源 ↗ · 作者主页

使用示例 →

把这个思路，变成下一次创作。

在 RonasAI 中开始创作 ↗