inflearn logo
知識共有
inflearn logo

UIデザイナーのためのエンジン講座、Unreal UMG レシピ(入門)

Unreal UMG入門コースです。ゲーム業界11年目のUI/UXデザイナーLucyが直接進行し、簡単で楽しくUnreal EngineとUMGを学ぶことができます。修了後には様々なUIをWidget Blueprintに配置し、簡単なMaterialおよび演出とEventノードなどを制作できるようになります。

難易度 入門

受講期間 無制限

Unreal Engine
Unreal Engine
GUI
GUI
unreal-umg
unreal-umg
UIUX
UIUX
Unreal Engine
Unreal Engine
GUI
GUI
unreal-umg
unreal-umg
UIUX
UIUX

学習した受講者のレビュー

学習した受講者のレビュー

4.8

5.0

liji10040

36% 受講後に作成

私が初めてUnrealを扱った時は、このような親切な講義がなかったので、何とかして実装しなければならず、頭を悩ませながら自然と理解するようになりましたが、頭の中で整理できていない部分がありました。もう一度整理するという気持ちで講義を受講しました。講師の方の経験から、どんな時にこれを使うのか、両方とも可能な場合でもどんな状況により適しているのかを教えていただけたことが大変参考になりました。次の講義もぜひ出てほしいです。

5.0

염블랑(은영)

29% 受講後に作成

メニューの説明がとても詳しくて...Unityと比較しながら学ぶのが楽でした〜

5.0

허도윤

100% 受講後に作成

UMGを学んだのは初めてだったので気になっていたのですが、おかげさまである程度理解できるようになった気がします!これからもコツコツと勉強を続けていこうと思います!入門講義としてとてもおすすめです〜

受講後に得られること

  • UMGに関する全般的な概念と理解

  • UI ウィジェットが提供する各要素に対する理解

  • 基礎UIアニメーションと基礎UIマテリアル制作

  • UI BPノードコーディング入門

  • 制作したプロジェクトをWindowsバージョンでパッケージング

UIデザイナーのためのエンジン講座、Unreal UMG レシピ(入門)

Unreal Engine UMG入門講座へようこそ。
少しお茶でも飲みながら、どんな講座なのかじっくりと見回してみてください!そして、どんな授業になるのか一度頭の中で想像してみてはいかがでしょうか?

🍳始める前に...

UIデザイナーとして、ある瞬間に大きな壁を感じる時はいつでしょうか?多くの方が初めてUnreal UMGに触れる瞬間だと答えます。Unityとは異なり、Unrealは一度慣れてしまえば非常に自由度が高く安定した良いエンジンですが、その「一度慣れる」というハードルが非常に高いですよね。

[[SPAN_1]]이 강의는 그런 언리얼 엔진의 [[/SPAN_1]]GUI[[SPAN_2]]툴인, UMG([[/SPAN_2]]unreal-umg[[SPAN_3]])을 처음 접한 여러분을 위한 강의입니다. 게임 업계에서 11년째 UIUX디자인을 해 온 강사 루시와 함께, 그리고 각종 귀여운 그림과 함께(!!) 쉽고 재미있게 UMG에 입문할 수 있습니다. 그러니까... 마치 요리를 배우는 것처럼 말이지요![[/SPAN_3]]

様々な面でこの講義はUIデザイナーに最適化された講義ですが、Unrealで初めてUIウィジェット作業を行うプログラマーにとっても良いガイドとなるでしょう。

このコースをすべて修了すると、あらゆる種類のUIを簡単な演出と共にBPに配置し、基礎的なマテリアル制作およびスタイルイベントを制作できるようになります。

受講されている皆様の発展と健闘をお祈りいたします!

❓どのような内容を学びますか?

セクション1. ツールを揃えよう!
(Unreal UMGマニュアル)

戦場に銃を...いや料理をしに行くのに道具を忘れるわけにはいかない!まず我々の手に道具、つまりUMGを握らなければなりませんね?このセクションでは、Unreal Engineに対する全般的な説明と、そこにエンジンをより手軽に扱うのに必要な各種実務ティップを伝授いたします。

UMGの各種共通概念について..

セクション2. 材料を揃えてみよう!
(UMGウィジェット理論授業)

とりあえずUMGを開いたのですが、黒いのは背景で...白いのは文字として... 心配しないでください!まずUI BPを作る時に使用する要素をすべて取り出して一つずつ説明いたします。各要素に関する講義の開始時にその要素を説明する図を添付して理解をお手伝いします!

理解がすいすいできる、
各要素を説明する図たちが!

セクション3. 料理を作ってみよう!
(UI HUD、インベントリ実習およびビルドパッケージング)

