UIパック
Recon 背景画
7個の背景とオーバーレイ素材(フィールドキット)。ダークUI用、ガンメタルにフレアオレンジのアクセント。SVG+透過PNG 1x/2x/4x。

このパックについて
Recon 背景画はフィールドキットスタイルで描かれた7点の背景とオーバーレイ素材のセットです。角の立ったステンシルのパネル、骨色の線、そして信号色はちょうど一色です。中身は全画面のメニュー背景、シームレスなパターンタイル、モーダル用の暗幕、タイトルバナー、セクション区切り、ローディングバーのレールと塗りです。
これは無料のUIキットの多くがまるごと省いてしまう部品です。パネルとボタンはくれるのに、それを載せる場所がないキットは、最初の画面を組んだところで役に立たなくなります。そして背景こそ、ベタ塗りでごまかすとメニュー全体が未完成に見えてしまう唯一の要素です。
グローもグラデーションもどこにもありません。塗られた木箱は光らないもので、その抑制が見た目のすべてです。シルエットは長方形の近くに留まり、切り抜きではなく段になった肩と辺のレールで差を稼ぎます。実際のステンシル塗装の標識はそう振る舞います。
そのスタイルの中でこれはReconとしての読みです。ガンメタルのパレットにフレアオレンジのアクセントを載せたダークインターフェースで、縁が一本のフレーム、116x32の面取りボタン、20分割の中空コアのバー、16pxグリッドの二色のアイコンを軸に組まれています。二つのファミリーがアートスタイルを共有しながら入れ替え可能にならない理由は、この寸法にあります。スタイルは縁の描き方を決め、数値はそのインターフェースが何のためのものかを決めます。
背景はアートスタイルがいちばん自分を見せられる場所なので、スタイルごとに描き方を変えてあります。ディザの帯、三角形のモザイク、ハッチングした紙、アイソメのグリッド、硬い縁の地平線。640x360で収録し、4xで2560x1440へ書き出します。比率を保ったまま1080pまでカバーするので、カバー方式一つでどの解像度にも伸びます。パターンタイルはどのモチーフも自分の範囲の中で閉じているため、並べても継ぎ目が出ません。
どのスプライトも編集可能なSVGと、1x・2x・4xの透過PNGで届きます。PNGをそのままエンジンに置いても、ベクターを開いて色を変えても構いません。Reconファミリーの他と同じ寸法で描かれているので、このキットとReconのパネルキットはどちらもサイズを変えずに揃います。タクティカルやサバイバル、ミリタリーのインターフェースによく合います。
使い方
- 背景は引き伸ばしではなくカバー方式で使ってください。16:9という比率は意図されたもので、歪めるとグラデーション上ですぐ分かります。
- リストやインベントリのグリッドの背後には、細かいテクスチャなら1x、粗いなら2xでパターンを敷いてください。縦横どちらにもシームレスです。
- ゲームとモーダルの間の暗幕は全画面で描いてください。ベタ黒ではなくスタイルのパレットを使っているので、色のあるゲームを灰色にしません。
ライセンス
"Recon 背景画" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/recon-backdrops


