ポートフォリオの作り方をゼロから徹底解説

【商用可】ゲームUIで使える高品質なテンプレート素材48選

この記事を読むのに必要な時間は約 37 分です。

ゲームUI制作を300%加速させる高品質なテンプレート素材を48点紹介します。

全て商用利用可能!

ゼロから素材を作るのは時間と手間がかかります。
プロが作成した汎用的で使い勝手抜群の素材を活用すると、時間と手間の軽減な軽減が可能!
素材のクオリティは非常に高く、そのまま使えるレベルです。

Adobeアプリのネイティブ形式なので非常に編集が楽ですよ!

カジュアルゲーム系のUI

カジュアルゲーム系のUIデザインです。
ベクター画像なのでどんな端末向けのゲームでも楽々対応!
Illustratorを導入されていない方はAdobe公式サイトからダウンロードしておきましょう。

Game GUI #26

汎用的なゲームUI素材のテンプレート一式です。
ウィンドウ、アイコン、ゲージ、ボタン等、よく使う素材が一通り入ったUIキットですね。

ダウンロード
※この作者のその他ゲームUI素材はコチラ

Mobile game graphical user Interface GUI. Design, buttons and icons. Vector illustration.

ボタンやアイコン、枠など、一式セットになったUIテンプレートです。
要素の視認性も良く、様々なテイストの絵に合うUIキットです。

ダウンロード
※この作者のその他ゲームUI素材はコチラ

Game pop-up window with main menus, panel with buttons.

カジノのようなきらびやかな世界観のUIキットです。
ウィンドウ、ボタン、アイコン、ゲージ等、UI制作でよく使う要素は全て含まれています。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Cartoon game ui. Wooden elements and popup menu, buttons and icons. 2d game interface vector design. Illustration of game interface, cartoon gui menu

フラットな木の質感で表現されたUIテンプレートです。
ポップな世界観とキャラクターが可愛く、カジュアルなパズルゲームに良く合いそうなUIキットです。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Medieval Game GUI

よくある農場ゲームにピッタリなUIキットです。
キャラクターを追加するだけでゲームとして成立しそうな画面ですね。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Illustration of the fairy forest at night with flashlights and e

妖精の森がテーマのUIテンプレートです。
ウィンドウ、ボタン、アイコン、ゲージなど、UI制作でよく使う素材は一通り含まれているので初心者の方にもオススメ!

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Chocolate Candy Game GUI Pack

チョコレートとキャンディーがモチーフのUIテンプレートです。
キャンディクラッシュのようなゲームにピッタリですね。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

background and buttons for mobile game development, ui design kit

そのままパズルゲームの素材として使えそうなUIキットです。
追加するのはカットイン用のキャラくらいですね。

ダウンロード

Pixel game buttons. Games UI, gaming controller arrows and 8 bit pixels button vector set

ドット絵のようなグラフィックのUIキットです。
レトロ風のゲームにピッタリ!

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Fantasy game weapon shop concept. Game shop UI frame illustration.

ファンタジー系のスマホゲームでよく見かけそうなショップのUIキットです。
枠だけでなく、武器のイラストの品質も非常に高いです。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

User interface the playing field for a computer game

タイトルロゴだけ追加したらグラフィックの仕事は終わり!みたいなUIテンプレート一式です。
そのままパズルゲームとして使えるレベルですね。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

EGYPT style Casino slot machine game. Vector complete Interface Slot Machine and buttons on separate layers.

エジプトの世界観がテーマのUIキットです。
スロットのUIに適していますが、レイアウトを変えると簡単に別のゲームに応用が可能です。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Interface elements for web and mobile games and apps

スマホゲームで使える汎用的なUIキットです。
枠、ボタン、アイコン等、よく使う要素が一通り収録されています。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Example of setting the level window for a computer game

