inflearn logo

Khóa học Engine dành cho UI Designer, Công thức nấu ăn Unreal UMG (Nhập môn)

Đây là khóa học nhập môn Unreal UMG. Được hướng dẫn trực tiếp bởi Lucy - nhà thiết kế UI/UX với 11 năm kinh nghiệm trong ngành game, bạn sẽ học Unreal Engine và UMG một cách dễ dàng và thú vị. Sau khi hoàn thành khóa học, bạn sẽ có thể bố trí các UI đa dạng trong Widget Blueprint và tạo ra các Material đơn giản cùng với các hiệu ứng và Event Node.

(4.8) 6 đánh giá

82 học viên

Độ khó Nhập môn

Thời gian Không giới hạn

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

Đánh giá từ những học viên đầu tiên

Đánh giá từ những học viên đầu tiên

4.8

5.0

liji10040

36% đã tham gia

Khi tôi mới bắt đầu làm việc với Unreal, không có những khóa học thân thiện như thế này nên tôi phải cố gắng triển khai bằng mọi cách, và tự nhiên học được trong quá trình vật lộn đến mức đầu óc quay cuồng, nhưng vẫn còn những phần chưa được sắp xếp rõ ràng trong đầu. Tôi đã tham gia khóa học này với cảm giác như đang hệ thống hóa lại kiến thức một lần nữa. Việc gi강사 chia sẻ từ kinh nghiệm của mình về khi nào nên sử dụng cái này, và ngay cả khi cả hai đều có thể dùng được thì tình huống nào phù hợp hơn, đã giúp ích rất nhiều cho tôi. Tôi rất mong sẽ có thêm khóa học tiếp theo.

5.0

염블랑(은영)

29% đã tham gia

Giải thích menu cực kỳ chi tiết... nên việc học so sánh với Unity thật dễ dàng~

5.0

허도윤

100% đã tham gia

Đây là lần đầu tiên mình học về UMG nên đã rất tò mò, nhưng nhờ có bạn mà mình nghĩ mình đã có thể hiểu được phần nào rồi! Mình sẽ phải tiếp tục học tập chăm chỉ trong tương lai! Rất đề xuất khóa học này cho những người mới bắt đầu nhé~

Bạn sẽ nhận được điều này sau khi học.

  • Khái niệm và hiểu biết tổng quan về UMG

  • Hiểu biết về từng yếu tố được cung cấp trong UI위젯

  • Tạo animation UI cơ bản và material UI cơ bản

  • Nhập môn lập trình nút BP giao diện người dùng

  • Đóng gói dự án đã tạo thành phiên bản Windows

Khóa học Engine dành cho UI Designer, Công thức nấu ăn Unreal UMG (Nhập môn)

Chào mừng các bạn đến với khóa học nhập môn Unreal Engine UMG.
Hãy uống chút trà và khám phá xem đây là khóa học như thế nào! Và thử tưởng tượng xem đây sẽ là một lớp học như thế nào nhé?

🍳Trước khi bắt đầu...

Khi nào là khoảnh khắc mà các UI designer cảm thấy gặp phải một bức tường lớn? Nhiều người trả lời rằng đó là khoảnh khắc lần đầu tiếp xúc với Unreal UMG. Khác với Unity, Unreal là một engine rất tốt với độ tự do cao và ổn định một khi đã quen thuộc, nhưng rào cản để 'quen thuộc' đó lại vô cùng cao.

Khóa học này dành cho những bạn mới bắt đầu tiếp xúc với GUI tool của Unreal Engine, đó là UMG(unreal-umg). Cùng với giảng viên Lucy - người đã làm thiết kế UIUX trong ngành game được 11 năm, và với những hình vẽ dễ thương(!!) bạn có thể học UMG một cách dễ dàng và thú vị. Vậy nên... giống như học nấu ăn vậy!

Về nhiều mặt, khóa học này được tối ưu hóa cho các nhà thiết kế UI, nhưng nó cũng sẽ là một hướng dẫn tuyệt vời cho các lập trình viên lần đầu làm việc với UI Widget trong Unreal.

Sau khi hoàn thành toàn bộ khóa học này, giờ đây các bạn sẽ có thể bố trí mọi loại UI trong BP cùng với các hiệu ứng đơn giản, và tạo ra các material cơ bản cũng như các sự kiện style.

Chúc tất cả các bạn học viên phát triển và thành công!

❓Nội dung học tập là gì?

Phần 1. Hãy chuẩn bị các công cụ!
(Hướng dẫn Unreal UMG)

Không thể ra chiến trường mà không có súng... à không, đi nấu ăn mà không thể thiếu dụng cụ! Trước tiên chúng ta phải nắm chắc công cụ trong tay, tức là UMG phải không? Trong phần này, tôi sẽ truyền đạt cho các bạn những giải thích tổng quan về Unreal Engine, cùng với đó là các mẹo thực tế cần thiết để sử dụng engine một cách dễ dàng hơn.

Về các khái niệm chung khác nhau của UMG..

Phần 2. Hãy chuẩn bị nguyên liệu!
(Bài học lý thuyết UMG Widget)

Tôi đã mở UMG rồi, nhưng phần đen là nền... phần trắng là chữ... Đừng lo lắng! Trước tiên tôi sẽ lấy ra tất cả các thành phần sử dụng khi tạo UI BP và giải thích từng cái một cho bạn, ở đầu mỗi bài giảng về từng thành phần tôi sẽ đính kèm hình ảnh minh họa thành phần đó để giúp bạn hiểu rõ hơn!

Những hình ảnh giải thích từng yếu tố
giúp hiểu rõ ràng và dễ dàng!

Phần 3. Hãy cùng nấu ăn!
(Thực hành UI HUD, Inventory và đóng gói Build)

Bây giờ đã có đầy đủ công cụ và nguyên liệu rồi, đến lúc sử dụng chúng để tạo ra những món ăn ngon rồi phải không? Trong khóa học nhập môn này, chúng ta sẽ sử dụng các asset được cung cấp trong bài giảng để trực tiếp tạo ra HUD và inventory! Và cuối cùng, hãy đóng gói bản build phiên bản Window để tạo ra portfolio UMG của riêng bạn!

Cùng với Lucy trực tiếp
tạo GUI và đóng gói!

🔎Xem trước thực hành

Trong phần thực hành của khóa học này thì...

Tất nhiên là sẽ học các thành phần GUI BP và phương pháp bố trí.

Cùng với những kiến thức cơ bản về Node để vận hành các yếu tố đó,

GUI được hoàn thiện đẹp mắt với cả kiến thức cơ bản về material và animation!

Tất cả đều có thể học theo phương pháp tất cả trong một!
Giờ đây bạn có thể tự tin nói ở đâu đó rằng mình đã từng thử nghiệm UMG rồi đấy~

🐤Câu hỏi và trả lời dự kiến

Q. Tại sao lại là Unreal 4 chứ không phải 5? Bạn có biết bây giờ là thời đại nào không?🙁

  • Vâng, tôi hoàn toàn hiểu tâm trạng muốn cài đặt ngay phiên bản engine mới và tiến bước vào kỷ nguyên mới! Tôi thấu hiểu điều đó quá rõ. Nhưng nếu đề cập đến một chủ đề hơi buồn, thì UMG không có sự phát triển đáng chú ý nào trong Unreal 5. Thực tế là những bug từ thời Unreal 4 vẫn được chuyển sang nguyên xi. Mặc dù có những thay đổi về mặt khả năng sử dụng, nhưng khung cơ bản vẫn hoàn toàn giống nhau, do đó trong quá trình nhập môn cần học khung đó, tôi nghĩ Unreal 4 không có các tính năng tiện ích bổ sung sẽ phù hợp hơn. Nếu biết sử dụng Unreal 4 thì có thể nhanh chóng sử dụng Unreal 5, nhưng nếu học Unreal 5 trước thì việc làm Unreal 4 sau này có vẻ khá khó khăn (và có lẽ cũng không muốn làm lắm). Ngoài ra, trong ngành công nghiệp nước ta, có nhiều game được tạo dựa trên Unreal 4 vẫn đang được vận hành cho đến nay, nên Unreal 4 vẫn còn rất nhiều chỗ để sử dụng hơn là chúng ta nghĩ. Các công ty lớn càng như vậy.



    Nhưng như đã nói trước đó, sau khi vượt qua giai đoạn nhập môn, việc học các tính năng mới của phiên bản mới nhất cũng sẽ phù hợp với trình tự học tập. Sau này, mặc dù hiện tại chỉ mới có kế hoạch, nhưng khi tiến hành các khóa học phiên bản khó hơn, tôi đang nghĩ đến việc sẽ đề cập đến UMG của Unreal 5.

