Implementation of a new UI
Posted: 24 Jun 2018, 19:58
Current UI is old, and is kinda boring. I would like to make a new one, so I went to drawing board. I thought about colours and shapes and stuff, you can dismiss all this and directly go to what I drew, but I would rather explain motivation of every element incorporated in designs
Colours
Orange and greys, mainly because Logo is orange and checkered flag is black and white
I chose a very saturated orange to make activated buttons more recognizable
Icons
Something that Arthur rightfully called "Comic SNES", icons based on stylistic of the logo, with triangular shadows and thick black outline.
Font
I went with free font, Inter UI, because I wanted a heavy variant of a font, which will be readable (and visible on smaller Android screens)
Backgrounds
Game environments and waving checkered flag in the background
As you can see I used just one image to represent all game action, but that was out of laziness and that I had that screenshot on hand
Animations
Those are static images, but selection would have pulsing animation (visible as half-opatique background behind selections), as well as animated scenes in the background and animated checkered flag.
Mockups:
There are 9 of them, but only few are visible due to layout of the forum, https://i.imgur.com/lsm47gb.jpg to see them in detail:
Colours
Orange and greys, mainly because Logo is orange and checkered flag is black and white
I chose a very saturated orange to make activated buttons more recognizable
Icons
Something that Arthur rightfully called "Comic SNES", icons based on stylistic of the logo, with triangular shadows and thick black outline.
Font
I went with free font, Inter UI, because I wanted a heavy variant of a font, which will be readable (and visible on smaller Android screens)
Backgrounds
Game environments and waving checkered flag in the background
As you can see I used just one image to represent all game action, but that was out of laziness and that I had that screenshot on hand
Animations
Those are static images, but selection would have pulsing animation (visible as half-opatique background behind selections), as well as animated scenes in the background and animated checkered flag.
Mockups:
There are 9 of them, but only few are visible due to layout of the forum, https://i.imgur.com/lsm47gb.jpg to see them in detail: