Halo: Nightfall UI

Halo Nightfall is a live-action feature-length film (split into a 5 part series) that features lots of stunning visual effects by Nvizible (Edge of Tomorrow). Here is a montage of some of the HUDs and GUIs shots from the series.

The reel features closeups of wearable displays, screen designs. and HUDs.

The illumination of the forearm display on the body armour is really cool. The cockpit display is equally nice, I particularly like the really saturated colour palette.

But I was immediately drawn to the helmet HUD designs. They are so uniquely designed and visually striking. It's really nice how the HUD animates on, it feels so light and thin, and reminds me a bit of the slide out animation from the GI Joe HUD.

I love seeing the helmet HUD from the outside and seeing those thin luminescent lines almost framing the contours of the face. I also love that the helmet features so much glass, and gives the HUD so much breathing room. More close up shots can be seen over at Christopher Abbas' site.

Really beautiful stuff! Check it out!

Check out Nvizible's Halo: Nightfall page
Watch the Halo: Nightfall UI/HUD reel by David Bauer
Check out the concept designs on Christopher Abbas' site.

Call of Duty: Advanced Warfare

As the name suggests, Call of Duty: Advanced Warfare features lots of technologically advanced military gadgets and weapons. As a result we are treated to a variety of HUDs and GUIs!

The following clips are game cinematics produced by London based studio Spov (see previous post Neuroscouting). Overall, there's a really strong cohesive style. There's some really strong consistent elements that hold these clips together. The line work is very neat, there's lots of grids and rectangular shapes but they've managed to do this without the layout becoming too 'boxy'. The typography and colour palette is also really nice. I'm especially drawn to the strong contrast of the green-yellow highlights against the blue lit background.

Throughout the videos, there's a feeling of complex data being presented in a simplified form. This has been achieved with a minimised colour palette with accent colours. The animation also does a great job of leading the eye and adding meaning. There's a good balance between making the story points easy to understand and creating a sense that they are legitimate military briefing screens.

On top of this, they've even managed to make it look visually attractive. The 'Crash' video is great example of this. I love the way they've demonstrated the strategic attack point in Rio Gallegos, how all the lines branch out to the different targets and how the target name tags appear just after the radial pulses. They've made something that's potentially quiet bleak into a beautiful infographic.

I also really like the very clean drone HUD seen at the end of the Lagos clip, especially the subtle tracking dots, and thin light lines. There's a lot of nice subtle animation in there but not too much that it becomes cumbersome. Awesome work by the team at Spov!



San Francisco

Here's some other clips in the collection
Irons Estate
Greece UI


Showcase 6 - VR

Virtual Reality is making a massive impact right now. Since the Kickstarter success of the Oculus Rift, the development of VR has accelerated dramatically. As expected, there's quite a few VR headsets in development right now. Here's a quick look at a few.

Microsoft Hololens

The Hololens is Mircrosoft's recent contribution to the VR offering. It's a bit different from other VR headsets as it's half VR and half augmented reality. The Hololens bascially tries to emulate an interactive hologram (see Iron Man), but requires you to put on a headset, so it's not quite it in the true sense. It is powerful though, unlike Google Glass which augments a flat layer of information to your vision, this maps 3D objects into your environment. When you put on the Hololens, essentially you can interact and walk around 3D forms, that appears integrated to real surroundings. The interactions come from gesture and voice commands.  In their promo video they show examples of the types of applications this would be useful in and some are quite powerful.

One application is in industrial design, whereby you can have a realistic representation of your concepts in a 3D space, at the right scale. This allows you to rapidly prototype concepts without having to make expensive physical models, and allows you to adjust on the fly. This is very much like the Iron Man example.

Another is screen sharing for instructional purposes. Microsoft have touched on the usefulness of AR in the area of education and instruction, as seen in their Manufacturing Future Vision way back. The example in the video shows a woman fixing a sink, whilst someone in another location is guiding her through it with 3D diagrams. This is a bit clunky, since the man's experience is completely 2D. But what would be better is if she was assembling something like Ikea furniture, where all the instructions are built into the parts, explaining what goes where and how to put it together.