Q. Nghe nói UI designer không cần biết engine cũng dễ xin việc? Có thực sự cần thiết phải biết engine không?

  • Thực ra gần đây tôi nghe rất nhiều lời như vậy từ những người mới vào công ty.


    Đúng vậy, việc được tuyển dụng có thể khả thi ngay cả khi không biết về engine, nhưng vấn đề là sau đó.

    Nếu không hiểu UI hoạt động như thế nào trong game thì

    Trong các cuộc họp cũng như trong quá trình triển khai, rất dễ bị loại trừ một cách tự nhiên.

    Không biết về engine không chỉ đơn giản là không biết về công nghệ,

    Điều này có nghĩa là họ không biết thiết kế của mình thực sự hoạt động và phản ứng như thế nào.

    Điều đó cuối cùng cũng giống như tự mình từ bỏ một nửa sức mạnh của thiết kế vậy.

    Biết về engine sẽ giúp bạn tự do hơn nhiều với tư cách là một designer.

    Tôi có thể hình dung được UI mà tôi tạo ra sẽ được triển khai như thế nào trong game thực tế,

    Việc trò chuyện với lập trình viên hoặc người lập kế hoạch cũng trở nên dễ dàng hơn.

    Từ đó, bạn sẽ được công nhận không chỉ là 'một designer bình thường' mà là 'thành viên cốt lõi của team phát triển'.

    Nếu bạn muốn trở thành một UI designer có thực lực lâu dài, vượt xa việc chỉ tìm được việc làm,

    Bạn nhất định phải biết về engine.

📝Lưu ý trước khi học

Môi trường thực hành

  • Hệ điều hành : Bài gi강được thực hiện trên PC, Windows 11(64bit).

  • Công cụ sử dụng: Unreal Engine (phiên bản: 4.27)

  • Cấu hình PC: Trong khóa học này chỉ tập trung vào UMG nên có thể học tập không có vấn đề gì ngay cả với cấu hình tương đối thấp (Intel Core i5 trở lên). Tuy nhiên vì bản thân Unreal Engine khá nặng nên vui lòng đảm bảo đáp ứng cấu hình tối thiểu của Unreal Engine.

Tài liệu học tập

  • Các tài sản cần thiết cho từng bài gi강 và hình ảnh giả lập cần thiết cho thực hành đã được chuẩn bị sẵn.

    • Sau khi hoàn thành khóa học, bảng tin thông báo mới에서 bạn có thể kiểm tra đường dẫn Google Drive.

    • Do đó, trong khóa học này không cần sử dụng các chương trình tạo hình ảnh khác.

Kiến thức tiên quyết và lưu ý

  • Khóa học này được tiến hành dựa trên giả định rằng bạn đã từng thực hiện hoặc đã học qua các công việc thiết kế UI cơ bản. Do đó, có thể sẽ không giải thích các thuật ngữ UI cơ bản ngoài những thuật ngữ được sử dụng trong engine.

  • Nghiêm cấm sử dụng các tài sản hình ảnh UI được cung cấp trong bài giảng cho mục đích khác ngoài việc học tập bài giảng.

👩‍🏫Ai sẽ dạy chúng ta?

  • NC Soft (~2025)

  • XL Games (~2024)

  • SEGA Publishing Korea (~2017)


    (Kinh nghiệm được ghi chỉ tối đa ba mục theo thứ tự thời gian)

Xin chào, tôi là Lim Eun-ji (Lucy). Tôi đã đảm nhận công việc thiết kế UI và chỉnh sửa UX trong thực tế tại hiện trường. Không biết không, đã 11 năm trôi qua rồi. Dựa trên kinh nghiệm thực tế tại nhiều công ty game, tôi sẽ cố gắng truyền đạt những bí quyết và kiến thức cần thiết cho các bạn!

Nếu bạn có thắc mắc gì, hãy đăng câu hỏi lên bảng hỏi đáp, tôi sẽ cố gắng hỗ trợ bạn trong khả năng của mình. Và nếu có nội dung học tập nào bạn mong muốn xuất hiện trong bài giảng tiếp theo, hãy cho tôi biết để tôi tham khảo khi sản xuất bài giảng lần sau.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Những người lần đầu tiếp xúc với Unreal UMG

  • Người đang lo lắng vì được đưa vào làm UI thực tế nhưng không có người hướng dẫn

  • Những người muốn học về quản lý tài nguyên UI được tối ưu hóa

  • Là một lập trình viên lần đầu tiên được giao nhiệm vụ chỉnh sửa UI

Cần biết trước khi bắt đầu?

  • Khóa học này được tạo ra dựa trên giả định rằng bạn đã có kiến thức về các công việc thiết kế UI cơ bản.

Xin chào
Đây là lucynim

82

Học viên

6

Đánh giá

3

Trả lời

4.8

Xếp hạng

1

Khóa học

 

Lim Eun-ji (Lucy)
Senior Unreal UX Editor / Nhà thiết kế UI·UX

 

Xin chào! Tôi là Lucy đây~

Thấm thoát tôi đã làm việc trong lĩnh vực UI/UX game được hơn 10 năm rồi. Trong suốt thời gian đó, tôi đã đảm nhận hệ thống UI tương tác cho các dự án lớn và quy trình UX dựa trên Unreal khi làm việc với tư cách là Trưởng bộ phận UI của team ArcheAge War tại XLGames,Senior UX Editor tại NCSoft.

