パック · 29素材

Slate UIスターター — 揃いのキット29点

Slateファミリーをひとまとめに。ナインスライスのパネルとボタン、HUDバー、さらに27点の揃いのキット。パレットも線幅もナインスライスの余白も一そろいです。

このカタログの他すべてが測られる基準となるファミリーです。ここから一つだけ持ち帰るならこれを。最も中立で、中立なものはアートディレクションの変更を生き延びます。

同じ規則で描かれたキット29点。どれも同じ画面に並べても借り物に見えません。同じ中間スレートの6色、同じ温かい金のアクセント一色、同じ2 pxの線、そして常に4の倍数のnine-slice余白。

その一貫性こそがパックの本当の意味です。単体でも各キットは役に立ちますが、揃っていれば、色も角の丸みも二度と交渉せずに、ポーズメニューとHUDと設定画面を一日の午後で組み上げられます。

各キットはそれぞれのページから個別にダウンロードします。必要なものだけを持ち帰れて、ファイル一覧も容量もライセンスも、まとめて平均されることなく項目ごとに正確なままです。

中身

29キット
  • チェッカー背景に並んだ正方形のインベントリ枠。空、ホバー、角マーク付きの選択、斜線のロックという各状態に続いて、色付きのレアリティ枠と8枠のグリッドCC-BY-4.0

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

    ダークスレートの64×64インベントリ枠13点。空・ホバー・選択・ロック・拒否・ドロップ、丸と六角の装備枠、ホットバー、レア度枠3種。

    リアル3 ファイル89 kB
  • Slateファミリーの背景とオーバーレイ素材(リアル)13点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate 背景画

    13個の背景とオーバーレイ素材(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル76 kB
  • Slateファミリーの床タイル(リアル)58点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate タイルセット — 床タイル

    58個の床タイル(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル595 kB
  • Slateファミリーの反復サーフェス素材(リアル)20点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate シームレステクスチャ

    20個の反復サーフェス素材(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル1.5 MB
  • Slateファミリーのダイアログ部品(リアル)15点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate ダイアログキット

    15個のダイアログ部品(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル112 kB
  • Slateファミリーのナビと入力の部品(リアル)15点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate ナビゲーションキット

    15個のナビと入力の部品(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル65 kB
  • Slateファミリーのヘッドアップ表示枠(リアル)16点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate HUDフレーム

    16個のヘッドアップ表示枠(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル107 kB
  • Slateファミリーの進行と報酬の部品(リアル)20点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate 進行キット

    20個の進行と報酬の部品(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル143 kB
  • Slateファミリーのキー表示スプライト(リアル)16点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate キー表示

    16個のキー表示スプライト(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル114 kB
  • Slateファミリーのカードと通知の部品(リアル)18点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate カード枠

    18個のカードと通知の部品(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル225 kB
  • Slateファミリーの紋章・記章・階級章(リアル)26点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate エンブレム

    26個の紋章・記章・階級章(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル498 kB
  • Slateファミリーのマウスカーソル(リアル)12点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate カーソル

    12個のマウスカーソル(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル52 kB
  • Slateファミリーのマップマーカーとワールド表示(リアル)12点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate マップマーカー

    12個のマップマーカーとワールド表示(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル181 kB
  • Slateファミリーのステータス効果の枠と残り時間表示(リアル)12点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate ステータス効果

    12個のステータス効果の枠と残り時間表示(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル103 kB
  • Slateファミリーの衝撃とエフェクトのスプライト(リアル)12点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate ヒットエフェクト

    12個の衝撃とエフェクトのスプライト(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル207 kB
  • Slateファミリーのローディングと待機の表示(リアル)20点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate ローディング

    20個のローディングと待機の表示(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル84 kB
  • Slateファミリーのショップと経済の部品(リアル)12点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate ショップUI

    12個のショップと経済の部品(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル86 kB
  • Slateファミリーのクラフトとレシピの部品(リアル)13点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate クラフトUI

    13個のクラフトとレシピの部品(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル75 kB
  • Slateファミリーのクエストログと目標の部品(リアル)13点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate クエストログ

    13個のクエストログと目標の部品(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル92 kB
  • Slateファミリーのステージ選択とマップの部品(リアル)12点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate ステージ選択

    12個のステージ選択とマップの部品(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル91 kB
  • Slateファミリーのランキングと実績の部品(リアル)12点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate ランキング

    12個のランキングと実績の部品(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル104 kB
  • Slateファミリーのパーティと編成の部品(リアル)13点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate パーティUI

    13個のパーティと編成の部品(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル148 kB
  • Slateファミリーのチュートリアルの誘導マーク(リアル)12点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate チュートリアルUI

    12個のチュートリアルの誘導マーク(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル125 kB
  • Slateファミリーのモーダルとシステム通知(リアル)15点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate モーダル

    15個のモーダルとシステム通知(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル105 kB
  • Slateファミリーのキャラシートとステータス部品(リアル)12点を透明チェッカー上に並べ、下にピクセル寸法を記したシートCC-BY-4.0

    Slate キャラクターシート

    12個のキャラシートとステータス部品(リアル)。ダークUI用、中間スレートに温かい金のアクセント。SVG+透過PNG 1x/2x/4x。

    リアル2 ファイル177 kB

各素材はそれぞれのページから個別にダウンロードします。必要なものだけを持ち帰れて、ファイル一覧も容量もライセンスも項目ごとに正確なままです。

相性のよい組み合わせ

Slate UIスターター — 揃いのキット29点と同じ寸法で描かれています。パネルの角、ボタンの箱、アイコンのグリッドが揃うので、何も切り直さずに同じ画面を共有できます。