This concept isn't completely new and is similar to T(ether), an experimental interface from MIT Media Lab (2012), but this is the first time I've seen it in a neat working and marketable form. It looks very promising.

NASA is also using it on their exploration of Mars, which demonstrates how powerful and useful this technology is.

Oculus Rift

The one that really jump started the evolution of VR. They've recently started Oculus Story Studio, which is committed to exploring the potential of VR in cinema. There has been quite a lot of hype around storytelling in VR and it being the next big thing in cinema.

This introduction video talks about the possibilities and challenges involved. Most interesting was the idea that 'cuts' in film was a technique that was developed to allow the film to change scenes and locations. In VR the problem with cuts is that it either disorientates the user or gives the sensation that you're being teleported. It becomes disruptive when you're trying to immerse the user in an alternate reality. So how do you tell a large story that involves multiple locations or multiple time frames? Do you have to be a participant in the story? Seems like there are a lot of interesting challenges and would be a lot of fun working through them.

Oculus Story Studio are currently creating 5 films told in VR. Very excited to see where it goes.

Other notable VR headsets

Samsung Gear VR (powered by Oculus Rift)
Sony Project Morpheus
HTC Vive
Carl Zeiss VR One
Avegant Glyph
Razer OSVR
Google Cardboard

Microsoft's Productivity Future Vision 2015

Like the previous Future Vision projects by Microsoft (2009, 2011), this latest instalment continues the same 'a day in the life of' structure, and follows a scientist as she and the people around her interact with new technology. This is a great way of tying in tech demos with real world relevance, and really humanises complex technology solutions.

Highlighted here are the three concepts that really caught my attention.

Scuba Hololens

This is featured at the very beginning of the clip, and shows our scientist scuba diving underwater. We see various augmented graphics tethered to real world objects, that you can swim around, which is the real power of the Hololens. She uses this extra layer of AR for way-finding via route markers, identifying species of plant-life, capturing and saving content, screen-sharing communication, as well as adding extra layers of complex information to her regular tasks.

This is the perfect application of the Hololens, where you're in an environment that already requires you to wear a mask. This extra layer of technology makes the experience safer and more efficient. You only have so much time/air before you have to surface from scuba diving, but this allows you to make the most of every dive.

'Smart' bracelet

I love the concept where you can change the design of the bracelet by 'absorbing' a pattern from a nearby textile, like a chameleon. You can already change the background image for all your devices by taking a photo and setting it as wallpaper, but this is a more beautiful and intuitive way to do that in less steps.

The joining of multiple bracelets for more screen space was a real treat, it makes so much sense and the way they demonstrated that was fantastic.

The gesture control was very interesting too. They opted for wrist and finger gestures over touch input, probably more so to demonstrate capabilities than for true usability. It looks great and it got me excited but under further scrutiny, I'm not entirely convinced. I've never been a fan of moving the interface as a method of interaction, ie. tilting devices, I feel there's a small element of disorientation when you do so. Particularly for this bracelet, there's no distinction between rotating your wrist to select an option and if you were just wanting to look at a different area of the screen.

I do love though, how it acts as an access key to gain entry into spaces, as well as how it can be flattened to become a handheld remote. Very cool.

Digital chalkboard

This is a good idea, I've always found taking a photo of a whiteboard/chalkboard to save information to be very clunky. Having a digital chalkboard, I'd imagine, would give you the ability to save and undo. Also I can imagine having an option to auto-format the board to neaten up your layout too, which would be extremely helpful (like you do with your desktop or code).

