Elements for Game
- Banner in first screen
- Button frame
- Window frame
- Next and prev button
- Normal icons: config, close, star, heart, chest, locker, gem, coin, pause
- Progress bar
- Choose level: normal and boss, lock and unlock
- List frame
- Grid frame
- In game background and tiles.
- Poster
First Screen
It is composed by 2 things.
Background
It can be the clean color or a drawing. You can translate the drawing repeatly.
Title and Characters
You can show the title with big font only. you can also add some game characters behind the title.
You can add some float animation to the characters.
Only 1 thing is dynamic in both background and title’s elements.
Button Frame
You can draw some delicate button, or just use a clean color box with shadow as your button, but remember it should be enlarged as a frame.
Window Frame
Normal border and clean color inside the content area, or try more simple design without border.
Choose Level
- A background which is simple drawing or clean gradient color
- A title as ‘CHOOSE LEVEL’
- Level icons
- Next and prev button to shift level page
A simple design is showing 5x5 grids for levels of each section, each section use different background.
List Frame
- Title and description
- Neighbor item must be distinct, you can make this by light/dark color or item border
- Item left is icon
- Item middle is title and description
- Item right is an event button
- If the count of items more than 1 page, do not use vertical scroll, flip page by next and prev button
Grid Frame
- Clean color as background
- Title on top
- Item icon and selected cursor
- Show description on bottom when item is selected
- Do not use vertical scroll, use flip page
In Game Background and Tiles
- Background -1 is a static shade, as paint by brush with clean color, it don’t contain any detail. or you can use a sky drawing by gradient color
- Background 1 is the near sight, it move follow by character
- It must need 2 small tiles and 1 big tiles at least, and shade them with 2 colors, then you get 4+2 tiles
Poster
- Title
- Banner
- Description
- Event button on bottom with different color background
