강의

N
챌린지

멘토링

N
클립

커뮤니티

Design

/

UI/UX

Chinh phục hoàn toàn Thiết kế UI Responsive với Figma

Muốn thành thạo Responsive Design bằng cách tận dụng hiệu quả các tính năng Auto Layout, Grid, Constraints của Figma? Khóa học này sẽ từng bước giúp bạn nâng cao kỹ năng tạo Responsive Design, từ các yếu tố UI nhỏ đến thẻ, bảng, component, màn hình web và ứng dụng. Hãy nắm vững cách dùng Figma để áp dụng ngay vào phỏng vấn và công việc thực tế, làm chủ khả năng thiết kế giao diện Responsive tối ưu cho mọi thiết bị!

(4.9) 17 đánh giá

96 học viên

Độ khó Nhập môn

Thời gian 36 tháng

  • uxeric
Figma
Figma
Responsive Web
Responsive Web
ui
ui
ux
ux
get a job
get a job
Figma
Figma
Responsive Web
Responsive Web
ui
ui
ux
ux
get a job
get a job

Đá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.9

5.0

김연진

30% đã tham gia

Cảm ơn bạn đã tạo ra những bài giảng cần thiết.

5.0

Joy J

75% đã tham gia

Tôi đang làm phát triển frontend tại một startup nhưng cũng phải đảm nhận cả phần thiết kế. Trước đây tôi chỉ tìm tài liệu YouTube cho những phần cần thiết và mò mẫm thiết kế, nhưng lần này tôi phải học thiết kế responsive trong thời gian ngắn. Vì khóa học tập trung vào thực hành nên có thể trực tiếp làm theo từng bước một, hoặc thử trước rồi kiểm tra sau, có vẻ hiệu quả để học thiết kế responsive trong thời gian ngắn! Đặc biệt phần giải thích nguyên lý constraints đã giúp ích rất nhiều, và khi alignment không được áp dụng thì thầy đã chỉ ra lý do tại sao, giúp tôi hiểu được những phần mà bình thường tôi hay bỏ sót. Ngoài ra trong quá trình học có gặp khó khăn về file, nhưng dù có chênh lệch múi giờ thầy vẫn phản hồi nhanh chóng, cảm ơn thầy rất nhiều...! Lần này thay vì cách làm phiền phức như trước đây là sửa từng con số một cách vất vả, tôi muốn áp dụng đúng những gì đã học trong khóa học để làm việc hiệu quả. Cảm ơn thầy rất rất nhiều 😭😭! Tôi sẽ cố gắng đến cuối để hoàn thành khóa học!

5.0

고하경

50% đã tham gia

Tôi là người coi động lực 'tại sao' phải làm điều đó là cực kỳ quan trọng. Thực ra dù có biết nhiều tính năng nhưng nếu không biết cách áp dụng hoặc không thực tế thì hiệu quả của những thông tin đã biết cũng giảm và ý nghĩa của việc học các tính năng cũng sẽ phai nhạt rất nhiều. Nhưng điều tuyệt vời nhất của khóa học này là tôi cảm nhận rõ rằng nó được tạo ra theo lộ trình khó khăn trong thực tế -> học tập -> thoát khỏi khó khăn chứ không phải học tập -> áp dụng thực tế. Thực tế cách giảng dạy cũng theo cấu trúc tại sao tính năng này quan trọng trong thực tế -> có thể áp dụng như thế nào + các trường hợp thực tế nên càng in sâu vào đầu. Và vì giảng dạy dễ hiểu nên tôi đã có thể phá bỏ hoàn toàn cảm giác lo lắng về những phần mà trước đây nghĩ là những tính năng khó khăn một cách mơ hồ. Và với tư cách là người chuẩn bị việc làm, việc được biết 'tại sao' những tính năng này thường được sử dụng trong thực tế xuyên suốt khóa học khiến tôi chú ý hơn với suy nghĩ phải ghi nhớ thêm một lần nữa ngay cả khi đang học. Nhờ đó mà cảm giác lo lắng về thực tế vốn mơ hồ đáng sợ cũng giảm bớt! Cảm ơn anh :)

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

  • Nắm vững thiết kế đáp ứng từ khái niệm đến thực hành.

  • Thành thạo "Auto Layout" – tinh hoa của Figma – để ứng dụng vào thiết kế đáp ứng.

  • Ứng dụng các tính năng Auto Layout, Grid, Constraints của Figma, chúng ta sẽ tạo responsive cho các yếu tố thiết kế UI nhỏ, thẻ và component.

  • Có thể thiết kế cả web và ứng dụng theo dạng responsive.

  • Sẽ có được năng lực thiết kế "đáp ứng" có khả năng linh hoạt ứng phó với nhiều môi trường thiết bị khác nhau chỉ với một thiết kế.

  • Có thể bàn giao thiết kế hiệu quả hơn cho nhà phát triển và các bên liên quan.

띠배너

2 lý do tại sao người mới bắt đầu/sinh viên chuẩn bị việc làm "nhất định" phải thành thạo thiết kế responsive🤔


Lý do thứ nhất. Vì đây là năng lực quan trọng mà người làm thực tế/người phỏng vấn coi trọng. Năng lực thiết yếu để có việc làm(!)

