映画などに登場するやや未来的な情報ビジュアリゼーションやユーザーインターフェイスは大好物です。
映画から想像するVR・AR時代のGUIデザインここ最近(というか数週間)、Build 2015でのMicrosoftの発表の攻めっぷりがすごかったよね。「Visual Studio Code」でクロスプラットフォーム対応したり、顔画像の年齢推定エンジンを「How Old Do I lo...
この手のフィクションインターフェイスが登場するに作品情報のまとめサイトがあるらしい↓
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
スポンサーリンク
関連記事
iOSデバイスのためのフィジカル・コンピューティングツールキット『konashi(こなし)』
ZBrushで人型クリーチャー
東京オリンピックと案内表示
『メカニックデザイナー 大河原邦男展』に行ってきた
UnityのuGUIチュートリアル
リニアアクチュエータ
デザインのリファイン再び
このブログのデザインに飽きてきた
ヒーローに変身なりきりアーケードゲーム『ナレルンダー』
畳み込みニューラルネットワーク (CNN: Convolutional Neural Network...
画像生成AI Stable Diffusionで遊ぶ
IronPythonを使ってUnity上でPythonのコードを実行する
Unreal Engine 5の情報が公開された!
歯を食いしばって見るべき動画
Raspberry Pi 2のGPIOピン配置
UnityのGameObjectの向きをScriptで制御する
konashiのサンプルコードを動かしてみた
ブログのデザイン変えました
Unity MonoBehaviourクラスのオーバーライド関数が呼び出される順番
Immersive Math:線形代数をインタラクティブに学べるWebサイト
Perfumeのライブパフォーマンスのビジュアル
ヒトデの骨格のような構造物を作成するシステム『KINEMATICS』
『Geocities-izer』 どんなWebページも一昔前のダサいデザインに変えてくれるサービス
MLDemos:機械学習について理解するための可視化ツール
HTML5・WebGLベースのグラフィックスエンジン『Goo Engine』
ヘッドマウントディスプレイとビジュアリゼーションの未来
オープンソースの顔の動作解析ツールキット『OpenFace』
変形ロボットのデザイン
SDカードサイズのコンピューター『Intel Edison』
書籍『伝わる イラスト思考』読了
触れば分かる ユニバーサルデザインな腕時計『The Bradley』
Konashiを買った
OpenAR:OpenCVベースのマーカーARライブラリ
Iridescence:プロトタイピング向け軽量3D可視化ライブラリ
Web経由でRaspberry PiのGPIOを操作したい
UnityでShaderの入力パラメータとして行列を渡す
WordPressの表示を高速化する
Arduinoで人感センサーを使う
書籍『データビジュアライゼーションのデザインパターン20』読了
ManimML:機械学習の概念を視覚的に説明するためのライブラリ
CLO:服飾デザインツール
線画を遠近法で描く
コメント