Tank Game UI Design
 There are game UI design from my project in 2017. It's a tank on-line game. Html 5, Web game. The starting target is Russian, so it can find some key screens with Russia. At first, we try to explore the style that they would like. ​​​​​​​Sharing some UI key screens for everyone who love the war game! 

Lobby


Responsive design for the other small resolution .


Detail page for Equipments

Component icon design


Battle Start


Show Immediate game score in battle


Common message


Profile


Crosshair UI design


Periscope


Battle Result- individual


Battle Result- Team


End game


Pairing...


Common Dialog Box


Profile- individual


Profile- tanks' performance


Performance expand


Detail


Battle history


Account settings


Badge selection panel


Enhance the components


Equipment


Concept
There are some UI concepts at the project beginning. The game scenes and little map are all Interim images from the other games. At first, we try some UI style exploration from battle UI , that is the most important and core part in the on-line battle game.  


* The scene is the temp background for UI testing from the other tank game, not the real game view.


Thank you!
Please feel free to leave your feedback!




Tank Game UI
Published:

Tank Game UI

Published:

Creative Fields