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

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

インベントリのグリッドに必要なのはパネルではなく、並べられる正方形です。ここの枠はすべて64×64で外形が揃っています。唯一の例外は大型アイテム用の2マス枠で、128×64。これは引き伸ばした正方形ではなく別ファイルです——nine-sliceでない枠を引き伸ばすと角が歪むからです。68px間隔で並べれば、枠線は独立した箱の列ではなくひとつのグリッドとして読めます。

状態は色ではなく構造で描いてあります。選択された枠には角のマーク、ロックされた枠には斜めのハッチ、ホバーの枠は縁を一段持ち上げ、拒否の枠には×、ドロップ先には破線のアクセント枠。これは意図したものです。インベントリ画面は多くのゲームでもっとも騒がしい面で、あらゆる色合いのアイテム画の下に敷かれます。枠線の色だけで示した状態は、赤い剣が枠に入った瞬間に見えなくなります。

拒否とロックを別スプライトにしたのは意図的です。ロックされた枠は後で開く可能性がある。拒否の枠はいまカーソルに持っているアイテムを受け付けないと言っている。同じに描くことこそ、インベントリがプレイヤーに間違った規則を教えてしまう道筋です。装備枠が正方形から外れるのも同じ理由で、アクセサリ枠は丸、宝石枠は六角。ツールチップより先に、形が何を入れる場所かを伝えます。

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

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

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