道具と材料がすべて揃ったので、それを使って美味しい料理を作ってみる番ですね?今回の入門コースでは、講義で提供されるアセットを利用してHUDとインベントリを直接制作してみます!そして最後にWindowsバージョンのビルドをパッケージして、自分だけのUMGポートフォリオを作ってみてください!

ルシーと一緒に直接
GUIを作ってパッケージングしてみます!

🔎実習プレビュー

この講義の実習部分では...

もちろんGUI BP要素と配置方法を学びます。

その要素たちを動作させるNode基礎と共に、

GUIを美しく仕上げるマテリアルとアニメーションの基礎まで!

全てオールインワンで学ぶことができます!
これでどこに行っても堂々とUMGを一度触ってみた〜と言えるでしょう?

🐤予想Q&A

Q. なぜUnreal 5ではなく4なのですか?今がどの時代かご存知ですか?🙁

  • はい、今すぐにでも新しいバージョンのエンジンをインストールして新時代に進みたい気持ち!私はとてもよく理解しています。しかし少し悲しい話題を持ち出すとすれば、UMGはUnreal Engine 5で特に目覚ましい発展があったわけではありませんでした。実際、4の時のバグもそのまま引き継がれたほどです。使いやすさの面で変わった点はありますが、基本的な枠組みはすべて同じで、そのためその枠組みを覚えなければならない入門過程では、追加的な便利機能がないUnreal Engine 4の方が適していると思いました。4を使えるようになれば5もすぐに使えるようになりますが、5で最初に学んだら4を後からやるのはかなり大変だと思ったからです。(あまりやりたくもないでしょうし。)また我が国の業界ではUnreal Engine 4をベースに作ったゲームが今でもサービスされている場合が多く、思っているよりもUnreal Engine 4はまだまだ使う場所がたくさんあります。大企業ほどなおさらです。



    しかし先ほど申し上げた通り、入門を終えた後は、やはり最新バージョンの新機能も一緒に学ぶのが順序に合っているでしょう。その後、まだ計画段階ですが、より難しいバージョンの講義を進行することになれば、その時はUnreal Engine 5のUMGを扱おうと考えています。

Q. UIデザイナーはエンジンを知らなくても就職はうまくいくと聞きましたが?必ずエンジンを知る必要があるのでしょうか?

  • 実際、最近新入社員として入社された方々からそのような話を本当によく聞きます。


    そうですね、入社自体はエンジンを知らなくても可能かもしれませんが、問題はその後です。

    UIがゲーム内でどのように動作するかを理解していなければ

    会議でも、実装過程でも自然と疎外されやすいです。

    エンジンを知らないということは、単純に技術を知らないということではなく、

    自分のデザインが実際にどのように動いて反応するのかわからないという意味です。

    それは結局、デザインの力を自ら半分ほど諦めることになりますね。

    エンジンを知ればデザイナーとしてはるかに自由になります。

    自分が作ったUIが実際のゲーム内でどのように実装されるかの感覚が掴めて、

    プログラマーや企画者との会話もスムーズになります。

    その時から「ただのデザイナー」ではなく「開発チームの核心メンバー」として認められるようになります。

    就職を超えて、本当に長く続く実力のあるUIデザイナーになりたいなら、

    エンジンは必ず知っておく必要があります。

📝受講前の参考事項

実習環境

  • オペレーティングシステム:講義はPC、Windows 11(64bit)で進行しました。

  • 使用ツール:Unreal Engine(バージョン:4.27)

  • PC仕様:今回の講義ではUMGのみを扱うため、比較的低いスペック(Intel Core i5以上)でも問題なく講義を受講できます。ただし、Unreal Engine自体が重い方なので、Unreal Engineの最小仕様には合わせていただくようお願いします。

学習資料

  • 各講義に必要なアセットと実習に必要なダミー画像があらかじめ準備されています。

    • 講義を受講された後新着情報掲示板にあるGoogleドライブのパスを確認することができます。

    • したがって、この講義では他の画像制作プログラムは必要ありません。

前提知識および注意事項

  • この講義は、基本的なUIデザインアート作業を既に経験したことがあるか、学んだことがあるという前提で進行されます。したがって、エンジンで使用される用語以外の基本UI用語については説明しない場合があります。

  • 講義中に提供されるUIイメージアセットの講義学習以外での使用を禁止します。

👩‍🏫誰が私たちを教えてくれるのですか?

  • NC ソフト (~2025)

  • XL Games (~2024)

  • SEGA Publishing Korea (~2017)


    (経歴は日付順に3つまでのみ記載しました)

こんにちは、イム・ウンジ(ルーシー)です。私は現場で実務としてUIデザインとUXエディティングを一手に担ってきました。いつの間にか11年という歳月が流れましたね。数多くのゲーム会社での実務経験をもとに、皆さんに必要なノウハウと知識をお伝えできるよう努力いたします!

