フィクションに登場する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


スポンサーリンク

関連記事

Netron:機械学習モデルを可視化するツール
Raspberry Pi 2のGPIOピン配置
ManimML:機械学習の概念を視覚的に説明するためのライブラリ
Iridescence:プロトタイピング向け軽量3D可視化ライブラリ
書籍『データビジュアライゼーションのデザインパターン20』読了
インターフェイスは世界を規定する
『Geocities-izer』 どんなWebページも一昔前のダサいデザインに変えてくれるサービス
ポイントクラウドコンソーシアム
Faceshiftで表情をキャプチャしてBlender上でMakeHumanのメッシュを動かすデモ
このブログのデザインに飽きてきた
Unity MonoBehaviourクラスのオーバーライド関数が呼び出される順番
OpenCV
WordPressの表示を高速化する
池袋パルコで3Dのバーチャルフィッティング『ウェアラブル クロージング バイ アーバンリサーチ』
WordPressのテーマを自作する
html5のcanvasの可能性
ドラマ『ファーストクラス』のモーショングラフィックス
Arduinoで作るダンボーみたいなロボット『ピッコロボ』
粘土をこねるようなスカルプトモデリング
cvui:OpenCVのための軽量GUIライブラリ
UnityのTransformクラスについて調べてみた
AR (Augmented Reality)とDR (Diminished Reality)
東京オリンピックと案内表示
Unityで画面タッチ・ジェスチャ入力を扱う無料Asset『TouchScript』
OpenAR:OpenCVベースのマーカーARライブラリ
Unityの各コンポーネント間でのやり取り
Kinect for Windows V2のプレオーダー開始
UnityでTweenアニメーションを実装できる3種類の無料Asset
ZBrushで人型クリーチャー
Gource:バージョン管理の履歴を可視化するツール
Arduinoで人感センサーを使う
uGUI:Unityの新しいGUI作成システム
変形ロボットのデザイン
Unreal Engine 5の情報が公開された!
線画を遠近法で描く
D3.js:JavaScriptのデータビジュアライゼーションライブラリ
3DCG Meetup #4に行ってきた
Manim:Pythonで使える数学アニメーションライブラリ
Webサイトのワイヤーフレームが作成できるオンラインツール
プロダクトデザイン概論
UnityでPoint Cloudを表示する方法
画像生成AI Stable Diffusionで遊ぶ

コメント