Another benefit of going digital is that you can move and rearrange things. Instead of copying it down, rubbing it out, rewriting it to give more room for other things, you should be able to just select it, resize it and drag it to where you want. Other ideas would be to use fonts over illegible handwriting, so everyone can read it, or even being able to translate it to other languages. Also the screen space could be scrollable, so that you don't have to have pages, but if you were to continue a train of thought or formula, you could just drag the canvas down.


Hats off to Microsoft for continuing this project. This is a great evolution of the previous versions and introduces new and relevant ideas based on evolving technologies. They really offer a tantalising glimpse into a possible future and that gets me really excited.

Other honourable mentions in this video would be the giant 'Cintiq' table (I'd love one of those!), screen sharing, the home video (facetime) wall, and the interactive hologram thrown in there for good measure.

Make sure you check it out, it's a six and a half minute clip full of ideas.

More info on Microsoft's official page

Check out the previous versions here:
Watch Microsoft's Productivity Future Vision 2011
Watch Microsoft's Productivity Future Vision 2009


Jupiter Ascending UI Reel by Territory Studio

Territory Studio (Prometheus, Guardians of the Galaxy) have released this UI Reel showcasing their recent work on Jupiter Ascending.

There's also an insightful interview with Territory's Founder and Creative Director, David Sheldon Hicks, over at The Creators Project.

Overall the UI feels very elegant. There's a good mix of structure and organic elements. As a result the design looks sophisticated, and only slightly technical, as necessary to navigate through space, but also very natural and pleasing to look at.

This has much to do with the key element in the designs, which are these vibrant, flowing isometric lines that are said to be inspired by weather maps. As with weather maps, I love how the movement and arrangement of these lines are able to communicate how invisible forces are moving. This obviously fits in perfectly with the task of visualising cloaked spaceships and wormholes. As with topography, it's fascinating how people can get so much information from just the formation of a series of lines. It's a really unique (and visually appealing) way of communicating data. Not only is it visually appealing, but it could actually be a more efficient way of consuming spatial information than a set of data readouts.

What was also interesting about this project was that the visuals were projected onto the glass panels within the set, rather than integrated during post-production. This has become more common nowadays, with company's like Compuhire, who worked on this project. This allowed the UI design to be incorporated into the set in real time, and adjusted on the fly. As a result, the director has more control over the whole shot, and have the consideration for the UI within the context of the shot, rather than afterwards. Oooii also made use of interactive playback graphics for Star Trek and Star Trek: Into Darkness.

Check it out!

Check out the Jupiter Ascending UI on Territory Studio's site
Check out the interview with David Sheldon Hicks over at The Creators Project

2014 Round up

It's time for the last post of the year!

Looking back on the year, it seems we've had a good mix of articles. We've explored work from Taiwan, Brazil and Korea, and hopefully we get to see more from other countries next year. We've checked out FUI and practical examples, retro and modern design, imaginary products and real products.

With each year we see this area of design mature and it's been a pleasure documenting this and watching it happen with you guys.

We've also had a long overdue update to the site. It's been a massive year for HUDS+GUIS and for me personally.

I've had a lot of great interactions and conversations with you guys. Massive thanks for visiting and supporting the site. Also thanks for everyone that emailed and contributed inspiration for this site, and those writing just to say hi.

Now it's time for a much needed break! Merry Christmas everyone, and I hope you guys have an awesome holiday break!

See you in the new year! Wooohoo!

Here's a recap of the posts we did this year...

Rolls-Royce - The future of ship intelligence
Edge of Tomorrow - UI Design
Simian UI Montage
NeuroScouting by Spov
Continuum Season 3 - HUDs and GUIs
Guardians of the Galaxy UI Design - Territory Studio
Push 'Strength in Numbers' - Data Visualisation
Pacific Rim - Holographic UIs
Her - Invisible Technology
Shake You Body - Pepsi Taiwan
Alien: Isolation - Lo Fi Sci Fi
Captain America: The Winter Soldier UI
Deus Ex Human Revolution UI
Cisma: Criolo "Duas de Cinco"
2NE1 Come Back Home music video
Wearables - Android Wear & Nymi
GM ELMIRAJ Concept car UI
Ender's Game - UI Breakdown
Robocop (2014) - UI Design



Rolls-Royce - The future of ship intelligence

Rolls-Royce have invested a lot of money and resources into seeing how technology can help make the shipping industry safer and more efficient. It's quite inspiring to see a project of such scale and imagining how much of an impact this initiative could have.

The videos themselves are fantastic, for someone who knows little of the shipping industry, it's quite easy to grasp the concepts being presented. A few of the key points that I quite liked was the use of Augmented Reality, situation awareness and personalised configurations.

Augmented Reality

It's very obvious in the videos how useful this could be. The scenarios in which they've decided to use AR are very intuitive and sensible, and a lot of it focuses on predicting behaviours. Showing projected pathways, allows the user to see things before they happen, and therefore constantly be a couple of steps ahead of the current situation. Having positional indicators with realtime information on distance and timing, gives the user a comprehensive map of traffic flow. Therefore ships are able to manoeuvre around obstacles and avoid collisions, way ahead of time. My favourite application though, was the transparency view. With all the data collected, the AR overlay allows a user to see through the ship's cargo containers, which would normally obstruct the view of a passing ship below. All great applications of AR and excellent examples of using technology for tangible benefits.

Situation awareness

This was specifically demonstrated in the 'Future of tug bridge controls' video. The example shows that a captain and a deck hand can both share the same view of a situation, and therefore allowing them to be on the same page, whilst being on different ships. Not only that but the captain can interact with this shared visual and essentially point to what he/she's referring to in real-time, and guide the deck hand visually, along with verbal communication of course.

Personalised configurations

Well this one's pretty obvious, but there are a lot of benefits to this. It's not just about adjusting your chair to the height that suits you, but for a ship controller it seems there are so many things you have the adjust for. This is particularly useful for people being at the controls for long periods of time, as well as people of different sizes. Particularly when safety's concerned, controls need to be suited to the user, just like driving a car, your mirrors need to be adjusted to suit you. I love that it's all automated and customisable and I can see this being applied to airplane pilots or in fact any situations involving a driver.

Check it out, it's great to see UI/UX design attributing to practical real world benefits.

Thanks to our friend Allan MacKinnon, for sending this through!

Watch 'Ship Intelligence for cargo vessels'
Watch 'Ship Intelligence for platform support vessels'
Watch 'Future of tug bridge controls'

Edge of Tomorrow - UI Design

Here’s a glimpse of some of the UI work from Edge of Tomorrow, which is part of a larger body of work from Nvizible’s Autumn 2014 Showreel.

There were a few things that bugged me about the film but overall I really quite enjoyed it, particularly seeing Tom Cruise playing a character that’s out of his depth. The movie takes place in a grungy type of future, and didn’t feature as many UI shots as I had expected (not necessarily a bad thing). But the bits that were there were worth checking out.

Firstly the hologram table was quite nice. It’s very common place now but the style of it reminded me of a cross between Avatar and Final Fantasy but at a smaller scale. I would have liked to have seen it used more purposefully. Personally, I didn’t think Tom Cruise really needed to see the holograms of the Alpha and Omega, or that it proved particularly useful in his mission. What made more sense was the scene where he’s planning his strategic moves, which was cool. Regardless the designs were very tightly executed.
Secondly, I wanted to point out the suit HUD. The style looks like something you’d expect to see in a current fighter jet HUD, but a simplified and slightly modernised version of it. I liked seeing the unusual looking enemy targeting reticle too, which was like a hash symbol and looked very video-game-like.

Check it out if you have a chance!

Check out Nvizible’s Autumn 2014 Showreel featuring Edge of Tomorrow.


Simian UI Montage

Here's a short UI montage featuring work from an upcoming independent short "SIMIAN", that shows off a lot of space screens.

It features semi-complex screens that's fixed on a grid system, and uses a lot of thin line work similar to the approach used in Oblivion.

What caught my eye was the the soft glows on the UI that give it a luscious and almost retro look to it. But having the thin, clean lines, and complex shapes keep it looking modern.

I also liked the layering of UI, and the offset red and cyan layers that give it an anaglyph look.

Look forward to see how these screens get incorporated into the film!

Watch the Simian UI Montage

Check out the breakdown here

NeuroScouting by Spov

Here's a short clip I discovered by London based studio Spov, titled 'NeuroScouting', that deals with sports science and data analysis.

The clip shows different ways of visualising the data that can be collected to analyse sports performance. The sequencing of the data elements does a good job of leading the eye around and establishing visual hierarchy. The little dot elements help a lot, as it draws the eye into position before unpacking information or triggering events. Using a limited colour palette helps too, and having an accent colour to highlight items.

It's also nice to see the variety of different approaches to visualising tracking information such as hip rotation, hand position, as well as speed and power.

Check out the NeuroScouting clip by Spov

Continuum Season 3 - HUDs and GUIs

UI Designer Lorcan O'Shanahan has recently uploaded some nice close ups of some of the HUDs and GUIs work done on the third season of Continuum. There's some really beautiful work there!

Continuum is a series that has consistently shown that they are open to very visually attractive on-screen GUIs. We've featured work from both season 1 and season 2 here before.

Over on Lorcan's site is a series of animation tests showing character HUDs, diagnostics and debug screens. A lot of the HUDs take a very minimalist approach, which I love. There's a really nice balance of the varying line weights and the content feels super tight and super neat. I like that the varying sizes of fonts gives a sense of hierarchy and feels like you could quite easily make a style guide out of these designs, which in some instances FUI designers do.

The animation is good too, some really nicely timed moves, particularly in Keira's HUD. But it's all held together by the tight design arrangements, I really love some of the stills they are so visually striking.

Congrats to Lorcan and the team at Artifex Studios!

Check out the Continuum HUDs and GUIS page on Lorcan O'Shanahan's site.

Guardians of the Galaxy UI Design - Territory Studio

I just recently watched Guardians of the Galaxy and I really enjoyed it, quite unexpected and a lot of fun. Afterwards, I was really wanting to look at the UI close up. Luckily for us Territory Studio have compiled a UI montage of their recent work on the project along with lots of detailed images over on their site.

The movie had a huge array of UI and screen graphics, which included holograms, cockpit UI, schematics and alien UI. The examples ranged from being technical, bold, complex to very organic constructions. The unusual orb like alien interface on the necrocraft was also an interesting surprise.

I really like that they developed typefaces for different locations throughout the film. I find it very fascinating seeing people invent and visualise their idea of alien culture. I also really love movies that travel to other planets because of the way design language is used to differentiate different cultures or colonies. It really is an opportunity to exercise your imagination. As a result, there's some really fun use of colour and shape particularly in the displays seen on 'Knowhere'.

My favourite piece would have to be the line up sequences. I just love the colourful UI elements and the way the shot is framed, it's so luscious with colour and visually striking. It really felt like something out of a comic book or video game. The dusty pink type is awesome.

Check out the movie if you haven't already, it's probably one of my favourite Marvel films to date.

Watch the Guardians of the Galaxy UI montage by Territory Studio

Check out the Guardians of the Galaxy Trailer

Push 'Strength in Numbers' - Data Visualisation

Here's a short trailer by Common Good, for the training app Push. It features a lot of nicely designed data visualisations. The execution is very polished and does a good job of visualising how the app is tracking different types of exercises.

I like the variety of infographics used to describe different types of measurements, whether it be weight, height, speed or power. There are some really nice touches to the style, it's convincingly sporty and not overly techie. The chunky type, grids, and choice of accent colours do a lot of the heavy lifting.

Worth checking out in detail, there's some really cool ideas hidden in there.

Here are some animated gifs lifted from designer Nicolas Girard's site.


Pacific Rim - Holographic UIs

I've been wanting to post up some work from Pacific Rim for a while now. There's quite a lot of UI design throughout the film and it's worth having a look at. Here's a montage of some of the UI work from Hybride.

The montage includes lots of holographic UIs, most of which feature inside the cockpit of the Jaegers (the big robots). So the displays show a range of diagnostic and battle related info. What I like, is the conscious effort to distinguish the different Jaegers by their country of origin, which was reflected in the cockpit design, the suits and also the UI design.

There's an obvious shift of style from the US Jaeger to the more industrial Russian Jaeger. There's a lot going on in those UIs, but I really like their arrangements and the different angles and depths of the display panels. It looks fantastic as the camera pans around them. I also really like the unusual shapes they've used for the content frames, there's a lot of irregular shapes and organic curves, it's a refreshing change from overly grided layouts. Though that is purely from an aesthetic stand point, on the other hand it is very clear to see that the more grided layouts are actually much easier to comprehend.

I also liked that they experimented with different colours. There were a few colours in there that you don't often see in UI designs. There's a lot to take in, so it's probably worth watching it a few times!

Check out the Pacific Rim VFX Breakdown by Hybride

Her - Invisible Technology

I really enjoyed this film, not only from a pure cinema experience but also from a UI and technology point of view.

I came across some really interesting terms when reading articles about Spike Jonze's approach. Terms like 'slight future', 'invisible technology', 'people-centric technology', 'undesigning' all give you an idea of the future portrayed in the film.

The first term 'slight future' has been used to describe the timeline in which the film is set, which helps guide the approach to technology. I like that they've referenced how technology exists today and evolved it slightly. Currently technology is in your face, it's very visible and appears everywhere you look. In Jonze's slight future, technology is invisible. Technology isn't about the initial novelty of touching a screen and having things happen. The novelty is over, it's now about people carrying on with their lives and having technology help them quietly. Where technology recedes into the background like incidental interfaces.

This is evident in the main character Theo Twombly's smart house, where the lights turn on automatically as he enters a room and dims as he leaves another. Also at his job, all computers are devoid of keyboards and he transcribes his letters through voice recognition.

The earpieces that everyone uses is also very interesting. I’m generally not a fan of the idea, more because I don’t like the idea of people constantly talking in public. But I love that unlike Google Glass, which augments images into your vision, an earpiece is less invasive. You could be absorbing content whilst doing other things, without needing to avert your gaze.

The hologram sequence itself almost warrants another post but I’ll keep it short. The experience looks great, and very immersive. But it raises interesting UX and design issues, like where does the frame end? How do you design for this? There’s also a shot where Twombly takes a bite of his sandwich and the game character replicates the action, when does the game interactions start and stop? Also I found it strange that the foul-mouthed alien character was able to respond to non-game related dialogue and content. What does this mean to the overall game experience?

Not only is this a great interpretation of a slight future, but it's important to acknowledge that this is first and foremost a film about people and relationships. It is a remarkable effort to be able to create such a world which also works with the screenplay and the telling of a story. I know Jonze didn't want actors fiddling around with devices and interfaces as it doesn't make for a very compelling viewing experience. So the earpieces were an interesting solution to storytelling, while also working nicely within his future vision.

I really love that Jonze and his team set out to explore this world so thoroughly and that they created rules and laws to dictate how things would actually work. I genuinely enjoyed this film and I encourage you to check it out, if you haven't already. I appreciate it even more after reading up about it.

Check out the hologram sequence (explicit language warning!)

Article by WIRED: Why Her Will Dominate UI Design Even More Than Minority Report.

Shake Your Body - Pepsi Taiwan

Here's a clip from Taiwan, it's music video called 'Shake your body' for Pepsi. In an attempt to describe it, it's kind of like Asian popstars meets Tron stadium meets Dance Central meets Pacifim Rim meets the World Cup. It's all a bit of fun and Taipei based production company Grass Jelly did an amazing job on the VFX.

The main dance interface sequence is fantastic and there's also some great shots of the control room displays and surrounding platform graphics a la Tron Legacy.

I really enjoyed seeing the players use dances moves to trigger the UI. The circular hit points are really nice, especially when they're in weird angles. It was particularly nice seeing the green guy doing a flip then a windmill and swiping all those points like a combo. It felt like a legitimate game.

The colours are nice and vibrant too, which suits the theme well. It was a nice touch to utilise the glossy floor too, which again made it feel more legitimate. All in all I think the clip has been executed really well, and I really loved seeing the dance UI being used creatively.

Make sure you check out the project page on Grass Jelly's site and also the GFX montage by FUI designer Yoshiki Lai!

Watch 'Shake Your Body'Check out the breakdown page by Grass Jelly
Check out the GFX montage by Yoshiki Lai

Alien: Isolation - Lo Fi Sci Fi

Alien: Isolation is an upcoming game based on the Alien franchise. This clip shows the development team talk about their unique approach to the game UI and art direction, which in turn influenced the game design itself.

This approach comes from their desire to stay true to the original film Alien from 1979 and for the game to exist in that very same world. I personally love the so called Lo Fi Sci Fi look of the original film, I think there's something so special about it. There's so much character behind every object and every interface. Maybe it's because there's so much nostalgia and history behind that era that makes the look so memorable. Perhaps in twenty years time, interfaces that we consider 'futuristic' will have the same resonance.

There's a few key points that I took away from the clip besides the whole approach itself which is so inspiring. Firstly, I love the quote by Art lead Jude Bond, who says: "In order to stay faithful to the source we set ourselves a rule that we wouldn't build anything that couldn't have been built on the original set in 1979. Everything in our game conforms to this retro future aesthetic." It's so great that they had this rule to live by in order to help the team maintain a unified vision. Secondly, I loved the process of achieving this Lo Fi, retro look, by using VHS' and destroying equipment to create artefacts. Sounds like so much fun!

This game looks fantastic, check it out for yourselves!

Check out the Alien: Isolation Lo Fi Sci Fi clipLearn more about Alien: Isolation

Captain America: The Winter Soldier UI

Here's the latest case study from Perception, this time for Captain America: The Winter Soldier. The work centres on a car chase sequence in which the film relies heavily on the HUDs and GUIs to help explain what's happening.

Most of the work appears on the in-car HUD, and features threat detection, diagnostics, communications, and scanner functions. My favourite though is the UI that helps plot a recommended path, visualised through a red light flashing along the road. I love how that's been imagined, the red mark that flashes along a grid is perfect. It's so intuitive and for the film, visually appealing too.

Cool work from Perception as always, check it out!

Watch Perception's Captain America: The Winter Soldier UI montage
Check out Perception's case study
Learn more about Captain America: The Winter Soldier

Deus Ex Human Revolution UI

Deus Ex: Human Revolution is an action role-playing game first released in 2011. I have never played it before, but I've come across lots of artwork, trailers and videos of it. Recently I stumbled upon this page by Eric Bellefeuille (lead Art Director Presentation) which highlights some of the UI design in the game.

If you're ever looking for a gold themed UI, this is it! A lot of the UI is set in gold and black, and is characterised by bold outlines, angled shapes and soft glow finishes.

The only thing I'm not sure about is the icons, which I think could be styled to compliment the overall look a bit more. Personally I think they are a tad too playful. But in saying that I don't know what the brief was so who knows, maybe the game UI had different objectives.

Anyhow check it out for yourself, there's some nice elements in there worth noting.

Check out Deus Ex UI work from Eric Bellefeuille
Check out the game's opening credits which features some UI elements as well
Here is the Deus Ex: Human Revolution cinematic trailer