無料でゲームや映画に登場するユーザーインターフェースのデザインをチェックできる「HUDS+GUIS」

「デザイナーやクリエイターが、巧妙で興味深いUIを将来的に開発するためのインスピレーションを得られること」を目的に、映画・ゲーム・コンセプトデザイン・現実のシステムから集められたユーザーインターフェース(UI)のデザインをまとめたサイトが「HUDS+GUIS」です。HUDS+GUISではさまざまな創作物に登場するUIデザインを無料で、UIやタイポグラフィ、画像などの要素ごとに閲覧することができます。

HUDS+GUIS
https://www.hudsandguis.com/

HUDS+GUISにアクセスするとこんな感じ。試しに「Battlefield 2042 Opening Cinematic」を見てみます。

ページのトップにはゲーム「Battlefield 2042」のオープニングムービーが埋め込まれており、その場でどんな映像なのかを視聴可能。

HUDS+GUISは「ノイズやグリッチのエフェクトを重ねることで生まれる質感をとても気に入っています。これらの演出は、すべてのシークエンスを結びつけるのにうまく機能しています。また、さまざまな映像の切り替え方も実に見事で、スムーズです。グリッチやアーティファクトの量と映像のバランスをうまくとって、何が起こっているのかを伝えるのに十分な情報を、美しく縁取られたビジュアルで見せてくれています」と評価しています。

さらに、映像内に登場する地図や……

UI

タイポグラフィ

ネットワークの表現など、オープニング映像の演出が要素ごとにまとめられています。

最後にはBattlefield 2042のスタッフクレジットが掲載されています。

HUDS+GUISには他にも「アイ・アム・マザー」や「アベンジャーズ／エンドゲーム」などの映画、BMWのコンセプトカー「VISION M NEXT」のプロモーションムービーなど、さまざまなジャンルの映像に登場するUIのデザインをチェックできるので、気になる人はぜひチェックしてみてください。