FUI, GUI en HUD

12 november 2018

De gerenommeerde Studio Perception deelt haar ontwerpgeheimen via MAXON’s Cineversity.

Oorspronkelijke tekst door: Paul Babb, Voorzitter MAXON US

FUI, GUI en HUD - het lijken wel de namen van drie wilde stropers uit de hitserie Game of Thrones, toch?

Daar waar de termen GUI (Graphical User Interface) en HUD (Heads-Up Display) ondertussen universeel vastgelegd zijn, is de term FUI vaak nog open voor interpretatie.

De F kan staan voor Fantasie, Fictie, Fake of Futuristisch. De voorzitter van MAXON US, Paul Babb, verklaart Fictional User Interface te verkiezen. Dit omdat het een type van gebruikersomgeving is dat van nature uit niet bestaat. Wat je ook verkiest als betekenis voor de F, het draait steeds om hetzelfde ding: een gebruikersomgeving of HUD die wordt bestuurd door personages in een film of televisiereeks om een bepaald toestel te besturen dat (nog) niet bestaat.

Over het algemeen wordt deze futuristische gebruikersomgeving - vanaf nu dus kortweg de FUI - in de achtergrond gebruikt, om het verhaal voort te bewegen. Een FUI moet dus realistisch overkomen, zodanig dat het niet te hard opvalt.

Het gebruik van FUI in de vroege science fiction films inspireerde reeds generaties artiesten en UX (user experience) designers. Als kind was Babb al zodanig geïntrigeerd door de panelen in ‘Lost in Space’ dat hij de gedetailleerde blauwdrukken aankocht, samen met een technische handleiding voor de Jupiter 2. Vandaag de dag heeft hij deze nog steeds. Toen hij deze documenten opnieuw opzocht, verbaasde het Babb hoe weinig fictionele functionaliteit de plannen bevatten. Hedendaagse artiesten gaan daarin veel verder. Ze krijgen dan ook een grote creatieve vrijheid om de verschillende controllers te ontwerpen. De controllers hoeven niet te werken. Zolang ze er geloofwaardig handig uitzien, is dit goed. Door de hoge graad van realisme is menige FUI ondertussen zo gesofisticeerd geworden dat ze de grens tussen FUI en GUI doen vervagen.

Ontwerpstudio Perception weet als geen ander die dunne lijn tussen realiteit en fictie te bewandelen. Als toonaangevend design lab verzorgt Perception zowel fictieve technologie voor films als vooruitstrevende technologische concepten voor reële UI.

Met behulp van Cinema 4D creëerde Perception reeds FUI voor kaskrakers als Iron Man 2 en 3, The Avengers, Robocop, Men In Black III en vele andere. Daarnaast werd de studio ook al meermaals geprezen voor de innovatieve UI-oplossingen in samenwerking met technologiereuzen als Microsoft Hololens, Samsung, Mercedes Benz en SpaceX.

Als gespecialiseerde 3D-animatiesoftware leent Cinema 4D zich perfect tot de creatie van FUI, GUI en HUD. De gebruiksvriendelijke interface en krachtige toolset bieden de ontwerpers de ideale omgeving om zelf dynamische User Experiences te genereren.

Als Cinema 4D-gebruiker beschik je dus al over de juiste tools. Je voelt vast ook die onweerstaanbare drang tot creatie. Het enige dat je nu nog nodig hebt, is een beetje inspiratie. De ontwerpers van Perception helpen je graag verder op weg in hun eigen reeks tutorials via Cineversity.

Of je nu fictie creëert of non-fictie ambieert, aan de hand van de uitgebreide ‘Perception’s Guide to FUI’ krijg jij als Cinema 4D-talent een goed zicht op de essentiële technische aspecten bij futuristische motion graphics.

De serie omvat een rondetafelgesprek, geleid door Chief Creative John LePore, waarin hij samen met zijn mede-ontwerpers Russ Gautier, Doug Appleton en Justin Molush, de verschillende concepten van fantasy design gedetailleerd bediscussieert.

Overzicht Tutorials

  • Introductie: een kort overzicht van wat er allemaal te zien zal zijn in ‘Perception’s Guido to FUI’.

  • Rondetafelgesprek over FUI in film: het Perception-team bespreekt de achtergrond en geschiedenis van Futuristic User Interfaces in film en daarbuiten - zowel de basisbenodigdheden (do’s and don’ts) als hun eigen kijk op het ontwerpen van FUI.

  • Het aanmaken van Radial FUI Elements met Spline Wrap: John LePore legt verschillende mogelijkheden uit om vlug en eenvoudig radialen aan te maken aan de hand van de Spline Wrap Deformer.

  • Het creëren van Topographic Map Geometry: Russ Gautier (Art Director bij Perception) behandelt het aanmaken van topografische kaarten in Cinema 4D op basis van geometrie.

  • Het gebruik van Takes en Tokens bij grote renders: Doug Appleton (VFX Director bij Perception) legt het systeem van Takes en Tokens uit en refereert daarbij aan workflow best practices, opdat ook jij je meest complexe FUI-elementen georganiseerd kunt renderen.

  • Het opzetten van een Wrist-Mounted Interface: Justin Molush (Senior Designer bij Perception) creëert een futuristische Wrist-Mounted Interface met behulp van de C4D Camera en Object Tracker.

  • Het gebruik van eenvoudige animaties om een complex ontwerp te bekomen: Doug Appleton focust op eenvoudige technieken bij het gebruik van Effectors en een minimale Keyframe Animation die samen een uitstraling van complexiteit aan jouw ontwerp meegeven.

  • Het animeren van HUD-elementen met Expresso: Russ Gautier zet een geanimeerde HUD op in fighterjet-stijl, waarbij hij gebruik maakt van Camera Movement Data in Expresso en Constraints.

Perception is natuurlijk niet de enige ontwerpstudio die uitmuntende UX-designs uitwerkt. Paul Babb haalt graag ook Stephen Lawes even een, die samen met het team van Cantina Creative de ultra-futuristische HUDs van Tony Stark ontwierp voor ‘Iron Man’. Jayse Hansen verdient eveneens een vermelding voor zijn geweldige creaties voor ‘Star Wars’, ‘The Hunger Games’ en Disney’s ‘Big Hero 6’. Ook Territory Studio toonde zich meester van het FUI-scala: van de opvallende comicbook-stijl in ‘Guardians of the Galaxy’ tot de huiveringwekkende organics in ‘Prometheus’. En dan hebben we het nog niet eens over Bradley ‘Gmunk’ Munkowitz gehad, die schitterend werk verrichte voor ‘TRON: Legacy and Oblivion’ en daarnaast ook een user-interface dashboard hielp ontwerpen voor een nieuwe luxewagen van Caddilac.

Tot slot raadt Babb nog het boek ‘Make It So: Interaction Design Lessons from Science Fiction' aan, de must-read voor iedereen die bezig is met het ontwerp van interfaces voor science fiction én in realiteit, want beide blijken toch zeer sterk verbonden.

Geïntrigeerd door FUI? Lees dan vlug verder op http://www.cineversity.com/learn/fui.

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5PTSSRR');</script>
<!-- End Google Tag Manager -->