Thiết kế UI/UX cho Web và Di động: Từ Figma đến HTML và CSS

Nắm vững các nguyên tắc thiết kế giao diện và trải nghiệm người dùng để xây dựng các bố cục ấn tượng trong Figma, sau đó học cách chuyển đổi thiết kế của bạn thành HTML và CSS gọn gàng, đáp ứng.

4.4 (1,407) ⏱ 47 phút 📚 4 bài 🎧 Phiên bản âm thanh

Về khóa học này

Các sản phẩm kỹ thuật số tuyệt vời bắt đầu từ thiết kế trải nghiệm và giao diện người dùng xuất sắc. Việc hiểu cách chuyển đổi những thiết kế đó thành các bố cục web hoạt động sẽ thu hẹp khoảng cách giữa tầm nhìn sáng tạo và thực tế kỹ thuật. Khóa học này hướng dẫn bạn các nguyên tắc nền tảng của thiết kế UI/UX, trang bị cho bạn khả năng tạo ra các bố cục chuyên nghiệp cho web và thiết bị di động. Bạn sẽ học cách vận hành Figma, nắm vững quy trình thiết kế từ wireframe ban đầu đến bố cục hoàn chỉnh, và có được các kỹ năng HTML và CSS cơ bản cần thiết để giao tiếp hiệu quả với các nhà phát triển hoặc tự xây dựng các trang web đáp ứng của riêng mình. Bạn sẽ học được gì: - Hiểu các nguyên tắc cốt lõi của thiết kế trải nghiệm người dùng (UX) và giao diện người dùng (UI), bao gồm hệ thống phân cấp trực quan, kiểu chữ và lý thuyết màu sắc. - Nắm vững các kiến thức cơ bản về Figma, bao gồm frame, auto-layout, các thành phần có thể tái sử dụng và các ràng buộc thiết kế đáp ứng. - Tạo luồng người dùng, wireframe có độ trung thực thấp và các bố cục thiết kế có độ trung thực cao được hoàn thiện. - Áp dụng các tiêu chuẩn tiếp cận hiện đại để đảm bảo các thiết kế kỹ thuật số của bạn mang tính hòa nhập và có khả năng sử dụng cao. - Chuyển đổi các bố cục thiết kế thành cấu trúc HTML ngữ nghĩa, gọn gàng và các bố cục CSS đáp ứng. Bạn sẽ bắt đầu bằng việc học các thuật ngữ thiết kế cốt lõi và tâm lý người dùng trước khi chuyển sang các kỹ thuật thực hành trên Figma. Cuối cùng, bạn sẽ khám phá việc chuyển đổi từ thiết kế sang mã nguồn, học cách cấu trúc bố cục bằng CSS và HTML hiện đại. Khóa học này được thiết kế cho những người mới bắt đầu hoàn toàn muốn bước vào lĩnh vực thiết kế, cũng như các nhà phát triển muốn cải thiện kỹ năng thiết kế trực quan của mình, không yêu cầu kinh nghiệm thiết kế hoặc lập trình trước đó. Hãy bắt đầu đọc ngay hôm nay và thực hiện bước đầu tiên để thiết kế những trải nghiệm kỹ thuật số đẹp mắt và đầy đủ chức năng.

Bạn sẽ nhận được

  • 📜 Chứng chỉ hoàn thành
    Thêm vào hồ sơ LinkedIn
  • 🎧 Bao gồm phiên bản âm thanh
    Học mọi lúc mọi nơi — không cần màn hình
  • ♾️ Truy cập trọn đời
    Quay lại bất cứ lúc nào, không hết hạn
  • 📱 Điện thoại hoặc máy tính
    Hoạt động mọi nơi, mọi thiết bị
  • 💸 Hoàn tiền 30 ngày
    Không cần lý do
  • Ngắn gọn, đi vào trọng tâm
    47 phút nội dung thực hành

Đánh giá (7)

Mia Hall AU
★ 5 · 2025-12-09T14:09:51+00:00

Đúng cái mình cần luôn. Thích các ví dụ thực tế, chúng thực sự giúp củng cố các khái niệm.

วิชัย เกษมสุข TH
★ 4 · 2025-09-19T01:05:51+00:00

Tôi thực sự thích trải nghiệm học tập. Các tài liệu được cung cấp là đỉnh cao và dễ dàng theo dõi.

سهام DZ Học viên đã xác minh
★ 5 · 2025-08-01T01:26:51+00:00

Khóa học này vượt xa mong đợi của tôi. Các ứng dụng thực tế được thảo luận cực kỳ hữu ích. Làm tốt lắm!

Camila Sánchez CO
★ 4 · 2025-04-16T19:35:51+00:00

Một lời giới thiệu tốt. Cấu trúc khá rõ ràng, nhưng tôi ước có thêm vài ví dụ thực tế. Dù sao thì cũng học được nhiều điều.

Elżbieta Szymańska PL
★ 5 · 2025-04-12T05:37:51+00:00

Thiết kế khóa học xuất sắc. Cách các khái niệm xây dựng lẫn nhau rất liền mạch. Rất thực tế và giải thích rõ ràng.

Марія Лисенко UA Học viên đã xác minh
★ 5 · 2025-04-04T10:49:51+00:00

Wow, tôi ấn tượng. Các ứng dụng thực tế được trình bày thực sự hữu ích. Làm cho các ý tưởng trừu tượng trở nên hữu hình. Giá trị tuyệt vời!

سعاد DZ
★ 3 · 2025-02-27T17:47:51+00:00

Đây là một phần giới thiệu khá ổn. Có thể thêm nhiều ví dụ đa dạng hơn và cải thiện luồng giữa các mô-đun một chút.

Viết đánh giá

Sau khi gửi, chúng tôi sẽ yêu cầu đăng nhập — bản nháp được lưu.

Học viên cũng học

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

Tôi cần gì để học khóa này? +

Chỉ cần điện thoại hoặc máy tính có kết nối internet. Không cần cài đặt hay thiết bị đặc biệt.

Tôi thanh toán bằng cách nào? +

Bằng thẻ qua Stripe, hoặc tiền điện tử. Chúng tôi không lưu thông tin thẻ — Stripe xử lý an toàn.

Tôi có thể được hoàn tiền không? +

Có — hoàn tiền đầy đủ trong 30 ngày, không cần lý do.

Tôi sẽ có quyền truy cập trong bao lâu? +

Mãi mãi. Sau khi mua, khóa học là của bạn để xem lại bất cứ lúc nào.

Tôi có nhận được chứng chỉ không? +

Có. Sau khi hoàn thành, bạn sẽ nhận được chứng chỉ và có thể thêm vào hồ sơ LinkedIn.

Dành cho người học trong
Công nghệ Thiết kế Tài chính Marketing Y tế Giáo dục Khách sạn-Dịch vụ Sản xuất