FUI: How to Design User Interfaces for Film and Games

Book summary:

This is the essential guide to FUI (Fictional User Interfaces), which is a unique mix of film, storytelling, motion graphics, UX and UI design. Compiled with the help of some of the most prolific artists in the film and games industry, this book provides insights, tips and advice on how to break into this unique field. The artists featured in this book have credits in some of the biggest films and games to date, such as: Minority Report, Interstellar, Star Wars, Star Trek, The Avengers, Iron Man, The Dark Tower, Westworld, Black Mirror, Call of Duty and many more.

Contributing Artists:

Alan Torres
Design Supervisor at Cantina Creative

Credits include: Captain America: Civil War, Avengers: Age of Ultron, Fate of the Furious, Furious 7, Guardians of the Galaxy, Captain America: The Winter Soldier, Iron Man 3, The Avengers

Ash Thorp
Director / Designer

Credits include: Lost Boy, Ghost in the Shell, Ender’s Game, Assassin’s Creed, Call of Duty: Infinite Warfare, 007: Spectre, Total Recall, Prometheus, Robocop

Chris Kieffer
Art Director / UI Designer

Credits include: Westworld, The Dark Tower, Passengers, Interstellar, Godzilla: King of the Monsters, Deep Water Horizon, Independence Day: Resurgence, Transcendence

Corey Bramall (Decca Digital)
FUI & Motion Graphics Designer for Film & Television

Credits include: Spider-Man: Homecoming, Transformers: The Last Knight, Guardians of the Galaxy Vol. 2, Teenage Mutant Ninja Turtles: Out of the Shadows, Ant-Man, Transformers: Age of Extinction, The Amazing Spiderman

Davison Carvalho
Lead Ui Artist at Microsoft 343i

Credits include: Star Wars: The Force Awakens, Doctor Strange, Captain America: Civil War, Lone Echo, Mortal Kombat X, Paragon, Deformers

Gemma Kingsley
Graphic Art Director

Credits include: Black Mirror, The Conjuring 2, London Has Fallen

Jayse Hansen
UI Design Futurist

Credits include: Spider-Man Homecoming, Guardians 2, Star Wars: The Force Awakens, The Avengers 1&2, Iron Man 3, The Hunger Games: Catching Fire/Mockingjay 1 & 2, Big Hero 6, Star Trek Beyond, Batman vs Superman, Rise of the Planet of the Apes

Jérémie Benhamou
Lead UI Artist at Activision / Sledgehammer Games

Credits include: Call of Duty: WWII, Call of Duty: Advanced Warfare, Dead Space 2, Dead Space 3, Assassins Creed: Unity, Rainbow Six: Siege

John LePore
Principal, Chief Creative Director at Perception

Credits include: Batman V Superman: Dawn of Justice, Captain America: Civil War, Iron Man 2, The Avengers, Robocop, Thor: The Dark World, The Europa Report

Jorge Almeida
User Interface designer, animator, and fine artist

Credits include: Minority Report, Star Trek Into Darkness, The Dark Knight Rises, Mission Impossible: Ghost Protocol, Iron Man 2, Microsoft Future Vision 2015

Ryan Rafferty-Phelan
Motion Designer at Territory Studio

Credits include: Avengers Age of Ultron, Mission Impossible V, Agent 47, Guardians of the Galaxy


"I wish someone had made a guide to FUI before I started out!”
- Corey Bramall (Decca Digital)

“Thanks Jono and HUDS+GUIS, for what I consider a public service you provide us, which is this source of inspiration and information for all pros and aspiring interface fellas! Thanks!”
- Davison Carvalho (Ready At Dawn Studios)

"Wow, what an achievement, you've brought some big names and detail into this! Its definitely a must for designers/students etc to get their head around FUIs."
- Simon Bronson (Method Studios)

About the author:

Jono Yuen is an award winning designer, illustrator, creative director and accidental writer who has been in the digital creative industry for over 10+ years. Formerly Head of Art at Tribal DDB Worldwide (Australia) for over 6 of those years. Specialising in creating intelligent and enjoyable digital experiences, his work has been recognised globally with numerous accolades and awards across brands in various business sectors. His work has been exhibited locally and internationally, most recently in London, Rijeka, Tokyo and Time Square, New York, as well as being published in various publications around the world.

Jono is also the founder of Future User Interface design community HUDS+GUIS, where he helps bring awareness to the best work in the field and the artists behind them. He speaks on the topics of Future User Interfaces, digital experience design and design mentoring.

He now focuses his energy on helping young designers reach their goals, with projects like HUDS+GUIS and some new projects currently in the works! Jono lives in Melbourne, Australia with his wife Natalie and his son.

To learn more about Jono, go to:

website: jonoyuen.com
email: info@jonoyuen.com
blog: hudsandguis.com
linkedIn: au.linkedin.com/in/jonoyuen
mobile game: skatebums.com
twitter: twitter.com/jonoyuen
instagram: instagram.com/jonoyuen

Author photos:

Download all


HUDS+GUIS (hudsandguis.com) is a resource run by Jono Yuen that brings together the most creative examples of UI design with the artists that create them. With an emphasis on Fictional User Interfaces (FUI), the work can come from films, television, games, concept designs and real world developments.
The goal of the site is to provide inspiration and insights to allow designers and creators to develop better UI for the future. It also aims to shed light on a fairly unrecognised, niche area of design, and be a source of information, news and helpful advice.
HUDS+GUIS also takes on the role of supporting designers wanting to find out more about the industry and how to improve their work.