NUnity講座おすすめナビLEARNING MATERIALS CATALOG
プロ仕様のゲームUI制作:デザインから実装まで完全ガイド:教材案内カード(書影ではありません)

MATERIAL / 動画講座

プロ仕様のゲームUI制作:デザインから実装まで完全ガイド

ホームとログインボーナスの2作品を軸に、獲得ダイアログも含む画面デザイン、After Effectsの動作案、Unityの操作・演出まで制作する講座。

公式の掲載情報を見る ↗

著者・講師と制作担当

公式は講師をTakayu Studioとし、3名の構成メンバー(たかゆ・小林ゆに・カサネ)のプロフィールを掲載。チームと個人を区別して記載。個別レッスンの担当割り当ては未確認。

担当確認:確認済み / 2026-10-10。名前からプロフィールと関連教材へ進めます。

担当表記の出典
著者・講師一覧を見る →

言語と日本語への対応

元言語は日本語。公式が日本語音声の講座として案内。日本語販売ページという理由だけでは分類していない。

Coloso公式の通常版講座詳細に音声「日本語」と表示。公開ページの商品データでも audio: Ja を確認。

公式掲載の紹介・作例動画

提供元の動画掲載ページ。公式ページ掲載のYouTubeプレーヤーです。再生できない場合は提供元でご確認ください。

具体的に何を学び、何を作るか

公式の公開目次・概要をもとに、制作の流れを要約しています。

  1. 設計と素材(第5〜17講)

    認知・操作性と世界観を考え、ホーム/ログインボーナスの情報設計・部品ルールを決める。ロゴ・背景・アイコンを作り、Figmaで配置・ガイドライン・実機確認へ進む。

  2. 動作案を先に作る(第19〜25講)

    After Effectsでイージング、マスク、親子関係を練習。ホーム、立体感のあるログインボーナス、獲得ダイアログの動きを試作し、Codexによるスクリプト制作も扱う。

  3. 画像・文字・配置(第26〜29講)

    Canvas/CanvasGroup、画像の通常・タイル・フィル表示、マスク、TextMeshPro、色空間を確認。RectTransform・LayoutGroup・Prefabで画面を組む。

  4. コードと画面実装(第30〜31講)

    AIでシェーダーや簡単なDOTweenのコードを作り、操作と動きを結ぶ。ホームとログインボーナスを実装し、後者は複数アスペクト比にも対応する。

  5. Unityの演出に置き換える(第32〜35講)

    UI上のパーティクル表示を扱い、ホーム・ログインボーナス・獲得演出にAnimation方式のIn/Loop/Outを設定する。

  6. ボタンと完成確認(第36〜37講)

    ボタン操作へアニメーションを結び付け、完成状態の動作を確認。After Effectsで決めた動きをUnityで再現する工程を締めくくる。

ほかの教材と比べるポイント

公式目次による比較:Udemy「超初心者向けUnityの使い方講座② ~UI編~」はToggle・Slider・DropDown・InputField・ScrollViewなどの部品とサンプルゲーム/ライフゲージを扱う。本講座は世界観・素材制作からAfter Effectsの動作案、ホーム/ログインボーナスのUnity実装までを結ぶ。どちらもアニメーションを含むため、その有無で区別しない。

目指す成果

  • 情報設計・素材制作・動作案・Unity実装を、同じ画面について順に経験する。
  • ホーム/ログインボーナスと獲得演出を、ボタン操作とアニメーションでつなぐ。
  • ログインボーナスの複数画面比率への対応を学ぶ。

必要な知識・準備

  • Unity 6000.3.11f1以降のLTS、Figma、Photoshop、Illustrator、After Effectsを用意する。
  • ChatGPT等のLLMを使用する。各ツールの利用費・契約は別途確認。

収録範囲と注意点

  • 必要ソフトが複数あり、Adobe等の利用費が受講料に含まれるとは確認できない。
  • 教材の商用転用・再配布条件、利用機器数はサービス規定の確認が必要。個別添削の提供は不明。
  • 講座で使うAdobe・Figma・LLM等の具体的な料金、ライセンス同梱、必要な有料プランは公開説明では未確認。
  • ログインボーナスはUI制作例。実際のログイン認証、サーバー側の報酬管理、課金システムの実装まで含むとは公開目次から確認できない。
  • 一般FAQは資料の無断転載・販売・共有を禁じる。配布データやGrupicoを商用作品へ組み込めるという個別の許諾は今回確認できていない。

内容確認に使った公式資料

この教材が合いそうな人

編集上の案内:画面を描く工程から動くUIへの引き継ぎまで経験したい人向け。部品操作だけを先に知りたい場合は、短いUnity UI基礎講座の範囲とも比較する。

始める前に確認すること

公式難易度は入門〜初級。準備物はUnity 6000.3.11f1以降のLTS、Figma、Photoshop、Illustrator、After Effects、ChatGPT等のLLM。各ソフトの料金・契約と必要なプランは別途確認する。

学べる範囲と選ぶときの注意

全37講・39時間17分の公開目次と講師紹介を確認。デザイン、小林ゆに/演出、たかゆ/Unity実装、カサネの専門領域をつなぐ構成。未受講・未実行で、講義動画の視聴や配布ファイル取得はしていません。

サポート・付属データ

PSD・AEP・Illustratorデータ、ホーム/ログインボーナスの完成データ(Unityを含む)、スクリプト「Grupico」を提供と案内。動画37本は無期限表示。配布物は取得しておらず、内部構成・ライセンスと個別質問/添削の条件は未確認。

学んだ後の小さな練習

編集上の練習案:ホーム画面の情報優先順位を先に決め、一つのボタンで待機・押下・画面を閉じる動きを比較する。ログインボーナスは縦横比を変え、配置と演出が両立するか確かめる。

出典と確認範囲

内容確認:2026-10-11。各出典に確認日を記載しています。受講・通読レビューではありません。向く人や学習後の練習は編集部の提案です。

Coloso/Takayu Studioの公式掲載ページ

価格は確認時点の参考表示です。セール、提供条件、サポートや対応版は変わる場合があります。未確認は「提供なし」を意味しません。

次に見るページ

教材の選び方 対応版を確認する 別の教材と比べる

選んだ教材を比較