Carbon パネルキット — コーナー金具パネルとボタン

中立な鋼のファミリーと同じ五段のスペキュラなグラデーションとヘアラインのパターンを、はるかに暗いパレットの上で、本体を四隅の金具へ開いて使っています。最後の変更こそがパネルを計器のベゼルに変えます。閉じた縁は窓として読まれ、四つの金具はダッシュボードにボルト留めされた何かとして読まれます。リベットは残します。どこにも固定されていないコックピットのパネルは、ただのレンダリングだからです。

nine-sliceのパネル二枚 — 角10 pxの四隅に金具を置いたウィンドウ枠と、角8 pxの沈んだ内枠 — で、メニューに必要なほぼすべての箱をまかなえます。ダイアログ、インベントリのグリッド、リストの下地、ツールチップ、ステータスパネル。続く縁はまったくありません。四隅の金具が範囲を示し、残りは開いたままなので、パネルは中身を箱に閉じ込めずに縁取ります。角は決して拡大されず中央はフラットな塗りなので、どちらもどんなサイズにもきれいに伸びます。

パネルの上には面取りボタンの4状態が載ります。通常、ホバー、押し込み、無効。いずれも同じ152×44の土台に角4 pxで描かれているので、ボタンのウィジェット一つでテクスチャを差し替えるだけで、矩形を動かさずに操作の一巡りがそろいます。押し込み状態は暗くするだけでなく面を2ピクセル下げて上のハイライトを外します。これが、ただ色が変わったのではなく押されたという手応えを作ります。

すべてが二通りで届きます。SVGソースはキットを実際に描いたファイルそのものです。開いてほぼ黒の六色か注意アンバーのアクセント一色を変え、書き出し直してください。PNGの書き出しはフラットで透明、ビットマップを求めるエンジン向けに1x・2x・4xへあらかじめ拡大してあり、アルファの事前乗算もスプライト外にはみ出す焼き込みの影もありません。

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