How do I use the "Design Mobile Game UI Elements" prompt?

Copy the prompt template, fill in the variables (GAME_TYPE, TARGET_AUDIENCE, ART_STYLE, PLATFORM), and paste it into ChatGPT, Claude, or Gemini.

What AI tools work with this creative prompt?

This prompt works with chatgpt, claude, gemini. Simply copy and paste the template into any of these AI assistants.

Tips for getting the best results?

Be specific about your game's monetization model to get tailored UI recommendations that support your revenue strategy Provide reference images or existing games you admire to help the AI understand your visual preferences Ask for multiple variations of critical elements like main menus to A/B test different approaches Include your technical constraints (engine, team size, budget) to get more realistic implementation suggestions Request wireframes or ASCII layouts first, then iterate with visual details for complex interfaces

creative advanced

Design Mobile Game UI Elements

Create stunning mobile game UI elements with this advanced AI prompt. Get detailed design specs, layouts, and visual concepts for your game interface.

Works with: chatgptclaudegemini

Prompt Template

You are a senior mobile game UI/UX designer with 10+ years of experience creating successful mobile game interfaces. Design comprehensive UI elements for a mobile game with the following specifications: **Game Details:** - Game Type: [GAME_TYPE] - Target Audience: [TARGET_AUDIENCE] - Art Style: [ART_STYLE] - Platform: [PLATFORM] **Design Requirements:** Create detailed specifications for the following UI elements, considering mobile-first design principles, accessibility, and user engagement: 1. **Main Menu Interface**: Layout, button hierarchy, visual appeal 2. **In-Game HUD**: Essential gameplay elements, positioning, visibility 3. **Inventory/Shop System**: Grid layouts, item presentation, purchase flows 4. **Settings Menu**: Organized categories, toggle switches, sliders 5. **Achievement/Progress Systems**: Visual feedback, rewards presentation For each element, provide: - **Visual Description**: Detailed appearance, colors, typography - **Layout Specifications**: Positioning, sizing, spacing (in dp/pt) - **Interactive Behavior**: Animations, transitions, feedback - **Accessibility Features**: Color contrast, text sizing, touch targets - **Technical Considerations**: Performance impact, scalability across devices - **User Psychology**: Why this design choice enhances engagement Include specific recommendations for responsive design across different screen sizes and orientations. Consider monetization elements integration and user retention strategies through UI design.

Variables to Customize

[GAME_TYPE]

The genre and style of mobile game

Example: Fantasy RPG with turn-based combat

[TARGET_AUDIENCE]

Primary demographic and player characteristics

Example: Ages 18-35, casual to mid-core gamers, 60% mobile-first players

[ART_STYLE]

Visual aesthetic and artistic direction

Example: Stylized 3D with vibrant colors and medieval fantasy theme

[PLATFORM]

Target mobile platforms and technical constraints

Example: iOS and Android, supporting devices from iPhone 8/Android API 21+

Example Output

**FANTASY RPG UI DESIGN SPECIFICATIONS** **1. Main Menu Interface:** - **Visual**: Dark gradient background (hex #1a1a2e to #16213e) with golden accent elements (#ffd700). Logo positioned at top 20% with subtle glow effect. - **Layout**: Central play button (120dp height), secondary buttons (social, shop, settings) arranged in arc below (80dp each) - **Interactions**: Buttons scale to 105% on touch with golden ripple effect. Background particles respond to device tilt. - **Accessibility**: 18sp minimum text, 4.5:1 contrast ratio, 48dp minimum touch targets **2. In-Game HUD:** - **Health/Mana Bars**: Top-left corner, 200x16dp each, red-to-green gradient with white border - **Action Buttons**: Bottom-right, 4-button grid (64dp each), skill icons with cooldown overlays - **Inventory Quick-Access**: Bottom-left, expandable 3-slot preview - **Performance**: UI elements use 9-patch sprites, minimal overdraw **3. Shop System:** - **Grid Layout**: 3-column item grid, 100dp item cards with 8dp spacing - **Purchase Flow**: Single-tap preview, double-tap buy with confirmation modal - **Visual Hierarchy**: Rarity indicated by card border colors and particle effects Each element scales proportionally for tablet layouts and includes haptic feedback for premium feel.

Pro Tips for Best Results

Be specific about your game's monetization model to get tailored UI recommendations that support your revenue strategy
Provide reference images or existing games you admire to help the AI understand your visual preferences
Ask for multiple variations of critical elements like main menus to A/B test different approaches
Include your technical constraints (engine, team size, budget) to get more realistic implementation suggestions
Request wireframes or ASCII layouts first, then iterate with visual details for complex interfaces