Kit FUI – User interfaces found in films(saji8k.com)
saji8k.com
Kit FUI – User interfaces found in films
https://www.saji8k.com/kit-fui/
27 comments
*not new (upwards of 7 years old) but since there was lots of interest in Pushing-Pixels FUI designer interviews (https://news.ycombinator.com/item?id=25525290) thought would share this old gem - huge database/collection of FUI, been shared around here on a few different URLs over the years.
Most futuristic movies seem to not care too much about UI and just throw the standard cliche hacker-like interface, although it might be just a few seconds but an interesting and different UI can be a really nice touch
In films the UI is a storytelling element as much as a camera angle.
What you show and how you show it is conveying something to the audience.
What you show and how you show it is conveying something to the audience.
And often the ui is conveying sophistication and has not much content. Which is the opposite of what you want in a usable ui. That's why they look so cool and nothing like our regular uis.
There are some exceptions, like in the film "her".
That is also the reason many filmmakers like to put the ui in the air (holograms) or on glass. It looks cool on camera and you can have the actor plus the ui in the same shot.
There are some exceptions, like in the film "her".
That is also the reason many filmmakers like to put the ui in the air (holograms) or on glass. It looks cool on camera and you can have the actor plus the ui in the same shot.
i thought this website is about literal UI on screens, in films?
It is! And what the production designers put on screens is part of what communicates with the audience. Maybe the audience needs to get specific information from the UI in order to understand something in the story. Maybe the audience needs to understand that the talent is having a certain kind of interaction that gives them a particular kind of information, or allows them to control something. In all those cases, the UI is part of how the creative team tells the viewer what's going on in the world of the film!
Yeah the functionality is definitely important from story telling perspective, my point there is the style of the UI is also part of the world building, e.g. the screens from Star Wars should look different from the screens from Blade Runner cuz they're different worlds and different culture, people should have different means to access information from devices. Making everything typical sci-fi style hologram looking UI works but it's a place that can add some nice touch (or can use non screen interfaces if it makes sense in the world)
This is a neat collection, thanks for sharing!
It's an emotional experience to see the Continuum, and Person of Interest UI after such a long time.
Wow, that MSFT Future Vision video took me back. I used to watch it when I was 12 years old and was so amazed by it.
I remember a Microsoft future vision presentation from 1994, shown in my home town in Norway at some event that year (I was 14). This video showed the imagined future in 2004. I still cannot find this video anywhere, but that video was really amazing, as it turned out to very accurately describing everyday productivity 10-20 (even 30) years later. Hopefully someone here can remember it too, and perhaps find it?
These types of UIs can be inspiring in the same way sc-fi novels can be.
I've always thought that i3wm and other tiling window managers let you get into the spirit of some of these futuristic UIs, especially with a large 4k+ display.
I've always thought that i3wm and other tiling window managers let you get into the spirit of some of these futuristic UIs, especially with a large 4k+ display.
Some other interesting resources about typography, user interfaces, and coding in movies:
Typeset in the Future (book and website): https://typesetinthefuture.com/
Behind the Screens (YouTube channel): https://www.youtube.com/channel/UCzOc0EEdwWAlnwrWV-7sDbg
Typeset in the Future (book and website): https://typesetinthefuture.com/
Behind the Screens (YouTube channel): https://www.youtube.com/channel/UCzOc0EEdwWAlnwrWV-7sDbg
And code found in movies and TV shows: https://moviecode.tumblr.com/
Edit: I've justseen is the tumblr page of the YT channel you link, sorry.
Thanks for sharing that. And I don't get the sense that the Tumblr page is linked to the YouTube channel. I think I just see a few times where the Tumblr page has a post from and linking to the YouTube channel.
I remember someone pointing out F# build system code (aka FAKE) in a movie and realizing that someone on the movie set must have googled "fake code" and grabbed the first result. Tried to find the link but can't.
Ash Thorp has a course on HUD design as well:
https://www.learnsquared.com/courses/hud-design#
https://www.learnsquared.com/courses/hud-design#
I thought the designers page was going to be designers found in films.
I keep a list of other fantasy/game design Inspo here https://github.com/sw-yx/spark-joy/blob/master/README.md#gam...
[deleted]
And I just saw the TRON UI trending on github today - https://github.com/GitSquared/edex-ui#screenshots
Here is a large collection of FUI videos , starting from 1950 to now https://visionsofcomputing.wiki.cs.st-andrews.ac.uk/index.ph...
My mate has done this type of UI work for several Hollywood films; https://paulroberts.tv
There's also mockups of game UIs. Some are even real implementations. WoW's SuperVillainUI, but also more conceptual ones.