Neon インベントリ枠 — 64pxグリッド

面で構成されたシルエットをそのまま通した64pxの枠です。受け皿は角丸の四角ではなく角ばった多角形なので、パネルと同じメッシュに属します。選択状態はフレーム全体ではなく一つの面だけを明るくするため、グローのフィルターではなく稜に光が当たったように読めます。

インベントリのグリッドに要るのはパネルではなく、繰り返せる正方形です。64×64のファイル7点、外形はすべて同じなので、並べても隙間の計算が要りません。68 px空けて置けば、縁は別々の箱の列ではなく一枚のグリッドとして読めます。

状態は色ではなく構造で描かれています。選択中の枠には四隅のマーク、ロックされた枠には斜線、ホバー中の枠は縁が一段持ち上がります。これは意図的です。インベントリ画面は多くのゲームでいちばん騒がしい面で、あらゆる色相のアイテム絵の下に敷かれます。縁の色だけの状態は、赤い剣が一本入った瞬間に見えなくなります。

三つのレアリティ枠は、ファミリーの他の部分からシールド・出力・熱の色をそのまま使い、色の縁に加えて角のマークも持ちます。だからレアリティで並べ替える人は二つの合図を読んでおり、そのどちらも枠の中央にあるアイテムの絵と競合しません。

すべて編集可能なSVGと、1x・2x・4xのフラットな透過PNGで収録。枠の内側は透明なので、焼き込まれた背景色ではなく、グリッドの後ろに描いたものがそのまま透けます。

クリエイティブ・コモンズ 表示 4.0 — 商用利用も無料。クレジット表記が必要です。 全文 · 実際どういう意味か