Tôi có một insight từ kinh nghiệm làm thực tế thiết kế sản phẩm trong ngành, đồng thời là người phỏng vấn và huấn luyện UX cho những người mới bắt đầu. Đó là "Nếu muốn có việc làm, ứng viên cần có khả năng mà người phỏng vấn muốn thấy, chứ không phải khả năng mà ứng viên muốn thể hiện". Điều này giống như việc phải nắm bắt ý định của người ra đề trong kỳ thi đại học - nghe có vẻ quá đơn giản và hiển nhiên, nhưng thực tế nhiều ứng viên không thực sự suy nghĩ kỹ về điều này, nên trong quá trình tích lũy kinh nghiệm, câu trả lời là


Lý do thứ hai. Tăng năng suất công việc đáng kể và thiết kế trải nghiệm người dùng tốt hơn

Ngày nay, người dùng không chỉ sử dụng một thiết bị duy nhất mà họ chuyển đổi giữa các thiết bị có kích thước màn hình khác nhau như điện thoại thông minh, máy tính bảng, laptop để sử dụng website hoặc ứng dụng. Trong môi trường như vậy, nhà thiết kế phải thiết kế sao cho người dùng có thể sử dụng dịch vụ một cách tự nhiên mà không gặp bất tiện nào trên bất kỳ kích thước màn hình nào.

Frame (13)

Từ ví dụ về Uber ở trên, chúng ta có thể thấy rằng khi sử dụng cùng một dịch vụ trên các thiết bị khác nhau, mặc dù cấu trúc giao diện và cách bố trí thông tin có thay đổi, nhưng nhìn chung vẫn duy trì được trải nghiệm người dùng nhất quán. Chính thiết kế responsive là thứ giúp cung cấp trải nghiệm thống nhất cho người dùng trên các màn hình khác nhau như vậy.

Nếu hiểu và có thể sử dụng thiết kế responsive một cách đúng đắn thì năng suất công việc sẽ được cải thiện đáng kể. Nếu từ đầu đã thiết kế và tạo ra cấu trúc có thể ứng phó linh hoạt với kích thước màn hình, thì sẽ giảm bớt việc phải tạo lặp lại các thiết kế riêng biệt cho từng thiết bị, và tốc độ làm việc sẽ nhanh hơn gấp nhiều lần khi tái sử dụng thiết kế. Ngoài ra, trong quá trình hợp tác với các developer, chi phí sửa đổi không cần thiết và giao tiếp cũng giảm bớt, giúp kết nối giữa thiết kế-phát triển diễn ra hiệu quả hơn nhiều.

Kết quả là, thiết kế responsive không chỉ là kỹ thuật tạo ra "màn hình đẹp mắt", mà là năng lực cốt lõi trong thực tế giúp mang lại trải nghiệm nhất quán hơn với ít nỗ lực hơn.

Xin chào. Tôi là Eric, nhà thiết kế sản phẩm. 👋

Tôi hiện đang làm việc với vai trò Senior Product Designer trong ngành công nghệ tại New York, Hoa Kỳ. Từ UX Research đến UI Design, xây dựng và quản lý Design System, tôi đảm nhận các công việc thực tế bao trùm toàn bộ lĩnh vực UX/UI và cũng đóng vai trò là người phỏng vấn, có trách nhiệm xem xét và đánh giá portfolio của các ứng viên. Chính vì vậy, tôi hiểu rõ những năng lực thực sự cần thiết đối với người mới bắt đầu hoặc những ai đang chuẩn bị tìm việc. Và tôi cũng đã viết cuốn sách dành cho người mới bắt đầu học UX Design là "Design thinking for beginners" - cuốn sách đã lọt vào danh sách Amazon Bestseller.


Lý do tôi tạo ra khóa học này là vì sau khi thành thạo thiết kế responsive và các tính năng cốt lõi của Figma cho mục đích này trong công việc thực tế, tôi đã trải nghiệm việc năng suất và hiệu quả thiết kế được cải thiện gấp nhiều lần. Cốt lõi của điều đó chính là phương pháp thiết kế màn hình có hệ thống sử dụng các tính năng Auto Layout, Grid và Constraints của Figma.

Trước đây, để đáp ứng cùng một thiết kế cho các kích thước màn hình khác nhau, tôi phải tốn quá nhiều thời gian để tạo mới và chỉnh sửa. Nhưng bây giờ, tôi đã có thể xây dựng thiết kế UI dạng responsive có thể linh hoạt đáp ứng nhiều thiết bị khác nhau chỉ với một thiết kế, và kết quả là công việc lặp lại đã giảm, sự hợp tác giữa designer-developer cũng trở nên mượt mà hơn nhiều. Dựa trên kinh nghiệm, kiến thức và bí quyết thực tế của mình, tôi sẽ giúp thiết kế responsive tăng đáng kể khả năng có việc làm cho những bạn mới bắt đầu/chuẩn bị tìm việc, và giúp các designer đang làm việc nhưng chưa biết thiết kế responsive có thể cải thiện đáng kể năng suất công việc. Hãy tận dụng cơ hội này để học đúng cách về thiết kế responsive và tạo ra cơ hội phát triển sự nghiệp nhé.

Bạn sẽ học được gì trong khóa học này? 🧑‍🏫

Frame (15)

Hiểu đúng khái niệm và nguyên lý của thiết kế responsive

Tại sao cần thiết kế responsive, nó giải quyết những vấn đề gì - chúng ta sẽ xem xét lý thuyết để xây dựng nền tảng vững chắc. Hiểu rõ sự khác biệt trong trải nghiệm người dùng theo từng thiết bị và nắm vững các khái niệm cốt lõi sẽ là nền tảng cho các bài thực hành sau này.

Frame (18)

"Auto Layout và tùy chọn Resizing", làm chủ vũ khí cốt lõi của Figma cho thiết kế responsive

