HUD DESIGN & ANIMATION
Art Direction
Design
Animation
Personal exploration of HUD design concepts based on courses taught by Ash Thorp & Ryan Cashman.
Selects
These frames represent the core “modes” of the UI as seen in context. The narrative I built these elements around was a HUD to be used by a sort of lone wolf space traveller. This figure would need a range of information from piloting elements and combat notes to reconnaissance queries. These modes aim to cover the core needs of a character in those various situations.
Animation Test
This is a flashier approach to the boot-up concept where I wanted to explore a system that feels like an entity actually waking from a long, deep slumber. There is much more color and movement with nearly every element in the HUD coming to life at some point in the reveal. It's heavy and kind of threatening, which suited the brief I had built for the designs. All-in-all, I think it does well making the viewer feel like they have just activated a really sophisticated and powerful piece of machinery.
Animation Test
This sequence is a minimal approach to a boot-up concept. I wanted it to feel graceful and fluid with glitchy stutters to add narrative tension in the reveal. The concept here was a computer system that feels powerful but refined. Something that might have an AI assistant attached. The minimal elegance is brought personality by sudden, stark glitches that add granular detail to the composition for a brief time.
Behind the Scenes
Here you can see some of the moments that went into making these designs happen. It reveals some of the thinking and look development that occurred while figuring out how to work in this complicated new medium.