サイトアイコン NegativeMindException

フィクションに登場する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 MonoBehaviourクラスのオーバーライド関数が呼び出される順番
  • 歯を食いしばって見るべき動画
  • Manim:Pythonで使える数学アニメーションライブラリ
  • タイミングとクオリティ
  • Unite 2014の動画
  • 胡散臭いデザインの参考サイト
  • WordPressのテーマを自作する
  • リニアアクチュエータ
  • 3DCG Meetup #4に行ってきた
  • ヒトデの骨格のような構造物を作成するシステム『KINEMATICS』
  • 画像生成AI Stable Diffusionで遊ぶ
  • viser:Pythonで使える3D可視化ライブラリ
  • 日本でMakersは普及するだろうか?
  • Polyscope:3Dデータ操作用GUIライブラリ
  • ミニ四駆を改造してBluetoothラジコン化する
  • Perfumeのライブパフォーマンスのビジュアル
  • 映画から想像するVR・AR時代のGUIデザイン
  • Webサイトのワイヤーフレームが作成できるオンラインツール
  • ヘッドマウントディスプレイとビジュアリゼーションの未来
  • ミニ四駆で電子工作
  • Web経由でRaspberry PiのGPIOを操作したい
  • 東京オリンピックと案内表示
  • iOSデバイスのためのフィジカル・コンピューティングツールキット『konashi(こなし)』
  • UnityでLight Shaftを表現する
  • Unityの各コンポーネント間でのやり取り
  • シフトカーを改造してラジコン化する人達
  • UnityでShaderの入力パラメータとして行列を渡す
  • SDカードサイズのコンピューター『Intel Edison』
  • 組み込み向けのWindows OS 『Windows Embedded』
  • 畳み込みニューラルネットワーク (CNN: Convolutional Neural Network...
  • Arduinoで作るダンボーみたいなロボット『ピッコロボ』
  • Faceshiftで表情をキャプチャしてBlender上でMakeHumanのメッシュを動かすデモ
  • UnityでTweenアニメーションを実装できる3種類の無料Asset
  • html5のcanvasの可能性
  • UnityのuGUIチュートリアル
  • Raspberry Pi 2を買いました
  • MLDemos:機械学習について理解するための可視化ツール
  • CNN Explainer:畳み込みニューラルネットワーク可視化ツール
  • WordPressの表示を高速化する
  • プロダクトデザイン概論
  • インターフェイスは世界を規定する
  • 書籍『データビジュアライゼーションのデザインパターン20』読了
  • モバイルバージョンを終了