Sức mạnh thực sự của Figma nằm ở Auto Layout và các tùy chọn Resizing. Chúng ta sẽ tạo ra các component và màn hình thường được sử dụng trong thực tế, đồng thời học các nguyên lý về tự động căn chỉnh và bố cục linh hoạt thông qua các ví dụ thực tế.

Frame (17)

Chinh phục hoàn toàn hệ thống Grid

Grid là bản thiết kế ẩn của thiết kế responsive. Bạn sẽ học một cách có hệ thống về nguyên lý của grid và cách ứng dụng thực tế để có thể tạo ra UI nhất quán trên các kích thước màn hình khác nhau.

Frame (19)

Tạo đối tượng phản hồi linh hoạt với Constraints

Bí mật của layout không bị vỡ dù màn hình thu nhỏ hay mở rộng, chính là Constraints. Học cách cấu thành các object linh hoạt để đáp ứng với nhiều kích thước thiết bị khác nhau thông qua thực hành.

Frame 427322146 (1)

Học thiết kế responsive qua các trường hợp thực tế

Chỉ có lý thuyết thôi là chưa đủ. Hãy phát triển khả năng thiết kế responsive có thể áp dụng ngay vào công việc thực tế thông qua các ví dụ UI thực tế đa dạng.

Mẹo vàng cho thiết kế UI🍯 Đại phát hành

Trong khóa học, tôi sẽ chia sẻ không tiếc tay các plugin và tài liệu mà tôi thực sự đang sử dụng trong công việc thực tế. Để công việc responsive từng khiến bạn bối rối trở nên dễ dàng hơn nhiều, khóa học chứa đựng những mẹo thực chiến có thể áp dụng ngay lập tức.

Thông qua khóa học này, chúng ta sẽ tạo ra những gì? 📐

Thiết kế và triển khai trực tiếp giao diện người dùng responsive được tối ưu hóa cho môi trường web và ứng dụng. Hãy tạo ra các layout thực tế có thể thích ứng tự nhiên với nhiều thiết bị khác nhau.

Thiết kế "ứng dụng" theo phong cách responsive

Tìm hiểu cách giao diện ứng dụng di động phải đáp ứng với các kích thước màn hình và độ phân giải khác nhau, đồng thời thực hành triển khai màn hình ứng dụng thực tế theo cách responsive.

Screenshot 2025-07-25 at 8.45.31 AM

Tạo thiết kế "web" responsive

Học cách cấu thành UI phản hồi trong môi trường web và trực tiếp thiết kế layout mở rộng tự nhiên từ desktop đến mobile.

Tạo card responsive

Chúng ta sẽ thiết kế các thẻ nội dung có chứa hình ảnh và văn bản để chúng biến đổi một cách tự nhiên theo các độ rộng màn hình khác nhau.

Tạo bảng

Xây dựng UI bảng responsive có thể đối phó với nhiều tình huống khác nhau như căn chỉnh, độ rộng, cấu trúc ô và phát triển năng lực thiết kế thực tế.

Tạo UI Component với thiết kế responsive

Thiết kế các thành phần UI thường được sử dụng trong thực tế như nút bấm, ô nhập liệu theo kiểu responsive, học cách tạo cấu trúc có thể tái sử dụng và đáp ứng được nhiều kích thước màn hình khác nhau.

Thực hành các trường hợp khác nhau

Thực hành với các tình huống UI đa dạng thường gặp trong công việc thực tế để mở rộng khả năng cảm nhận thiết kế responsive. Thông qua việc luyện tập lặp đi lặp lại, phát triển năng lực ứng phó linh hoạt với cả những layout phức tạp.

Frame 427322082
Frame 427322083 (1)

Chúng tôi khuyến nghị cho những người như thế này 🧭

🎯 Người mới bắt đầu / Sinh viên chuẩn bị việc làm

Tôi khuyến khích khóa học này cho những người mới bắt đầu học thiết kế hoặc đang chuẩn bị tìm việc muốn nắm vững các khái niệm cốt lõi và kỹ năng thực tế của thiết kế responsive. Bạn sẽ có thể trang bị khả năng sử dụng Figma có thể áp dụng ngay vào công việc thực tế và khả năng tạo UI responsive có thể tạo ấn tượng mạnh mẽ trong portfolio của mình.


💻 Nhà thiết kế đang làm việc

Tôi khuyến nghị khóa học này cho các nhà thiết kế muốn nâng cao độ hoàn thiện trong công việc thực tế bằng cách học các tính năng cốt lõi của thiết kế responsive như grid, auto layout. Bạn sẽ có thể trang bị khả năng thiết kế UI được tối ưu hóa cho nhiều loại màn hình khác nhau.


🧩 Nhà hoạch định / PM / PO

Phù hợp với các bạn làm kế hoạch·PM·PO muốn tạo wireframe hiệu quả và hợp tác suôn sẻ với designer. Hiểu được chức năng layout của Figma sẽ giúp cả thiết kế màn hình và giao tiếp đều trở nên dễ dàng hơn.


🛠 Nhà phát triển

Nếu bạn là một nhà phát triển frontend, bạn có thể có cơ hội hiểu cách làm việc của designer và nâng cao hiệu quả hợp tác. Ngay cả khi trực tiếp xử lý thiết kế, bạn cũng có thể học cấu trúc và nguyên lý của UI responsive để tự tin chuẩn bị cho giai đoạn thiết kế trước khi phát triển.

Câu hỏi thường gặp 📌

