Huds & Guis

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 clip
Learn 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

Cisma: Criolo “Duas de Cinco”

Continuing our exploration of work from around the globe, this latest one is from Brazil. It’s a short film by Denis Cisma and depicts a future set in São Paulo. This has a completely different flavour than our previous post from Korea.

The film shows glimpses of holographic devices, drones, 3D printed weapons, projected keyboards and a cool tracking and scanning sequence near the end.

The film is beautifully shot and the colourful neon lights gives the film a wonderful flavour. In terms of GUI, the animations are fluid and very tight, the elements are neat and colourful.

Check it out for yourself, but be warned, it’s not for the easily offended!

Watch Croilo “Duas de Cinco”

(via motionographer)

2NE1 Come Back Home music video

I’ve been wanting to explore more work coming from different places around the globe. Fortunately, I recently stumbled on this Korean music video by K-POP band 2NE1, which features holographic interfaces and a see-through touch screen.

The production quality of the clip itself is impressive and the execution of the UI effects is very tight. I absolutely love the shade of pink/purple that they’ve used and how it compliments the grading and colour palette of the clip.

For the design itself they’ve opted for thin lines and a combo of circle, triangle and diamond shapes. In terms of animation, I love the circuitry inspired flourishes, as the earpiece connects to the visor projectors. They’ve also done a great job of separating the graphics on layers, and have done a nice job animating elements back and forth in Z-space.

This has been a good start but I look forward to finding more work from Korea, and Asia and sharing more here.

Unfortunately, I couldn’t track down the director and VFX company behind this work, so if anyone knows, flip me an email!

Check out Come Back Home by 2NE1

Wearables – Android Wear & Nymi

As expected smart wearable devices are going to be out in the market soon. Here are two examples: Google’s Android Wear and Bionym’s Nymi.

Google’s Android Wear
My initial impression is that this is basically a wristwatch version of an Android smart phone. It looks like it has all the features of a smart phone, but because it’s attached to your wrist and can be voice activated it can be relatively handsfree and therefore more handy? (sorry)

There doesn’t seem to be any game changing features, but that’s not a criticism. If a smart phone works better as a wristwatch, then why not? The best thing about this would probably be that it uses an open source SDK, so that developers can create new applications for it.

What I’m afraid of is that the future will turn out the way it was depicted in the film Her. I will be worried that people will be constantly talking, and not to each other. It would be terrible to hear people constantly talking to their devices on trains, in libraries and in public. But mostly I’m afraid of seeing hipsters dance cringingly when waiting in lines for things. Yuck!

Bionym’s Nymi
Nymi is slightly different, it’s not a content driven device but more of a way for digital devices to recognise you. It basically carries your profile, which can act as a personalised key for your car or hotel room, or allows you to never have to log into anything ever again. It carries your history and your passwords, so it can remember your preferences or can access your bank account.

Warning signs come up as soon as you mention passwords and access to bank accounts but apparently the Nymi is secure as it is calibrated to your heart beat or ‘cardiac rhythm.

I love the idea of not ever needing to log in to anything again and remembering multiple passwords. However, as soon as new technology is released that is linked to money, there will be hackers immediately trying to break into it.

Check it out and see what you think!

Watch the Android Wear clip
Read more about Android Wear

Watch the Nymi clip
Read more about Nymi