フィクションに登場するUIデザインのまとめサイト

映画などに登場するやや未来的な情報ビジュアリゼーションやユーザーインターフェイスは大好物です。



この手のフィクションインターフェイスが登場するに作品情報のまとめサイトがあるらしい↓

Kit FUI

FUIとは?

Fantasy User Interfaces, Fictional User Interfaces, Fake User Interfaces, Futuristic User Interfaces, Film User Interfaces, Future User Interfacesなど、Fが何の略なのかに関わらず、人気映画やテレビ番組の登場するユーザーインターフェース(UI)やヘッドアップディスプレイ(HUD)はFUIと言えます。
ほとんどの場合、FUIは実際のコンピュータプログラムではなく、ポストプロダクションで後から合成された単なるアニメーションです。これらは Adobe Illustrator, Adobe After Effects, Maxon Cinema 4Dといったソフトウェアでデザインされています。

ということで、このサイトではフィクションに登場するユーザーインターフェイスのことをFUIと称している。



最近は超未来技術を描いたようなSFジャンル以外でも、割とリアル路線の現代ドラマでこの手のUIデザインが登場するようになった気がする。
https://gigazine.net/news/20160503-sf-screen-blue/

追記:また別のFake UIまとめサイト↓
http://fakeui.tumblr.com/
https://www.hudsandguis.com/
https://gigazine.net/news/20220422-huds-guis/

追記:映画のジェスチャーUIまとめサイト↓
http://www.cin.ufpe.br/~gesturescatalog/#/

007 スペクター」なんて結構リアル路線の現代劇だけど、Qの使う情報端末のUIはかなり未来的だったな。MI6の最新テクノロジーは、「メカ」ではなく「情報」で描かれるようになったということかな。新しいQの風貌も何となく情報系な感じするし。



2020年 追記:FUIを制作するテクニックを解説した記事が公開されている↓
https://medium.com/@sashamartinsen/generative-fui-technique-d230cc2ac276


関連記事

UnityでShaderの入力パラメータとして行列を渡す

html5のcanvasの可能性

日本でMakersは普及するだろうか?

Iridescence:プロトタイピング向け軽量3D可視化ラ...

Netron:機械学習モデルを可視化するツール

書籍『ゼロから作るDeep Learning』で自分なりに学...

映画から想像するVR・AR時代のGUIデザイン

リニアアクチュエータ

畳み込みニューラルネットワーク (CNN: Convolut...

CNN Explainer:畳み込みニューラルネットワーク可...

LLM Visualization:大規模言語モデルの可視化

AR (Augmented Reality)とDR (Dim...

『日本の巨大ロボット群像』を見てきた

uGUI:Unityの新しいGUI作成システム

Arduinoで作るダンボーみたいなロボット『ピッコロボ』

SDカードサイズのコンピューター『Intel Edison』

このブログのデザインに飽きてきた

ZBrushで人型クリーチャー

『Geocities-izer』 どんなWebページも一昔前...

CLO:服飾デザインツール

Raspberry Piでセンサーの常時稼働を検討する

Swark:コードからアーキテクチャ図を作成できるVSCod...

ヒトデの骨格のような構造物を作成するシステム『KINEMAT...

OpenCV

GeoGebra:無料で使える数学アプリ

池袋パルコで3Dのバーチャルフィッティング『ウェアラブル ク...

iOSデバイスのためのフィジカル・コンピューティングツールキ...

Kinect for Windows V2のプレオーダー開始

ヒーローに変身なりきりアーケードゲーム『ナレルンダー』

オープンソースのネットワーク可視化ソフトウェアプラットフォー...

オープンソースの顔の動作解析ツールキット『OpenFace』

Unity MonoBehaviourクラスのオーバーライド...

WordPressの表示を高速化する

Faceshiftで表情をキャプチャしてBlender上でM...

UnityユーザーがUnreal Engineの使い方を学ぶ...

粘土をこねるようなスカルプトモデリング

胡散臭いデザインの参考サイト

オープンソースハードウェア Arduino (アルドゥイーノ...

Unite 2014の動画

Transformer Explainer:テキスト生成モデ...

タイミングとクオリティ

書籍『データビジュアライゼーションのデザインパターン20』読...

コメント