Q. Người không chuyên ngành có thể học được không?

A.Vâng, khóa học này được thiết kế dành cho người mới bắt đầu và những người không chuyên. Tuy nhiên, tôi khuyến nghị bạn nên có kiến thức cơ bản về khái niệm UX design, kiến thức nền tảng cho UI design và làm quen với các chức năng cơ bản của Figma trước khi tham gia. Nếu bạn mới bắt đầu với UX/UI design, tôi khuyên bạn nên học trước Khái luận UX Design cho người mới bắt đầu và Khóa học UI Design sử dụng Figma mà tôi đã mở trên Inflearn. Sau đó, bạn sẽ có thể nắm vững responsive design nhanh hơn gấp nhiều lần thông qua khóa học này.


Q. Làm thế nào để có thể nhanh chóng thành thạo thiết kế responsive?

A. Nếu bạn đã nắm được các nguyên lý cơ bản về thiết kế responsive và cách sử dụng công cụ Figma, thì điều quan trọng nhất là bạn nên "trực tiếp" thực hành với nhiều ví dụ khác nhau. Trong khóa học này, chúng tôi đã chuẩn bị từ những kiến thức cơ bản đến các trường hợp thực tế đa dạng, và sẽ hướng dẫn bạn để có thể thành thạo thông qua việc thực hành theo. Tuy nhiên, điều quan trọng nhất là bạn không chỉ xem bài giảng mà phải "trực tiếp" thực hành theo.


Q. Có thể học trên Windows và MacBook không?

A.Có thể. Khóa học này được tạo ra dựa trên công cụ Figma. Figma là phần mềm dựa trên trình duyệt internet nên có thể chạy trên cả Windows và MacBook, và trong khóa học này tôi cũng sẽ hướng dẫn các phím tắt mà tôi sử dụng cho cả Windows/MacBook.


Q. Có thể học khóa học với phiên bản miễn phí của Figma không?

A. Vâng, nội dung học trong khóa học này có thể được nghe bằng phiên bản miễn phí của Figma.

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

  • Chúng tôi cung cấp tệp Figma được tổ chức để bạn có thể trực tiếp thực hành tất cả các trường hợp được đề cập trong bài giảng.

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

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

  • Người mới và ứng viên UX/UI Design muốn đạt mục tiêu nghề nghiệp nhanh hơn.

  • Lập trình viên hợp tác với nhà thiết kế UX/UI, hoặc tự thiết kế

  • PM/PO/서비스기획자 muốn nâng cao năng suất công việc khi tạo tài liệu kế hoạch bằng cách sử dụng 오토레이아웃/그리드, v.v.

  • Nhà thiết kế Junior hoặc đương nhiệm chưa rành thiết kế đáp ứng hay cách dùng Auto Layout/Constraints.

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

  • Kiến thức cơ bản và cách dùng Figma

  • Khái niệm cơ bản về UX/UI Design

Xin chào
Đây là

5,145

Học viên

703

Đánh giá

306

Trả lời

4.8

Xếp hạng

7

Các khóa học

Hiện tại, tôi đang làm việc với tư cách là Nhà thiết kế sản phẩm cao cấp (Senior Product Designer) tại công ty công nghệ toàn cầu The Knot Worldwide ở New York.

Trước khi đến New York, tôi đã làm việc với tư cách là người lập kế hoạch UI tại Seoul.

Tôi đang vận hành Brunch Magazine "Thiết kế, và Sản phẩm" cùng với "New York UX Designer" Instagram và Facebook để chia sẻ kiến thức, thông tin về UX, UI và giao lưu với các nhà thiết kế cũng như các nhà thiết kế tương lai.

Về mặt cá nhân, tôi là ông bố của ba con 👶 và rất quan tâm đến nấu ăn 🍲 cũng như giáo dục 🏫.

Viết lách và Giảng dạy

• Xuất bản sách "Nhập môn thiết kế UX từ A đến Z do nhà thiết kế sản phẩm tại New York hướng dẫn" (Link: Yes24, Aladin, Kyobo Books)

• Xuất bản bài viết trên Publy "3 giây quyết định ấn tượng đầu tiên của dịch vụ: 4 nguyên tắc UX cho trang Landing Page"

• Giảng viên thiết kế UX/UI và Figma tại Samsung SW Academy for Youth (SSAFY)

• Tiến hành cố vấn 1:1 và giảng dạy cho doanh nghiệp (Chủ đề: UX, UI design, UX facilitation, xây dựng và xuất bản Portfolio UX/UI)

Kinh nghiệm và Sự nghiệp

• (Hiện tại) Nhà thiết kế sản phẩm cao cấp (Senior Product Designer) tại The Knot Worldwide, New York

• (Cựu) Nhà hoạch định UI ứng dụng di động tại Pantech, Seoul

• Thực hiện nhiều dự án tư vấn UX/UI với các công ty khởi nghiệp tại New York

• Tốt nghiệp Cao học Thiết kế tại School of Visual Arts, New York / Chuyên ngành: Interaction Design

• Tốt nghiệp cử nhân Đại học Handong / Chuyên ngành: Thiết kế công nghiệp

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

Tất cả

