フィクションに登場する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デザインが登場するようになった気がする。

追記:また別のFake UIまとめサイト↓
http://fakeui.tumblr.com/

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

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



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


スポンサーリンク

関連記事

オープンソースの顔の動作解析ツールキット『OpenFace』
Web経由でRaspberry PiのGPIOを操作したい
ポイントクラウドコンソーシアム
uGUI:Unityの新しいGUI作成システム
線画を遠近法で描く
Unityの各コンポーネント間でのやり取り
CNN Explainer:畳み込みニューラルネットワーク可視化ツール
OpenCVのための軽量GUIライブラリ『cvui』
歯を食いしばって見るべき動画
変形ロボットのデザイン
オープンソースハードウェア Arduino (アルドゥイーノ)
Raspberry Pi 2のGPIOピン配置
胡散臭いデザインの参考サイト
CLO:服飾デザインツール
東京オリンピックと案内表示
プロダクトデザイン概論
Unite 2014の動画
ドラマ『ファーストクラス』のモーショングラフィックス
UnityでTweenアニメーションを実装できる3種類の無料Asset
ヘッドマウントディスプレイとビジュアリゼーションの未来
映画から想像するVR・AR時代のGUIデザイン
UnityでPoint Cloudを表示する方法
触れば分かる ユニバーサルデザインな腕時計『The Bradley』
Unityからkonashiをコントロールする
UnityのGameObjectの向きをScriptで制御する
WebGL開発に関する情報が充実してきている
UnityのTransformクラスについて調べてみた
OpenCV
Kinect for Windows V2のプレオーダー開始
バージョン管理の履歴を可視化するツール『Gource』
GeoGebra:無料で使える数学アプリ
デザインのリファイン再び
リニアアクチュエータ
書籍『伝わる イラスト思考』読了
TensorSpace.js:ニューラルネットワークの構造を可視化するフレームワーク
Faceshiftで表情をキャプチャしてBlender上でMakeHumanのメッシュを動かすデモ
Raspberry Pi 2を買いました
書籍『OpenCV 3 プログラミングブック』を購入
Zibra Liquids:Unity向け流体シミュレーションプラグイン
このブログのデザインに飽きてきた
WordPressの表示を高速化する
ヒーローに変身なりきりアーケードゲーム『ナレルンダー』

コメント