パック · 14素材
Slate UIスターター — 揃いのキット14点
Slateファミリーを一か所に。nine-sliceのパネルとボタン、HUDバー、メニューアイコンのセット、フォームのコントロール、インベントリ枠、そしてファミリーの残り。パレットも線の太さもnine-sliceの余白も一つずつです。
このカタログの他すべてが測られる基準となるファミリーです。ここから一つだけ持ち帰るならこれを。最も中立で、中立なものはアートディレクションの変更を生き延びます。
同じ規則で描かれたキット14点。どれも同じ画面に並べても借り物に見えません。同じ中間スレートの6色、同じ温かい金のアクセント一色、同じ2 pxの線、そして常に4の倍数のnine-slice余白。
その一貫性こそがパックの本当の意味です。単体でも各キットは役に立ちますが、揃っていれば、色も角の丸みも二度と交渉せずに、ポーズメニューとHUDと設定画面を一日の午後で組み上げられます。
各キットはそれぞれのページから個別にダウンロードします。必要なものだけを持ち帰れて、ファイル一覧も容量もライセンスも、まとめて平均されることなく項目ごとに正確なままです。
中身
14キット CC-BY-4.0
Slate パネルキット — 単枠パネルとボタン
ダークスレートの単枠nine-sliceウィンドウパネル、沈んだリスト枠、角ばったボタン4状態。SVGとPNG 1x/2x/4x。
CC-BY-4.0
Slate HUDバー — 体力・マナ・スタミナ
ダークスレートのnine-sliceバー枠。帯状の塗り3種と分割バリエーション、160×24、端は8 px。SVG+PNG。
CC0-1.0
Slate メニューアイコン — 24px線画セット
ダークスレートの単色線画メニューアイコン6点、24×24。再生・一時停止・設定・持ち物・地図・音。シートと個別。
CC-BY-4.0
Slate コントロール — チェックボックス・トグル・スライダー
ダークスレートのUIコントロール8点。チェックボックス、ラジオ、トグル、スライダー。オンとオフは形で描き分け。SVG+PNG。
CC-BY-4.0
Slate インベントリ枠 — 64pxグリッド
ダークスレートのインベントリ枠64×64。空・ホバー・選択・ロックの4状態とレアリティ枠3種。SVG+透過PNG。
CC-BY-4.0
Slate 背景画
7個の背景とオーバーレイ素材(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。
CC-BY-4.0
Slate タイルセット — 床タイル
58個の床タイル(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。
CC-BY-4.0
Slate シームレステクスチャ
20個の反復サーフェス素材(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。
CC-BY-4.0
Slate ダイアログキット
7個のダイアログ部品(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。
CC-BY-4.0
Slate ナビゲーションキット
15個のナビと入力の部品(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。
CC-BY-4.0
Slate HUDフレーム
10個のヘッドアップ表示枠(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。
CC-BY-4.0
Slate 進行キット
11個の進行と報酬の部品(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。
CC-BY-4.0
Slate キー表示
16個のキー表示スプライト(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。
CC-BY-4.0
Slate カード枠
11個のカードと通知の部品(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。
各素材はそれぞれのページから個別にダウンロードします。必要なものだけを持ち帰れて、ファイル一覧も容量もライセンスも項目ごとに正確なままです。
相性のよい組み合わせ
Slate UIスターター — 揃いのキット14点と同じ寸法で描かれています。パネルの角、ボタンの箱、アイコンのグリッドが揃うので、何も切り直さずに同じ画面を共有できます。