Huds & Guis

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.

Check out the Push ‘Strength in Numbers’ spot

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