気になる内容を質問掲示板に質問を投稿していただければ、私の力の及ぶ限りお手伝いさせていただきます。そして、次回の講義にあったらいいなと思う学習内容がありましたら、そういったことも教えていただければ、次回の講義制作時に参考にさせていただきます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Unreal UMGを初めて触れる方

  • UI実務に投入されたのに先輩がいなくてお悩みの方

  • 最適化されたUIリソース管理について学びたい方

  • プログラマーとして初めてUI編集を任されることになった方

前提知識、
必要でしょうか?

  • この講義は基礎的なUIデザインアート作業については知っているという前提の下で制作されました。

こんにちは
lucynimです。

82

受講生

6

受講レビュー

3

回答

4.8

講座評価

1

講座

 

イム・ウンジ (ルーシー)
シニアアンリアルUXエディター / UI・UXデザイナー

 

こんにちは!ルーシーです〜

いつの間にかゲームUI/UXの仕事に携わってから、すでに10年以上が経ちました。その中でも私はXL Games『アーキエイジ ウォー』チームのUIパート長、NCソフトでシニアUXエディターとして勤務し、大型プロジェクトのインタラクティブUIシステムとUnrealベースのUXパイプラインを担当しました。

ですので、私は単にデザインをするだけでなく、エンジン内でUIがどのように動作するのかも熟知しています。
そのおかげで、デザイナーとプログラマーが互いにより深く理解し合える方法を常に考えるようになりました。

私の授業は「デザイナーが理解できるアンリアル」を目標にしています。
難しい機能をただ並べるのではなく、実際に現場でよく突き当たる問題をどのように解決すればよいか
一緒に解き明かしていく授業です。

 

私はデザインのセンスと技術が融合してこそ、本当のゲームUIが完成すると考えています。
私の講義では、実務ですぐに活用できる実践的なノウハウを、一歩ずつ、そして分かりやすく皆さんにお伝えします。

 

  • 主な経歴

    • 2024–2025 | NCソフト – シニアアンリアルUXエディター

      • アンリアルベースのUXシステム構築とUIパイプラインの整備を担当しました。
        大型プロジェクトでUI/UXツールキットとインタラクティブウィジェットの構造を設計し、デザイナーとプログラマー間のコラボレーション効率を高める役割を担いました。

    • 2017–2024 | XLGAMES – UIパートリーダー / リードデザイナー

      • UIパートを率いて3年以上準備した大規模プロジェクトを完成させ、その後「アーキエイジ ウォー」のローンチを主導しました。
        UX全般の視覚言語の定義、スタイルガイドの策定、エンジンパイプラインの改善などを総括しました。

    • 以前の経歴 | 多様なプロジェクトおよびエディターツールの開発に参加

      • 内部UIエディタの開発、プロトタイピング環境の構築など
        実務中心のシステム設計経験を多数保有しています。

     

  • 専門分野
    Unreal Engine UI/UXデザイン、UMGシステム、インタラクティブUI演出、UI制作および設計

 

 

もっと見る

カリキュラム

全体

14件 ∙ (7時間 55分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

6件

4.8

6件の受講レビュー

  • ilrujer8705님의 프로필 이미지
    ilrujer8705

    受講レビュー 1

    平均評価 5.0

    5

    29% 受講後に作成

    メニューの説明がとても詳しくて...Unityと比較しながら学ぶのが楽でした〜

    • flarns830603님의 프로필 이미지
      flarns830603

      受講レビュー 3

      平均評価 5.0

      5

      36% 受講後に作成

      • lilydkgus8552님의 프로필 이미지
        lilydkgus8552

        受講レビュー 1

        平均評価 5.0

        5

        36% 受講後に作成

        • liji100408401님의 프로필 이미지
          liji100408401

          受講レビュー 1

          平均評価 5.0

          5

          36% 受講後に作成

          私が初めてUnrealを扱った時は、このような親切な講義がなかったので、何とかして実装しなければならず、頭を悩ませながら自然と理解するようになりましたが、頭の中で整理できていない部分がありました。もう一度整理するという気持ちで講義を受講しました。講師の方の経験から、どんな時にこれを使うのか、両方とも可能な場合でもどんな状況により適しているのかを教えていただけたことが大変参考になりました。次の講義もぜひ出てほしいです。

          • saver20756050님의 프로필 이미지
            saver20756050

            受講レビュー 1

            平均評価 5.0

            修正済み

            5

            100% 受講後に作成

            UMGを学んだのは初めてだったので気になっていたのですが、おかげさまである程度理解できるようになった気がします!これからもコツコツと勉強を続けていこうと思います!入門講義としてとてもおすすめです〜

            似ている講座

            同じ分野の他の講座を見てみましょう!

            ¥6,764