Slate クラフトUI

Slate クラフトUIはリアルスタイルで描かれた13点のクラフトとレシピの部品のセットです。五段のスペキュラなグラデーションが、角にリベットを打ったヘアライン金属の面を流れ落ちます。内容は素材スロットの3状態、一回り大きい結果スロット、合成と分解の矢印、素材の結合マーク、品質メーター3種、既知と未発見のレシピ行、そして段階式の製作バーです。

クラフトは、スロットが持ち物のスロットでは決して言わないことを言わねばならない唯一の画面です。中身が何かではなく、足りているかどうかです。所持・不足・一部所持は三つの状態であり、スロットを一枚しか同梱しない素材集は、その答えを毎回スロットの下に文字で書かせることになります。

筆のテクスチャは本物のノイズではなく3pxの線のパターンです。ノイズはPNGの容量を三倍にしますが、1xでは誰にも見えません。影はぼかさず重ねてあるので、4xでも持ちこたえます。

そのスタイルの中でこれはSlateとしての読みです。中間スレートのパレットに温かい金のアクセントを載せたダークインターフェースで、縁が一本のフレーム、128x40の角の立ったボタン、10分割の帯状のバー、24pxグリッドの線画のアイコンを軸に組まれています。二つのファミリーがアートスタイルを共有しながら入れ替え可能にならない理由は、この寸法にあります。スタイルは縁の描き方を決め、数値はそのインターフェースが何のためのものかを決めます。

素材スロットは三つの状態すべてが入っており、違いは塗りではなく枠が担います。足りているスロットは閉じ、不足しているものは破線、一部だけあるものは下半分だけが閉じています。これは56ピクセルでも読めますし、色がなくても読めます。合成と分解の矢印は回転させた一枚ではなく別々のファイルです。二つは同じ画面に並び、鏡像にすると陰影が逆側に付くからです。結果スロットは素材スロットより三分の一大きく描いてあります。レシピの成果物は素材の一つではなく、同じ箱に入るべきではないからです。

どのスプライトも編集可能なSVGと、1x・2x・4xの透過PNGで届きます。PNGをそのままエンジンに置いても、ベクターを開いて色を変えても構いません。Slateファミリーの他と同じ寸法で描かれているので、このキットとSlateのパネルキットはどちらもサイズを変えずに揃います。リアルやシミュレーションのインターフェースによく合います。

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