社区案例

抽卡游戏 UI 原型

为盲盒或抽卡游戏生成移动端 App UI 原型，包含核心角色展示区、操作按钮及导航元素。

summer song · 2026-04-17 · 约 4 分钟

参考效果：抽卡游戏 UI 原型 — 社区作者发布的参考画面 · summer song

编辑提示词

完整提示词

{
  "type": "移动游戏 UI 原型",
  "theme": "科幻、可爱、玻璃拟态、霓虹蓝与紫色配色方案",
  "header": {
    "status_bar": "顶部标准 iOS 状态栏",
    "top_controls": "左侧返回按钮，右侧显示带有钻石图标和“128”的货币栏",
    "title": "{argument name=\"main title\" default=\"机器人盲盒\"}",
    "subtitle": "{argument name=\"subtitle\" default=\"抽取你的幸运伙伴\"}"
  },
  "layout": {
    "side_menu": {
      "position": "货币栏下方右侧",
      "count": 2,
      "items": [
        {"icon": "gift", "label": "奖品池"},
        {"icon": "document", "label": "抽取记录"}
      ]
    },
    "centerpiece": {
      "description": "包含大奖的透明玻璃展示柜",
      "subject": "{argument name=\"robot character description\" default=\"可爱的 Q 版机器人，拥有发光的蓝色眼睛和白色光泽装甲\"}",
      "case_details": [
        "左上角标注“NO.001”",
        "右下角带有“稀有款 概率 UP!”的星形贴纸",
        "底部进度条，文字显示“再抽 6 次必出稀有款”及“4/10”"
      ]
    },
    "background_elements": {
      "description": "模糊的玩具店背景",
      "floating_items": {
        "count": 3,
        "description": "带有机器人脸部图案、标注“BLIND BOX”的方形盒子，其中一个带有“?”标记"
      }
    },
    "action_buttons": {
      "position": "底部导航栏上方的居中位置",
      "count": 2,
      "buttons": [
        {"color": "blue", "text": "{argument name=\"left button text\" default=\"抽一次\"}", "cost": "x 30"},
        {"color": "purple", "text": "{argument name=\"right button text\" default=\"抽十次\"}", "cost": "x 270", "tag": "9 折"}
      ]
    },
    "bottom_navigation": {
      "count": 4,
      "items": [
        {"icon": "home", "label": "抽盲盒", "state": "active"},
        {"icon": "store", "label": "商城"},
        {"icon": "star", "label": "收藏"},
        {"icon": "smiley", "label": "我的"}
      ]
    }
  }
}

带入创作工作台

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

来源与说明

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

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

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

使用示例 →

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

在 RonasAI 中开始创作 ↗