Neon メニューアイコン — 32px二色セット

それぞれにシアンの細部を一つだけ抜いた、塗ったシルエットとして描く三十二ピクセルのアイコンです。HUDには二色が正解です。シルエットは明るい背景を生き延び、アクセントがアイコンのどの部分が状態なのかを教えます。

八点のアイコンはすべて32×32の厳密なグリッドに乗り、線幅は一律2 pxで、視覚上の重さも揃えてあります。だから並べたときに、たまたま同じ大きさの八枚の絵ではなく一つのセットに見えます。カバーするのは再生、一時停止、設定、音、防御、通貨、閉じる、決定です。

どのアイコンもちょうど二つの値しか持ちません。本体の色と、その中で抜いたアクセントの細部です。それがパレットのすべてで、影もグラデーションもベベルもありません。だからセットの色替えは置換二回で済み、アクセントはインターフェースの他の用途に空けておけます。

セットは三通りで届きます。個別のSVGは、エンジンがベクターをラスタライズする場合や自分で編集する場合に使うものです。256×32のシートは、テクスチャ一枚と矩形オフセットを好むエンジン向けに八点点を同じグリッドへ並べます。N番目のセルは x = N × 32 から始まります。PNGの書き出しは1x・2x・4xをカバーし、透過の縁もきれいです。

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