40 bài giảng ∙ (5giờ 10phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

17 đánh giá

4.9

17 đánh giá

  • stumire9262님의 프로필 이미지
    stumire9262

    Đánh giá 1

    ∙

    Đánh giá trung bình 5.0

    5

    30% đã tham gia

    Cảm ơn bạn đã tạo ra những bài giảng cần thiết.

    • uxeric
      Giảng viên

      Cảm ơn bạn đã gửi phản hồi. Tôi rất vui khi có thể giúp đỡ bạn thông qua khóa học. Tôi sẽ ủng hộ để tất cả những kế hoạch mà bạn dự định trong tương lai đều thành công~!

  • goodrain2626님의 프로필 이미지
    goodrain2626

    Đánh giá 1

    ∙

    Đánh giá trung bình 5.0

    Đã chỉnh sửa

    5

    75% đã tham gia

    Tôi đang làm phát triển frontend tại một startup nhưng cũng phải đảm nhận cả phần thiết kế. Trước đây tôi chỉ tìm tài liệu YouTube cho những phần cần thiết và mò mẫm thiết kế, nhưng lần này tôi phải học thiết kế responsive trong thời gian ngắn. Vì khóa học tập trung vào thực hành nên có thể trực tiếp làm theo từng bước một, hoặc thử trước rồi kiểm tra sau, có vẻ hiệu quả để học thiết kế responsive trong thời gian ngắn! Đặc biệt phần giải thích nguyên lý constraints đã giúp ích rất nhiều, và khi alignment không được áp dụng thì thầy đã chỉ ra lý do tại sao, giúp tôi hiểu được những phần mà bình thường tôi hay bỏ sót. Ngoài ra trong quá trình học có gặp khó khăn về file, nhưng dù có chênh lệch múi giờ thầy vẫn phản hồi nhanh chóng, cảm ơn thầy rất nhiều...! Lần này thay vì cách làm phiền phức như trước đây là sửa từng con số một cách vất vả, tôi muốn áp dụng đúng những gì đã học trong khóa học để làm việc hiệu quả. Cảm ơn thầy rất rất nhiều 😭😭! Tôi sẽ cố gắng đến cuối để hoàn thành khóa học!

    • uxeric
      Giảng viên

      Tôi rất vui vì có thể giúp đỡ bạn thông qua khóa học thiết kế responsive. Tôi cũng nhớ lại thời gian trước khi không sử dụng auto layout hay constraints, phải làm rất nhiều thao tác thủ công từng chi tiết một. Bây giờ có thể nói rằng năng suất đã tăng lên hàng chục lần. Tôi nghĩ nếu Joy áp dụng nội dung khóa học vào công việc thực tế thì chắc chắn sẽ nâng cao hiệu quả công việc. Cảm ơn bạn vì những phản hồi quý báu và tôi sẽ ủng hộ để tất cả những kế hoạch mà bạn dự định đều thành công tốt đẹp.

  • ko98329025님의 프로필 이미지
    ko98329025

    Đánh giá 1

    ∙

    Đánh giá trung bình 5.0

    5

    50% đã tham gia

    Tôi là người coi động lực 'tại sao' phải làm điều đó là cực kỳ quan trọng. Thực ra dù có biết nhiều tính năng nhưng nếu không biết cách áp dụng hoặc không thực tế thì hiệu quả của những thông tin đã biết cũng giảm và ý nghĩa của việc học các tính năng cũng sẽ phai nhạt rất nhiều. Nhưng điều tuyệt vời nhất của khóa học này là tôi cảm nhận rõ rằng nó được tạo ra theo lộ trình khó khăn trong thực tế -> học tập -> thoát khỏi khó khăn chứ không phải học tập -> áp dụng thực tế. Thực tế cách giảng dạy cũng theo cấu trúc tại sao tính năng này quan trọng trong thực tế -> có thể áp dụng như thế nào + các trường hợp thực tế nên càng in sâu vào đầu. Và vì giảng dạy dễ hiểu nên tôi đã có thể phá bỏ hoàn toàn cảm giác lo lắng về những phần mà trước đây nghĩ là những tính năng khó khăn một cách mơ hồ. Và với tư cách là người chuẩn bị việc làm, việc được biết 'tại sao' những tính năng này thường được sử dụng trong thực tế xuyên suốt khóa học khiến tôi chú ý hơn với suy nghĩ phải ghi nhớ thêm một lần nữa ngay cả khi đang học. Nhờ đó mà cảm giác lo lắng về thực tế vốn mơ hồ đáng sợ cũng giảm bớt! Cảm ơn anh :)

    • uxeric
      Giảng viên

      Cảm ơn bạn đã viết review một cách chân thành như vậy. Tôi cũng nhớ lại thời điểm khi mới bắt đầu học và nghiên cứu về responsive design, đặc biệt là auto layout, tôi đã cảm thấy rất bối rối vì không biết làm thế nào để áp dụng những kiến thức này vào công việc thực tế. Tức là tôi không muốn học chỉ để biết về chức năng đó, mà muốn học cách giải quyết vấn đề responsive design, nhưng điều đó không hề dễ dàng. Vì vậy khi tạo ra khóa học này, tôi đã suy nghĩ làm thế nào để các học viên, đặc biệt là những người mới bắt đầu hoặc đang chuẩn bị tìm việc, có thể hiểu dễ dàng hơn và có được những kỹ năng có thể áp dụng vào thực tế, rồi từ đó xây dựng curriculum và nội dung. Tức là tôi đã đặt mục tiêu tạo ra khóa học sao cho sau khi học xong responsive design, từ góc độ nhà tuyển dụng sẽ nghĩ rằng "ứng viên này đã chuẩn bị sẵn sàng về khả năng responsive design". Khi bạn nói rằng thông qua khóa học này, cảm giác áp lực mơ hồ và sợ hãi đối với công việc thực tế đã giảm bớt(!!) thì tôi cảm thấy vô cùng vui mừng và thực sự cảm nhận được ý nghĩa của việc tạo ra khóa học này :) Một lần nữa cảm ơn bạn đã để lại review và feedback quý báu, tôi chân thành ủng hộ để tất cả những kế hoạch career mà bạn đang lên kế hoạch sẽ thành công tốt đẹp.

  • jm0park님의 프로필 이미지
    jm0park

    Đánh giá 2

    ∙

    Đánh giá trung bình 5.0

    5

    80% đã tham gia

    Cảm ơn rất nhiều vì khóa học quý giá này! Việc chia sẻ file Figma cũng rất tuyệt, giúp tôi có thể thực hành trực tiếp cùng với bài học. Tuy nhiên, ban đầu tôi không nhanh chóng nhận ra là có tài liệu nên đã phải đi tìm trong lúc đang học😊😊 Cách giải thích trực quan với những so sánh, ví dụ, phép ẩn dụ... giúp người mới bắt đầu cũng có thể hiểu dễ dàng, và tôi có thể biết được những phần không nổi bật trong các tính năng Figma có hiệu quả và khả năng ứng dụng như thế nào, thật tuyệt vời! Hơn nữa, các câu hỏi ôn tập ở mỗi phần giúp tôi nhớ lại và ôn tập nội dung của một chu kỳ, tạo ra niềm vui trong việc học hỏi.

    • juliepj673691님의 프로필 이미지
      juliepj673691

      Đánh giá 1

      ∙

      Đánh giá trung bình 5.0

      5

      30% đã tham gia

      Mặc dù đã biết những kiến thức cơ bản này rồi, nhưng việc giảng viên giải thích từ những điều cơ bản một cách tỉ mỉ và dễ hiểu như một lời nhắc nhở giúp tôi có thể hiểu dễ dàng! Việc giải thích bằng cách đưa ra các ví dụ thực tế rất hay, và tôi cũng có thể tự tìm những trường hợp tương tự để so sánh và học tập, điều này thật tuyệt vời!!!

      • uxeric
        Giảng viên

        Cảm ơn bạn. Tôi đã thiết kế khóa học với mục tiêu giúp các học viên dễ dàng hiểu và thực hành theo, nên thật vui khi biết rằng nó đã giúp ích cho bạn. Tôi sẽ ủng hộ bạn thực hiện thành công tất cả những kế hoạch sắp tới.

    2.057.301 ₫

    Khóa học khác của uxeric

    Hãy khám phá các khóa học khác của giảng viên!

    Từ A đến Z về thiết kế UI bằng Figma từ cơ bản đến thực chiến강의 썸네일

    Từ A đến Z về thiết kế UI bằng Figma từ cơ bản đến thực chiến

    uxeric

    Đây là khóa học "Thiết kế UI với Figma từ A đến Z" được chuẩn bị dành cho những người không chuyên chưa từng học về thiết kế, sinh viên mới bắt đầu học thiết kế UX, và những bạn đang chuẩn bị xin việc trong lĩnh vực thiết kế UX và UI. Chúng tôi sẽ hướng dẫn từ cơ bản đến các tính năng nâng cao để ngay cả những người hoàn toàn không biết các công cụ khác như Photoshop cũng có thể trở thành chuyên gia thiết kế UI chỉ bằng việc sử dụng Figma.

    입문

    입문

    Figma, Web Design, Mobile App Design

    Từ A đến Z về thiết kế UI bằng Figma từ cơ bản đến thực chiến강의 썸네일

    Từ A đến Z về thiết kế UI bằng Figma từ cơ bản đến thực chiến

    uxeric

    Giới thiệu về thiết kế UX cho người mới bắt đầu, do một nhà thiết kế sản phẩm ở New York giảng dạy강의 썸네일

    Giới thiệu về thiết kế UX cho người mới bắt đầu, do một nhà thiết kế sản phẩm ở New York giảng dạy

    uxeric

    Đây là lớp thiết kế UX cơ bản dành cho những người không chuyên, chưa từng học thiết kế trước đây, những sinh viên mới bắt đầu học thiết kế UX và những người đang tìm việc thiết kế UX và UI. Từ góc độ của một người thực hành, chúng tôi sẽ "tiết lộ" các cách để trở thành nhà thiết kế UX và UI với các nguyên tắc cơ bản vững chắc trong một khoảng thời gian ngắn.

    입문

    입문

    Web Design, Mobile App Design

    Giới thiệu về thiết kế UX cho người mới bắt đầu, do một nhà thiết kế sản phẩm ở New York giảng dạy강의 썸네일

    Giới thiệu về thiết kế UX cho người mới bắt đầu, do một nhà thiết kế sản phẩm ở New York giảng dạy

    uxeric

    UX/UI người mới bắt đầu nghiên cứu người dùng thực tế강의 썸네일

    UX/UI người mới bắt đầu nghiên cứu người dùng thực tế

    uxeric

    UX/UI thiết kế là mục tiêu nghề nghiệp của bạn, và bạn đang làm việc trong lĩnh vực này với tư cách là nhà hoạch định/nhà thiết kế nhưng chưa từng thực hiện nghiên cứu người dùng, thì khóa học "Từ nghiên cứu người dùng cơ bản đến thực tế" là dành cho bạn. Khóa học này sẽ giúp bạn rèn luyện các kỹ năng cơ bản về nghiên cứu người dùng, phỏng vấn sâu một đối một và thực hiện thử nghiệm khả năng sử dụng, để bạn có thể thực hiện các dự án UX/UI giải quyết vấn đề cốt lõi của người dùng, và cuối cùng là trở thành ứng viên xin việc UX/UI có năng lực cạnh tranh.

    초급

    초급

    UX Research, User Interviews

    UX/UI người mới bắt đầu nghiên cứu người dùng thực tế강의 썸네일

    UX/UI người mới bắt đầu nghiên cứu người dùng thực tế

    uxeric

    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!

    Bắt đầu với Figma강의 썸네일

    Bắt đầu với Figma

    lucymygirl

    Làm chủ Figma chỉ trong 4 giờ! Với những kinh nghiệm đa dạng tích lũy qua 5 năm giảng dạy Figma, khóa học giải thích lý thuyết một cách dễ hiểu và chắc chắn để ai cũng có thể học được, đồng thời rèn luyện thông qua các bài tập thực hành phong phú.

    입문

    입문

    Figma, ux, ui

    Bắt đầu với Figma강의 썸네일

    Bắt đầu với Figma

    lucymygirl

    Từ A đến Z về thiết kế UI bằng Figma từ cơ bản đến thực chiến강의 썸네일

    Từ A đến Z về thiết kế UI bằng Figma từ cơ bản đến thực chiến

    uxeric

    Đây là khóa học "Thiết kế UI với Figma từ A đến Z" được chuẩn bị dành cho những người không chuyên chưa từng học về thiết kế, sinh viên mới bắt đầu học thiết kế UX, và những bạn đang chuẩn bị xin việc trong lĩnh vực thiết kế UX và UI. Chúng tôi sẽ hướng dẫn từ cơ bản đến các tính năng nâng cao để ngay cả những người hoàn toàn không biết các công cụ khác như Photoshop cũng có thể trở thành chuyên gia thiết kế UI chỉ bằng việc sử dụng Figma.

    입문

    입문

    Figma, Web Design, Mobile App Design

    Từ A đến Z về thiết kế UI bằng Figma từ cơ bản đến thực chiến강의 썸네일

    Từ A đến Z về thiết kế UI bằng Figma từ cơ bản đến thực chiến

    uxeric

    Hướng dẫn đầy đủ để tạo trang web mua sắm phản hồi bằng Figma강의 썸네일

    Hướng dẫn đầy đủ để tạo trang web mua sắm phản hồi bằng Figma

    ezweb

    Bạn có kiến thức cơ bản về HTML, CSS, JavaScript (jQuery) chưa? Nhưng bạn không biết cách tạo toàn bộ một trang web hoàn chỉnh? Vậy thì hãy thử thách bản thân bằng cách thực hiện trang chủ của một trang web bán hàng tham khảo một thiết kế có sẵn. Chúng tôi sẽ chia sẻ bí quyết để thực hiện một trang web bằng cách tham khảo một thiết kế hoàn chỉnh, nắm bắt ý định thiết kế và các chi tiết cụ thể.

    초급

    초급

    Figma, HTML/CSS, JavaScript

    Hướng dẫn đầy đủ để tạo trang web mua sắm phản hồi bằng Figma강의 썸네일

    Hướng dẫn đầy đủ để tạo trang web mua sắm phản hồi bằng Figma

    ezweb

    Bộ sưu tập xuất bản web trên thiết bị di động với Figma강의 썸네일

    Bộ sưu tập xuất bản web trên thiết bị di động với Figma

    codingworks

    Bạn có thể cải thiện kỹ năng sản xuất web di động của mình, đây là kỹ năng cạnh tranh nhất trong việc tuyển dụng và thực hành của nhà xuất bản. Với tư cách là nhà xuất bản, bạn có thể học hầu hết các phương pháp sản xuất và bí quyết cần thiết để tạo ra một trang web di động. Đặc biệt, chúng tôi đã giải thích chi tiết quy trình thiết kế giao diện người dùng web di động bằng Figma để bạn có thể nắm được phần lớn các khả năng thiết kế mà các nhà xuất bản và nhà phát triển hiện nay yêu cầu thông qua việc học Figma. Khóa học này sẽ giải thích chi tiết cách tạo khung HTML chi tiết cho từng trang, đây là phần mạnh nhất của lớp xuất bản web di động. Khóa học này sẽ cải thiện đáng kể kỹ năng tạo khung HTML của bạn. Xuất bản web trên thiết bị di động sẽ trang bị cho bạn các kỹ năng làm việc tương tự như trong công việc thực tế bằng cách học cách kết hợp hoàn hảo bố cục cho thiết bị di động và máy tính bảng bằng cách sử dụng các biến CSS (Var). Bạn sẽ có được các kỹ năng thực hành CSS nâng cao, trung cấp, tập trung vào bố cục Flex.

    초급

    초급

    HTML/CSS, Portfolio, Mobile App Design

    Bộ sưu tập xuất bản web trên thiết bị di động với Figma강의 썸네일

    Bộ sưu tập xuất bản web trên thiết bị di động với Figma

    codingworks

    Workshop thiết kế portfolio UX/UI ứng dụng AI tạo sinh강의 썸네일

    Workshop thiết kế portfolio UX/UI ứng dụng AI tạo sinh

    designnonri

    Làm thế nào để nâng cao kỹ năng sử dụng AI - yếu tố tạo nên lợi thế cạnh tranh của một nhà thiết kế UX? Hãy hoàn thiện portfolio thiết kế UX/UI của bạn bằng cách ứng dụng AI vào mọi quy trình, từ định nghĩa vấn đề, đề xuất giải pháp cho đến tạo bản mẫu (prototyping)!

    초급

    초급

    UX Research, ux, UX Planning

    Workshop thiết kế portfolio UX/UI ứng dụng AI tạo sinh강의 썸네일

    Workshop thiết kế portfolio UX/UI ứng dụng AI tạo sinh

    designnonri

    Sử dụng ScrollTrigger của GSAP để tạo portfolio강의 썸네일

    Sử dụng ScrollTrigger của GSAP để tạo portfolio

    jyoung

    Hãy tạo một trang web portfolio phản ứng nhanh, tương tác và phản hồi theo thao tác cuộn bằng cách sử dụng ScrollTrigger của GSAP!

    초급

    초급

    HTML/CSS, scrolltrigger, gsap

    Sử dụng ScrollTrigger của GSAP để tạo portfolio강의 썸네일

    Sử dụng ScrollTrigger của GSAP để tạo portfolio

    jyoung

    Lập kế hoạch dịch vụ ứng dụng sử dụng công cụ AI và Figma강의 썸네일

    Lập kế hoạch dịch vụ ứng dụng sử dụng công cụ AI và Figma

    codingai

    Giờ đây, với sức mạnh của AI, bất cứ ai cũng có thể dễ dàng lên kế hoạch và thiết kế giao diện người dùng (UI) cho ứng dụng! Không cần biết lập trình hay có kinh nghiệm về UI cũng không sao. Các công cụ AI như Claude, ChatGPT sẽ biến ý tưởng của bạn thành hiện thực. Chỉ với vài câu hỏi, bạn có thể phân tích khách hàng mục tiêu, thiết kế cấu trúc ứng dụng và thậm chí tự động tạo ra màn hình UI. Trong khóa học này, chúng tôi sẽ hướng dẫn từng bước từ cơ bản để ngay cả những người mới bắt đầu sử dụng Figma cũng có thể theo kịp. Bạn không cần tự tay vẽ mà vẫn có thể nhập toàn bộ giao diện người dùng (UI) của trang web hiện có chỉ với plugin HTML to Design, và tạo ra những màn hình chất lượng cao chỉ trong vài giây bằng các công cụ AI như Google Stitch hay readdy.ai. Đây là khóa học hoàn hảo cho những ai mơ ước khởi nghiệp, muốn chuyển sang làm chuyên viên hoạch định, hoặc muốn giao tiếp hiệu quả với lập trình viên. Thay vì lý thuyết phức tạp, chúng tôi sẽ chỉ truyền đạt những bí quyết thực tiễn có thể áp dụng ngay lập tức. Giờ đây, chỉ cần có ý tưởng, bất cứ ai cũng có thể lên kế hoạch cho một dịch vụ ứng dụng!

    입문

    입문

    Prototyping, Figma, Service Planning

    Lập kế hoạch dịch vụ ứng dụng sử dụng công cụ AI và Figma강의 썸네일

    Lập kế hoạch dịch vụ ứng dụng sử dụng công cụ AI và Figma

    codingai

    Từ thiết kế luồng người dùng đến triển khai prototype강의 썸네일

    Từ thiết kế luồng người dùng đến triển khai prototype

    moment

    Một prototype hoạt động còn hơn 100 màn hình đẹp! Tạo prototype hoạt động như thật với logic điều kiện trong Figma và rèn luyện tư duy thiết kế vững vàng ngay cả trong thời đại AI.

    초급

    초급

    Prototyping, Figma, figma variable

    Từ thiết kế luồng người dùng đến triển khai prototype강의 썸네일

    Từ thiết kế luồng người dùng đến triển khai prototype

    moment

    Figma, một cách lập kế hoạch ứng dụng mới!강의 썸네일

    Figma, một cách lập kế hoạch ứng dụng mới!

    codingai

    Các CEO khởi nghiệp có ý tưởng về ứng dụng/web mà họ muốn triển khai nhưng không biết bắt đầu như thế nào do thiếu kinh nghiệm lập kế hoạch dịch vụ ứng dụng, những người thực hành muốn học cách lập kế hoạch một cách có hệ thống trong thời gian ngắn và các nhà lập kế hoạch cấp dưới những người muốn tìm hiểu quy trình lập kế hoạch và bí quyết của những người có kinh nghiệm đều là chuyên gia. Chúng tôi sẽ hướng dẫn bạn từng bước phương pháp lập kế hoạch mới bằng Figma và kỹ năng làm việc của một PM với 17 năm kinh nghiệm, bắt đầu từ những điều cơ bản.

    입문

    입문

    Figma, Service Planning

    Figma, một cách lập kế hoạch ứng dụng mới!강의 썸네일

    Figma, một cách lập kế hoạch ứng dụng mới!

    codingai

    Học CSS qua câu chuyện강의 썸네일

    Học CSS qua câu chuyện

    sarc

    Đây là khóa học dự án thực tế về việc trang trí đẹp mắt trang web quán cà phê được tạo bằng HTML với CSS. Bạn có thể học một cách tự nhiên tất cả các kiến thức cơ bản về CSS từ màu sắc, bố cục, typography đến Flexbox, Grid, animation, responsive design bằng cách theo dõi câu chuyện của Minji và thầy Code. Chỉ với 4 giờ học tập, ngay cả người mới bắt đầu cũng có thể hoàn thành thiết kế web chuyên nghiệp.

    입문

    입문

    css, Responsive Web, Flex

    Học CSS qua câu chuyện강의 썸네일

    Học CSS qua câu chuyện

    sarc