こちらも使い勝手の良さそうなUIテンプレートです。
背景もそうですが、UIがしっかりと描き込まれているおり、品質が非常に高いです。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Elements game wood interface set dashboard for app vector

赤っぽい木の質感がモチーフのUIキットです。
よく使うUIの要素が網羅的に収録されているので、UI制作初心者の方にオススメです。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Steampunk Game GUI

スチームパンク風のUIテンプレートです。
形状、質感共にハイレベルな仕上がりでそのまま使えます。

ダウンロード

Pirates graphical interface and icons for slot machines.

海賊がモチーフのUIテンプレートです。
スロットのドラムが海賊関係の図案になっており、このまま使えますね。

ダウンロード

level selection screen for the computer game Wild West

西部劇風のゲームに適したUIキットです。
ゲームレベルを選択する画面ですが、文字やレイアウトを変えると簡単に他の画面に応用ができますね。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Complete set of graphical user interface (GUI) to build 2D video games

スマホのシンプルなゲームに適したUIキットです。
色替えも簡単なのでパズルゲーム、シューティングゲーム等、何にでも使えます。

ダウンロード

Add coins panel

コイン購入画面のUIキットです。
ありそうで無い画面です。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Sci-fi Game GUI Pack

カジュアルなSF系ゲームに適したUIテンプレートです。
ウィンドウ、アイコン、ボタン、ゲージ等、よく使う素材は網羅されているので使い勝手が抜群!

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Industrial Game Window Set

インダストリアル系のゲームに適したUIキットです。
汎用性の高い豊富な素材を収録されているのでUI制作が捗りそうです。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

近未来SF系のゲームUI

個人的にこういったSF系のUIが好きなので数点ピックアップしました。
未来型バトルスーツに身を包んだ戦争ゲームだけでなく、現代の時間軸のゲームにも合う素材です。
Illustratorを導入されていない方はAdobe公式サイトからダウンロードしておきましょう。

set of black and white infographic elements. Head-up display elements for the web and app. Futuristic user interface.

UIキットの絵が既にカッコいいSF系UIテンプレートです。正面に映ったUIを両手で触るようなシーンでありそうな絵ですね。

ダウンロード

Radar screen. Vector illustration for your design. Technology background. Futuristic user interface. HUD.

SF系で使う素材が一通り収録されたUIキットです。
一部に赤っぽい色味を加えるだけで全く違った印象の絵になりそうですね。

ダウンロード

Vector elements for strategy space video game

こちらも汎用的に使えるUIテンプレートです。

ダウンロード

Futuristic elements FUI, GUI, HUD. Set abstract circle hi-tech.

SF系のガチャ画面の背景で使えそうな素材です。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Jet engine of airplane in HUD UI style. Industrial aerospase blueprint.

コロニーがカッコイイUIテンプレートです。目標侵入口についてのブリーフィングに合いそうです。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Abstract style on black background. Blank display, stage or podium for show product in futuristic cyberpunk style.

装備画面に使えそうなUIキットです。
真ん中にキャラ、装備を変えるとキャラのグラフィックが変わるアレですね。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

キャラやアイコン等の素材類

Isometric cartoon royal parchments, book of spells, treasure chests, magical drinks or poisons for computer game on dark background. Isolated vector illustration.

宝箱、巻物、ポーション等、こういう汎用的なアイテム素材は何かと重宝します

ダウンロード
※この作者のその他ゲームUI素材は コチラ

videogame ui customize character screen

キャラのカスタマイズ画面です。
UIだけでなく、キャラや武器もセットになっているのが嬉しいですね。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Fantasy colorful icons, collection for game design, microbe, ufo, sea creatures elements for mobile game assets vector Illustration

可愛いキャラのアイコンセットです。
アイコンとしても使えますし、パズルの玉としても使えそうですね。

ダウンロード

Template Receiving game achievement.

ゲーム内の実績解除のマークに使えそうなアイコン素材です。
「ビコン!」と実績解除されると嬉しいですよね。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Vector game ui big kit. Template wooden menu of graphical user interface GUI and buttons to build 2D games.

