Stratega is a fast paced real time strategy game with a slightly combination of Tower Defense. In this game you will have to gather minerals, survive wave of enemies attacks and invade the enemy base.

Post news Report RSS UI First look

This week we are going to work very hard on the game UI, if you want to know the process of this part of the development, just keep reading!

Posted by on

First of all, lets take a look at the original in-game UI of STRATEGA ( the 2D version of the game, highly inspired on the game Starcraft ).

strategaUI 000c

and next, the in-game UI of the MOBILE version of STRATEGA

shot03

We can see that we have a LOT of info to show on the screen, sometimes that's cool, sometimes its not because it uses spaces of the game. I personally prefer the one that correspond to the mobile version of Stratega, the bad side is that we sacrificed the description of the structures and units and the possibility to do more actions with that structure (like sell or upgrade).

For the new version of Stratega, the following picture was one of the first mockups of the UI.

strategaUI 000a

Then we decided to remove the TOP bar because it was using too much unnecessary space and moved that info in the bottom left side of the UI. The radar has also changed significantly and now it looks much clean and friendly...

strategaUI 000b

The next step was to improve a little more what we got, we made some lines stronger, we combined the blue of the lines with another brighter one, and we slightly added more colors... finally we got these elements

strategaUI 01

Then we started to add those elements into the game... We've also changed the font, the font that we were using originally was Bank Gothic (used in Starcraft for example) and the one that you see in the picture below is Orbitron... the only thing that I don't like that much is the slash that have the 0s

strategaUI 02

And here is part of the in-game UI in action! We still need to add some elements.

strategaUI 03

The DESCRIPTION / INFO rectangle will be only visible when you click/select a structure/unit, or you have your mouse over one of the buttons to create a structure... with this behavior the player will have more visible spaces in the game (and I believe that its really critical for this game).

Post a comment

Your comment will be anonymous unless you join the community. Or sign in with your social account: