Gregory Tinga
  • Home
  • Blog
  • Portfolio
    • BibaCollection
    • Hotel Transylvania CrazyCruise
    • Hotel Transylvania Hotel Havoc
  • About
  • Contact

Designing The Compound UI

24/7/2017

0 Comments

 

Designing the Front End

The Front-end menu system focused on the bleak area that the players are going into. The intention of the design is to capture the bleak tone of the game and area the Soldier players are entering and the place the Alien player is trying to escape. All screens are Designed to appear as if they are seen through an retro sci-fi camera in order to provide narrative and environmental context.
Picture
Picture
Picture
Picture
Picture

Front End Final

Picture
Picture
Picture
Picture
Picture

HUD Wireframing

With each character being different wire frames to plot out  how each character HUD works and reacts to certain aspects. It was essential to plan out the initial looks to quickly prototype how the design would be formed in game.
Picture
Picture
Picture
Alien
Picture

HUD Final

Picture
In this Image the Pyro class just picked up health, (Which can be seen along the outside edges.). The Info Panel in the top left is notifying players that the pyro has healed and that 4 of 9 bombs have been planted.
Picture
The Gunner in the start of the game. the Bomb objective existing 27 meters directly in front, with the medical cabinets highlighted in green and Ammo in yellow (which can be seen through the wall). While the door panel is highlighted in bright blue.
Picture
The Pyro running, while at Medium health.
Picture
The Tactition just blinded by the Alien, In the HUD a few things are happening.
1. The environmental warnings on the side are in the yellow warning the player.
2. The player has low ammo in their firearm, and their ability is on cool down.
3. The Alien has been wounded.
4. The current player is also wounded yet not critically.
Picture
Alien At there spawn, enter-able vents are highlighted.
Picture
Alien Hiding in a vent using its smell ability to find the enemy team.
Picture
Alien using cloak with the power bar (located center) draining.
0 Comments



Leave a Reply.

    Archives

    April 2019
    July 2017

    Categories

    All
    Compound
    UI

    RSS Feed

About

Portfolio
Resume
About Me

Support

Contact

Terms of Use
 GREGORY TINGA 2017
  • Home
  • Blog
  • Portfolio
    • BibaCollection
    • Hotel Transylvania CrazyCruise
    • Hotel Transylvania Hotel Havoc
  • About
  • Contact