So many shape layers… Here’s a few of our favorite UI and HUD reels in Motion Design.
One of our favorite trends in the Motion Graphics world is the evolution of the UI/HUD style. UI interfaces have been going though a bit of a resurgence recently so we thought it’d be fun to share a few of our favorite projects from recent years. These are the very best UI reels in the world.
Futuristic UI/HUD Inspiration
Here’s a list of 12 amazing UI reels. Try not to drool too much...
1. Need for Speed
Let’s kick off the list with this gem from Ernex. This reel is comprised of UI elements for the game Need for Speed. It’s a great reminder that MoGraph extends far beyond just the film and TV world.
Territory is a powerhouse in the futuristic UI space. But when Joss Whedon asks you to develop UI elements for the biggest action movie in decades you better bring your A-game. Territory went above and beyond and created some incredible new graphics that would make any MoGraph artist emotional.
4. Splinter Cell
Created By: Byron Slaybaugh
UI development isn’t just about adding in as many virtual greebles as possible. When developing UIs, concepts like follow through and squash and stretch can help propel the interface and make the entire project feel more smooth. This project for Splinter Cell is a great example of motivated actions in UI design.
Art Direction: Chris Kieffer
For a myriad of reasons Westworld is a great show for Motion Design and VFX lovers. The entire show takes place in a futuristic world so there is UI interfaces everywhere. This reel is a great example UIs that tell a story rather than just look pretty.
6. William Hill UI
Created By: Jeremy Mansford
UI reels typically use a bunch of shape layers to tell their story, but this project created for Cutting Edge Sydney used live action footage to help generate the futuristic design. It looks like it was a super fun project to put together.
7. Guardians of the Galaxy UI Reel
From the costume design to the 3D worlds, Guardians of the Galaxy was a film with a completely different look than traditional sci-fi films. The UI is no exception. This reel from Territory showcases some of the bright and quirky color pallets used in the film.
8. HAND UI
Created By: Ennis Schäfer
Wouldn’t it be amazing if you could generate futuristic UIs from your hands? Ennis Schäfer did just that and put together this UI experiment using a Leapmotion Controller. The entire project took information from his hand movements to generate the design. This guy sounds like a real-life Tony Stark.
When you think of James Bond you probably think of class and sophistication. So when Ernex created the UI for Spectre they brought these themes together with pinpoint precision. This reel is best watched with a medium dry martini, lemon peel. Shaken, not stirred.
10. Assassin's Creed
Now we move on to the UI designer everyone’s been waiting for. Ash Thorp is a Motion Design legend. His work is instantly recognizable and he could certainly be credited with contributing to the current UI style in film, TV, and gaming. Here’s a project he did for Assassin's Creed:
11. Total Recall
One notable feature in Ash’s work is the complexity of the design. Most of his projects are intricate beyond anything you’ll ever see in an After Effects tutorial. This UI reel created for Total Recall shows you just how many elements can be on screen at any one time. Seriously, if you just stop and count you’ll find a few hundred shapes per shot.
12. Call of Duty Infinite Warfare
As the creative world has become more saturated with UI projects it’s essential for artists to innovate and push the envelope. This project from Ash proves that he's capable of changing and adapting depending on the clients demands.
Learn how to Create Data and UI Elements Yourself
Now that you’re feeling inspired wouldn’t it be awesome to go out and create some Ash Thorp style UI elements yourself? Well you can! Ash put together an entire course on Learned Squared that can teach you how to create data and UI elements. The course takes you through everything from sketch to Cinema 4D. There’s no better tutorial or course if you’re trying to learn this style. For $100 the course is a steal!
Hopefully you’re feeling inspired to go out and create some awesome HUD graphics.