Futuristic UI (resources)

Hi, Filip here. The following are resources you might find useful if you're working on FUI (a.k.a. sci-fi UI). This list is meant to be the crème de la crème of the resources I have gathered over the years.

Some of these won't make sense unless you saw my WebExpo 2023 keynote talk Futuristic UI: How to make users feel like they’re in a sci-fi movie. I'm told the talk will be available online at some point.

FUI Studios & Artists

• GMUNK
• BLIND Ltd.
• Territory Studio
• Cantina Creative
• Perception
• ALT Creative
• Jan Gryc
• R▲
• early Beeple

Websites & posts

• HUDs & GUIs
• "FUI" search on Bēhance (just be prepared to wade through a lot of crap)
• Designing a *functional* futuristic user interface

Inspiration

• Minority Report (2002)
• Oblivion (2013)
• Tron:Legacy (2010)
• The Expanse (2015-?)
• Batman: Dark Knight (2008)
  • my montage of FUI from this film
• Star Wars: Rogue One (2016)
• Star Wars: The Last Jedi (2017)
• Robocop (2014)
• Prometheus (2012)
• Spideman: Far From Home (2019)
• Edge of Tomorrow (2014)
• Batman vs Superman: Dawn of Justice (2016)
• Skyfall (2012)
• Her (2013)
• my montage of some good examples of FUI in films above
  • TIP: you can go frame-by-frame on YouTube by stopping playback and hitting , (comma) and . (period)
• Ostranauts game
• HighFleet game
• magic in the fantasy genre
  • e.g. can you make a UI that is as seamlessly part of the real world as some of the gadgets in the Harry Potter universe?

Programming

• eDEX FUI terminal emulator
• Arwes framework
• But mostly, you'll want to build your own.
  • TIP: Use the PubSub pattern to choreograph animations.
• Code-It-Yourself 3D graphics engine tutorial

Related topics

• Gestalt Principles of Design
• Universal Principles of Design book
• Concept Art is Dead GDC talk about what I call "healthy obsession"
• Cultivate a Burning Desire blogpost about what I call "healthy obsession"
• Transparent OLEDs

Hope I'm not missing anything important. Feel free to visit the top page of filiph.net to see some of my past experiments, and to connect with me.

Cheers!