Mobile Game UI Design
jasonk
Published
0
Mobile UI Design Brief — Sci-Fi Style
UI Pack Preview
[
Visual Direction
Dark space backgrounds (deep navy, black) with glowing neon accents — electric blue, cyan, and plasma purple. Holographic panel frames with subtle scanline or grid textures. Metallic chrome and carbon-fibre surfaces for buttons and cards.
Screens Required
- Main Menu
- Level Completed / Results Screen
- Settings Panel
- Leaderboard / Rewards Screen
- HUD Elements (health, score, currency bar)
UI Components
- Buttons with glowing edge-light effects
- Player avatar cards with rank badges
- Icon set (shop, settings, sound, missions)
- Progress / XP bars with pulsing glow
- Popup / modal frames with holographic border FX
Typography
Futuristic, bold display font for headers. Clean sans-serif for body and stats. All caps for action labels (PLAY NOW, NEXT, etc.)