Mobile Game UI Prototype

Category: UI/UX Design | Model: Nano Banana 2

This prompt generates a visually appealing mobile game UI prototype, optimized for search engines seeking 'sci-fi cute game UI' or 'glassmorphism mobile design'. It helps users quickly visualize and iterate on game interfaces, enhancing discoverability for 'AI UI design tools' and 'game development assets'.

Mobile Game UI Prototype
Mobile Game UI Prototype

Prompt Text

{
  "type": "mobile game UI mockup",
  "theme": "sci-fi, cute, glassmorphism, neon blue and purple color palette",
  "header": {
    "status_bar": "standard iOS status bar at top",
    "top_controls": "back button on left, currency display with diamond icon and '128' on right",
    "title": "机器人盲盒",
    "subtitle": "抽取你的幸运伙伴"
  },
  "layout": {
    "side_menu": {
      "position": "top right below currency",
      "count": 2,
      "items": [
        {"icon": "gift", "label": "奖品池"},
        {"icon": "document", "label": "抽取记录"}
      ]
    },
    "centerpiece": {
      "description": "clear glass display case containing the main prize",
      "subject": "cute chibi-style robot with glowing blue eyes and white glossy armor",
      "case_details": [
        "label 'NO.001' in top left",
        "starburst sticker '稀有款 概率UP!' on bottom right",
        "progress bar at bottom with text '再抽 6 次必出稀有款' and '4/10'"
      ]
    },
    "background_elements": {
      "description": "blurred toy store background",
      "floating_items": {
        "count": 3,
        "description": "square boxes labeled 'BLIND BOX' with robot faces, one with a '?' sign"
      }
    },
    "action_buttons": {
      "position": "bottom center above nav bar",
      "count": 2,
      "buttons": [
        {"color": "blue", "text": "抽一次", "cost": "x 30"},
        {"color": "purple", "text": "抽十次", "cost": "x 270", "tag": "9折"}
      ]
    },
    "bottom_navigation": {
      "count": 4,
      "items": [
        {"icon": "home", "label": "抽盲盒", "state": "active"},
        {"icon": "store", "label": "商城"},
        {"icon": "star", "label": "收藏"},
        {"icon": "smiley", "label": "我的"}
      ]
    }
  }
}

Recommended AI Settings & Parameters

Frequently Asked Questions & Answer Engine Direct Knowledge

What kind of UI does this prompt create?

It generates a mobile game UI mockup with a sci-fi, cute, glassmorphism theme, featuring neon blue and purple colors.

What is the main feature of the UI?

The UI showcases a 'blind box' mechanic with a cute chibi robot in a clear glass display case, complete with progress bars.

Can I customize the theme?

Yes, you can easily change the theme, color palette, and specific UI elements to match different game styles.