デザインプロフィール
HUD風UI
HUD映像や視界の上に、計器の目盛りや数値を重ねる表現です。ここでは航空機のHUDを参照した画面を代表にします。
このスタイルについて
HUDはHead-Up Display（ヘッドアップディスプレイ）の略です。航空機などで前方の景色に飛行情報を重ねる表示装置で、HUD風UIはその見た目を取り入れた画面表現です。
主な視覚的特徴
- 背景の視界を残して重ねる数値
- 方向や状態を示す目盛りと記号
- 重要な数値を囲む細い線の枠
向いている成果物
ダッシュボード、動画サムネイル
代表配色例
色コードと役割をまとめてコピーできます。
簡単なプロンプト例
HUD風UIでデザインしてください。背景の視界を残して重ねる数値、方向や状態を示す目盛りと記号、重要な数値を囲む細い線の枠を取り入れてください。
実例を見る
Google画像検索で「HUD風UI」を見る（新しいタブで開きます）検索結果の画像はこの図鑑には保存しません。出典
- Top Guns: The Next Generation（新しいタブで開きます）Territory Studio
- AC 25-11B: Electronic Flight Displays（新しいタブで開きます）Federal Aviation Administration
- Unreal Architecture: Displaying Information to Players（新しいタブで開きます）Epic Games