Dark gray, blue, golden book pages, and saturated packs give these game interfaces a strong theme. Events, skills, and shops use different task containers instead of one large grid. Their division is useful, alongside clear words for participation, equipping, and claiming.
Key takeaways
- Events, skills, and shops use different task containers, making main actions findable.
- Equipment and claim states need matching words and icons; vivid themes can retain accurate conditions.
Yellow PLAY gives the main mode its own place
The dark left area contains heading and yellow PLAY, while blue on the right holds special-event cards. Sparse left and dense right allow starting and comparing together, without the main button joining the card crowd.
Time, difficulty, and information icons sit near event cards, and yellow marks the current bottom section. This suits a primary mode beside periodic content, with conditions retaining dedicated positions despite rich themes.
JVDS would check distinct ended, unavailable, and normal entries. A vivid poster does not establish availability, and remaining time must belong to the current event. Displayed countdowns are not current event notices.
Book pages separate owned skills from configuration
The golden open book places ANGELIC SKILLS icons left and three SKILL SLOTS right. It actually divides what is available from where to place it, making theme and structure closely related.
Slots show plus signs and EQUIP SKILL, while a note says items must be opened to unlock slots. These cues leave availability unclear. Define locked, equippable, and equipped slots individually, explaining conditions before locked places and reserving plus signs for available actions.
Progress values and NEW SKIN also need a relevant stage. JVDS appreciates the container’s role, but action-defining sentences must be precise; decoration and bright icons cannot replace states.
The shop names claimed states
Blue-purple supports green, orange, and yellow packs, with prices below and quantity badges beside packaging. A check and Claimed distinguish the left card from purchasable ones, more directly than packaging color alone.
Packs also need consistent quantities, currencies, and contents for comparison. x5 and prices cannot automatically indicate a discount because packages and contents may differ. Confirmation should name received content and consumed resources, with event time and next supply time separately identified.
JVDS would trace obtaining content, returning to skills, and choosing an available slot for continuity. Back and home stay in corners; themes may change while direction and state language remain consistent. Showing obtained objects and availability supports configuration more than reward animation alone.
Frequently asked questions
How can themed game UI avoid state confusion?
Give locked, actionable, and completed states different words and controls, beyond color. Decoration can be shared; action meaning must remain explicit.
Design review checklist
- Check unlocking and equipment cues slot by slot.
- Keep quantity, currency, and content in stable product positions.
Match themed visuals with game tasks
If a game or event product needs clearer entries, configuration, and claims, bring state and task lists for discussion.
JVDS Design Studio provides UI/UX design, website design, and development services, helping organize page content, interface structure, and implementation needs.
Link copied
