Flat UI Kit ゲーム UI 素材 88種(ダーク/ライト・SVG・9スライス値つき)

{{ swiper.realIndex + 1 }} / {{ items.length }}
Flat UI Kit ゲーム UI 素材 88種(ダーク/ライト・SVG・9スライス値つき) [点検堂]
サークル名 点検堂
販売日 2026年10月08日 0時
年齢指定
全年齢
作品形式
ファイル形式
PNG
/ SVG・JSON(zip)
ファイル容量
726.51KB

作品内容

SVG ソースと 9 スライスの境界値まで入ったゲーム UI 素材キット

SVG ソースと 9 スライスの境界値まで入った、モダン/ミニマル系のゲーム UI 素材キットです。
画像を貼るだけでなく、色や寸法を変えて作り直せます。

■ 同梱物
・88 種 × 2 テーマ(ダーク / ライト)
 枠 10 / ボタン 11 / バー 9 / 入力 14 / ナビ 11 / ゲーム HUD 8 / アイコン 25
・PNG:1x・2x・3x の 3 倍率(透過)
・SVG ソース(色・寸法の編集用。平塗りのみ)
・9 スライスの境界値 JSON(部品ごとの寸法と左・上・右・下)
・配色トークンの一覧(DESIGN.txt)、利用条件(LICENSE.txt)

■ 内訳の例
枠(パネル・ダイアログ・カード・ツールチップ・通知・メニュー・選択肢)、ボタン(通常・ホバー・押下・無効、主・副)、
HP/MP/経験値/詠唱のバー、トグル・チェック・ラジオ・スライダー・入力欄・プルダウン、タブ・スクロールバー・ページ送り・バッジ、
インベントリスロット・ホットバー・ミニマップ・ターゲット枠・バフ枠、設定・音量・矢印などの汎用アイコン 25 点。

■ 使い方
1. 使う倍率の PNG をゲームに読み込みます。
2. 伸ばして使う部品(枠・ボタン・バーなど)は、nineslice.json の値を 9 スライスの設定に入れます。
 Unity:Sprite Editor の Border と Image Type「Sliced」/Godot:StyleBoxTexture・NinePatchRect の Patch Margin/
 ウディタ・RPG ツクール:標準では 9 スライスが無いため、各自の分割描画で同じ値を境界にします。
3. 色を変えたいときは SVG の色コードを置換して書き出します。

■ 動作確認について
PNG の寸法、9 スライスで伸ばした結果が直接描画と一致すること、見本画面の見た目は確認しています。
Godot 4.x(4.7.2)で、StyleBoxTexture の 9 スライス設定が nineslice.json の値で動作することを確認しています(枠・ダイアログ・ボタン・バー・タブで確認)。

■ 利用条件(要約。詳細は同梱の LICENSE.txt)
・同人・商用のゲーム、アプリ、動画などに組み込んで利用可(受託の制作物に組み込んで納品も可)。クレジット表記・報告は不要。改変自由。
・ゲームに組み込んだ状態での配布は再配布になりません。
・素材そのもの(改変後を含む)の再配布・再販・素材集やテンプレートへの収録・他の素材サイトへの登録は不可。AI 学習用データセットへの利用も不可。
・サポートは同梱ファイルの不具合の連絡のみ。返品・返金は DLsite の規約に従います。
・体験版は購入前の確認用です(作品への組み込みは製品版で)。

■ 既知の制限
・素材に文字は含みません(フォントは各自で用意してください)。
・写実調・手描き調の素材ではありません(フラットな幾何デザイン)。
・伸ばして使えない部品(アイコン・トグル・チェックなど)は、固定寸法で使います。
・Windows 向けのツール類は付属しません。画像と SVG のみです。
・体験版:一部の部品(約 20 点・1x のみ)を試せます。

サークル作品一覧

作品をもっと見る

販売作品

この作品を買った人はこんな作品も買っています

最近チェックした作品

開催中の企画・キャンペーン