Core77

[KenoLeon]

Of course you do, that was a silly question to ask, help yourself to a healthy serving...

http://sciencefictioninterfaces.tumblr.com

-K

[yo]

awesome archive! Thanks for sharing Keno!

[ralphzoontjens]

Thanks!

On that note here's another great tumblr related to futuristic shapes, dynamics and interactions
http://parametricworld.tumblr.com

[iab]

Why are they always white type on a dark background? And an over abundance of thin lines.

Must film well.

[Cyberdemon]

Why are they always white type on a dark background? And an over abundance of thin lines.

Must film well.

Yeah, if you think about a dark, moody space ship having a super bright white background with a bunch of solid windows on it (which works great for contrast in real life) suddenly blows out your entire frame and draws attention to your weird made up UI design which is mostly spinning numbers and dials and random text from a dos prompt.

grbm string del *.* file max -fvs
123908 bytes zap zap zap

[Mr-914]

I wonder what people in 1980 would have thought of Hans Solo piloting the Millennium Falcon via iOS. Somehow, we expect future interfaces to be wildly complex and visually intimidating. Not to mention some of the incomprehensible 3D animations.

[yo]

BTW, this is the firm that is designing a lot of the UI's in movies:
http://www.experienceperception.com

[Brian_Donlin]

Awesome resources! A while back I was considering a sci-fi style interface in one of my student projects, but I went with something more conventional instead. Now I'm starting to rethink that decision...

Does anyone have examples of this style being used in real UIs? Here's one example...

[KenoLeon]

2 come to mind:

The ember mug I saw at Starbucks the other day, pricey and maybe a little gimmicky but the interface was oh so futuristic and cool:

Also Mclaren :

mclarenUI.JPG (81.48 KiB) Viewed 7886 times

[IDAL]

These ones from TRON look pretty cool




http://gmunk.com/filter/2010/TRON-Solar-Sailor

It's true that the trend seems to be lines and dots over black background, but definitely could be used as inspiration for real life products.

[Brian_Donlin]

It's true that the trend seems to be lines and dots over black background, but definitely could be used as inspiration for real life products.

Notice how they usually have a bit of outer glow and are slightly transparent, too. That glow reduces readability for real life applications. The McLaren doesn't really glow like that, for example.

[KenoLeon]

Not a physical product per se, but I spent a bit of last year combining front end chart libraries with a scifi UI scheme, you can check the live example/code source in the links if you want to use them for your projects:


You can change the line color scheme on this one, the perception of the red one is very satisfying.
Responsive Multi Color Chart HUD

scifiwebUI001.jpg (70.91 KiB) Viewed 7684 times

This one does nothing but look pretty and scales according to your device, but it's amazing you can do something like this driving real data in a cinch.
Responsive Sci-fi-ish Multi Chart Display

scifiwebUI002.jpg (103.18 KiB) Viewed 7684 times

This one is closer to a real product/app and was a bit of a graduation from lot of newer technologies, coercing google's material design( which I love/hate) into looking sci-fi while providing real stock quote information.

Angular Stock Browser Widget

scifiwebUI003.jpg (55.73 KiB) Viewed 7684 times

My take on the overall scheme is that it is an implementation of low light military control rooms like in submarines which early scifi movies emulated, here's a good explanation:

Why are submarine operating rooms kept dark? tldr; faint red on a dark background has the lowest impact on night vision.

[Brian_Donlin]

Those are awesome!

[SophieHortonJones]

2 come to mind:

The ember mug I saw at Starbucks the other day, pricey and maybe a little gimmicky but the interface was oh so futuristic and cool:

ember.gif

Also Mclaren :

mclarenUI.JPG

I absolutely LOVE the Ember mug!! I saw this a little while ago was so so close to spending the ridiculous amount of money on it!! I think the 'clicking' movement of the temperature control bit sold me almost as much as the display. I know it's gimmicky... but it did something for me!!

https://www.youtube.com/watch?v=gu1BZ-Vcd3k

[Brian_Donlin]

Saw these on Behance today, had to share!
https://www.behance.net/gallery/54336873/Halo-Wars-2