Vì vậy, tôi không chỉ đơn thuần làm thiết kế mà còn hiểu rất rõ cách thức UI vận hành bên trong engine.
Nhờ đó, tôi luôn trăn trở về cách để nhà thiết kế và lập trình viên có thể thấu hiểu nhau hơn.

Lớp học của tôi hướng đến mục tiêu là “Unreal Engine mà nhà thiết kế có thể hiểu được”.
Thay vì chỉ liệt kê các tính năng khó, đây là lớp học mà chúng ta sẽ cùng nhau giải quyết cách xử lý những phần thường gặp bế tắc trong thực tế công việc.

 

Tôi tin rằng giao diện người dùng (UI) game thực thụ chỉ được hoàn thiện khi cảm quan thiết kế và kỹ thuật gặp nhau.
Trong khóa học của mình, tôi sẽ hướng dẫn các bạn từng bước những bí quyết thực tế có thể áp dụng ngay vào công việc một cách thật thoải mái.

 

  • Kinh nghiệm chính

    • 2024–2025 | NCsoft – Senior Unreal UX Editor

      • Tôi chịu trách nhiệm xây dựng hệ thống UX dựa trên Unreal và tinh chỉnh quy trình sản xuất (pipeline) UI.
        Tôi đã đảm nhận vai trò thiết kế bộ công cụ UI/UX và cấu trúc widget tương tác trong các dự án lớn, giúp nâng cao hiệu quả hợp tác giữa nhà thiết kế và lập trình viên.

    • 2017–2024 | XLGAMES – Trưởng nhóm UI / Thiết kế trưởng

      • Dẫn dắt bộ phận UI hoàn thành dự án quy mô lớn được chuẩn bị trong hơn 3 năm, sau đó chủ trì ra mắt 'ArcheAge War'.
        Tôi đã tổng quát hóa việc thiết lập ngôn ngữ thị giác cho toàn bộ UX, xây dựng hướng dẫn phong cách (style guide) và cải thiện quy trình (pipeline) của engine.

    • Kinh nghiệm trước đây | Tham gia phát triển nhiều dự án và công cụ chỉnh sửa

      • Tôi có nhiều kinh nghiệm thiết kế hệ thống tập trung vào thực tiễn như phát triển trình chỉnh sửa UI nội bộ và xây dựng môi trường tạo mẫu (prototyping).

     

  • Lĩnh vực chuyên môn
    Thiết kế UI/UX Unreal Engine, hệ thống UMG, dàn dựng UI tương tác, sản xuất và thiết kế UI

 

 

Thêm

Chương trình giảng dạy

Tất cả

14 bài giảng ∙ (7giờ 55phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

6 đánh giá

4.8

6 đánh giá

  • liji100408401님의 프로필 이미지
    liji100408401

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    36% đã tham gia

    Khi tôi mới bắt đầu làm việc với Unreal, không có những khóa học thân thiện như thế này nên tôi phải cố gắng triển khai bằng mọi cách, và tự nhiên học được trong quá trình vật lộn đến mức đầu óc quay cuồng, nhưng vẫn còn những phần chưa được sắp xếp rõ ràng trong đầu. Tôi đã tham gia khóa học này với cảm giác như đang hệ thống hóa lại kiến thức một lần nữa. Việc gi강사 chia sẻ từ kinh nghiệm của mình về khi nào nên sử dụng cái này, và ngay cả khi cả hai đều có thể dùng được thì tình huống nào phù hợp hơn, đã giúp ích rất nhiều cho tôi. Tôi rất mong sẽ có thêm khóa học tiếp theo.

    • ilrujer8705님의 프로필 이미지
      ilrujer8705

      Đánh giá 1

      Đánh giá trung bình 5.0

      5

      29% đã tham gia

      Giải thích menu cực kỳ chi tiết... nên việc học so sánh với Unity thật dễ dàng~

      • flarns830603님의 프로필 이미지
        flarns830603

        Đánh giá 3

        Đánh giá trung bình 5.0

        5

        36% đã tham gia

        • saver20756050님의 프로필 이미지
          saver20756050

          Đánh giá 1

          Đánh giá trung bình 5.0

          Đã chỉnh sửa

          5

          100% đã tham gia

          Đây là lần đầu tiên mình học về UMG nên đã rất tò mò, nhưng nhờ có bạn mà mình nghĩ mình đã có thể hiểu được phần nào rồi! Mình sẽ phải tiếp tục học tập chăm chỉ trong tương lai! Rất đề xuất khóa học này cho những người mới bắt đầu nhé~

          • lilydkgus8552님의 프로필 이미지
            lilydkgus8552

            Đánh giá 1

            Đánh giá trung bình 5.0

            5

            36% đã tham gia

            Khóa học tương tự

            Khám phá các khóa học khác trong cùng lĩnh vực!

            1.128.876 ₫