木の質感のアイコンや枠のUIキットです。
何かと使い勝手がよい素材の一つです。

ダウンロード

Illustration: Isolated Natural Elements Set 1 – Game Assets Design

木やキノコなどのイラストセットです。
聖剣伝説で使われそうな素材の質感、非常に高品質です。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Set of vector icons, objects, things, item. Game concept and design. Design element. Magical magic. Game assets and tile. Fantasy, fiction style.

剣や盾、兜にポーションなど、ファンタジー系のゲームでよく使うアイコン素材です。
汎用性が高い素材です。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Set old wooden boards decorated leaves liana. Cartoon game panels in jungle style on dark background. Isolated 3d vector illustration.

ジャングルがモチーフのウィンドウテンプレートです。
UIだけでなく、ゲーム内の標識としても使えます。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Game UI Set 1 – Video Game Icon Mobile Game Icon

黒魔術系のアイテムアイコンセットです。
どれも良い質感でクオリティが高いです。

ダウンロード

Halloween anime manga white witch animation kit

ハロウィンのキャラクター用のパーツキットです。
パーツ分けがされているので、横スクロールゲームのキャラアニメーションが簡単に作れそうですね。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Set cartoon wooden isometric chests decorated silver with golden trophies, elixirs, potions, skull, money, coins and gems for computer game. Vector illustration on gray background.

よく使う宝箱の素材一式です。
閉じた宝箱、開いた宝箱はもちろん、宝箱の中身も豊富で使い勝手バツグン!

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Set cartoon wooden isometric closed chests decorated silver for computer game. Isolated vector illustration on white background.

宝箱第二弾です。
宝箱素材はよく使うのでオススメです。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Colorful game user interface vector buttons – assorted textures. GUI concept.

ボタンの枠として使えそうなUIキットです。
質感のバリエーションが豊富で使い勝手が良さそうですね。

ダウンロード

Vector lock set isolated on white background for security protection. Vector locking mechanism icons for web design, games, ui, etc.

よく使う素材の一つである鍵です。
スマホゲームで鍵のアイコンはよく使うのでオススメ!

ダウンロード

fantasy game ui kit

ファンタジーゲームでよく使うアイコンキットです。
ジェム、金貨、ポーション、袋どれもよく使います。

ダウンロード

Magic amulet, crystal, mirror, sphere and potion

これもファンタジーゲームでよく使う素材です。

ダウンロード

Set 3d isometric buildings on the islands with different climates and decoration for computer games. Straw, wooden, stone сottages and elements landscape design. Isolated vector cartoon illustration.

浮遊島10種セットです。
浮遊島と言えばクロノトリガーの古代で流れる「時の回廊」が大好きです。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Gems. Cartoon jewelry stones for game achievement and currency, icon set of colored shiny crystals.

ゲームUIでよく使う素材の一つであるジェムのセットです。
特にスマホゲームでは高確率で宝石素材を使います。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Cartoon vector star icons set

星のアイコンもゲームUI制作ではよく使います。
こういったテンプレートを1つ持っておくと制作が捗りますよ。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

Interface buttons set for space games or apps

カジュアルなSFゲームに適したUIキットです。
SFSFしていなく、適度に可愛さがあるのが良いですね。

ダウンロード
※この作者のその他ゲームUI素材は コチラ

おわりに

以上、ゲームUI制作で使える商用可能な高品質テンプレート48選でした。

ゲームUIの制作には手間と時間が掛かります。
仕事には納期がありますからね、紹介した素材を上手く活用すると制作の効率化に繋がります。

また他者が作成したUIのデータを覗くのも非常によい勉強方法の一つです。
「あ~、こうやって作ってるんだね」といった新しい発見が沢山詰まっていますよ。

ではまた!

ゼロから始めるシリーズ

現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう!