
Hướng dẫn GSAP dành cho hoạt hình trên web Phần 03
kindtiger
Bông hoa của hoạt hình web, hoạt hình cuộn! Tìm hiểu về ScrollTrigger, một cách sử dụng GSAP mạnh mẽ hơn.
Cơ bản
scrolltrigger, gsap, Interactive Web
Ngay cả khi không phải là người chuyên ngành hay nhà thiết kế, bạn vẫn sẽ được học cách tự tay tạo và chỉnh sửa UI web, bản đề xuất, cho đến hệ thống thiết kế (design system) bằng cách tận dụng Claude Design và Figma. Để có thể áp dụng ngay vào công việc thực tế, khóa học sẽ đi sâu vào thực hành từng bước: từ sự khác biệt giữa Claude Code và Claude Design, cách cài đặt, sử dụng plugin, tạo UI dựa trên thành phần (component), cho đến cách chỉnh sửa thiết kế và áp dụng vào các dịch vụ đang vận hành. Đây là khóa học giúp các nhà phát triển, nhà lập kế hoạch và chuyên viên marketing – những người từng thấy các công cụ thiết kế khó khăn – có thể trải nghiệm việc tạo ra thành phẩm nhanh chóng thông qua AI và quy trình làm việc dựa trên thành phần.
247 học viên
Độ khó Nhập môn
Thời gian Không giới hạn
Đánh giá từ những học viên đầu tiên
5.0
동해바다
Vì thiết kế của Claude ra mắt quá sớm nên tôi định bỏ qua vì nghĩ chắc cũng không có gì đặc biệt, nhưng khi thấy đây là bài giảng của thầy Bum nên tôi đã mua và học thử. Tôi nghĩ bài giảng của thầy Bum rất hiếm có, bởi vì không có nhiều người có thể thực hiện tốt cả mảng thiết kế lẫn phát triển web ở mức độ trên chuẩn như vậy. Tôi rất mong chờ bài giảng tiếp theo của thầy.
5.0
nc jang
Việc tích hợp Claude Design và Figma thực sự rất hữu ích.
5.0
황찬욱
Phát âm tốt và nội dung cũng hay nữa.
Nắm vững cách tự thiết kế và chỉnh sửa UI web/ứng dụng bằng cách sử dụng Claude Design và Figma ngay cả khi bạn không phải là nhà thiết kế.
Trải nghiệm thực hành thiết kế nhanh chóng bản đề xuất, trang đích (landing page) và giao diện web tương tác cùng với AI.
Hiểu quy trình làm việc giúp nâng cao năng suất thiết kế bằng cách sử dụng Claude Code và các plugin
Trải nghiệm phương thức cộng tác dựa trên AI giúp nhà phát triển, nhà lập kế hoạch và nhà tiếp thị cũng có thể trực tiếp tạo ra các sản phẩm thiết kế.
Học cách sử dụng Claude Design để nhanh chóng tạo và cải thiện các bản thảo UI cho dịch vụ đang vận hành.
Người không chuyên
Người khởi nghiệp một mình
Nhà thiết kế
Bạn sẽ có thể trực tiếp tạo và chỉnh sửa giao diện Web UI, bản đề xuất, trang đích (landing page), màn hình tương tác, v.v. bằng cách sử dụng Claude Design và Figma,
đồng thời nắm vững cấu trúc hệ thống thiết kế và quy trình làm việc thực tế một cách tự nhiên.
Ngoài ra, ngay cả khi không có kinh nghiệm thiết kế,
Cách để nhanh chóng trực quan hóa màn hình mong muốn
Cách yêu cầu AI thiết kế
Cách quản lý hiệu quả các dịch vụ đang vận hành
Bạn sẽ được trải nghiệm những nội dung này thông qua các bài thực hành thực tế.
Sử dụng Claude Design để áp dụng hệ thống thiết kế và quản lý các sản phẩm thiết kế nhất quán.
Sử dụng Figma và Claude Design để tự động tạo hệ thống thiết kế (design system), sau đó áp dụng vào Claude Design.
Học cách sử dụng AI để tạo các bản đề xuất chuyên nghiệp một cách nhanh chóng và hiệu quả.
Bạn sẽ nắm vững quy trình lập kế hoạch cấu trúc nội dung, thiết kế slide, trực quan hóa dữ liệu cho đến xây dựng tài liệu thuyết trình để có thể áp dụng ngay vào công việc thực tế.
thiết kế slide
Học cách lập kế hoạch và thiết kế trang chi tiết sản phẩm để thu hút sự chú ý của người dùng.
Trải nghiệm quy trình sản xuất trang chi tiết có thể ứng dụng vào marketing thực tế, từ phân tích sản phẩm, cấu trúc các phần cho đến thiết kế hình ảnh.
thiết kế trang chi tiết
Tạo một danh mục hồ sơ năng lực (portfolio) web đầy lôi cuốn bằng cách sử dụng hiệu ứng cuộn và tương tác.
Bạn sẽ được học cách tạo bản thiết kế mẫu bằng AI và áp dụng các công nghệ web mới nhất để hoàn thiện một portfolio khác biệt.
thiết kế web portfolio
Sử dụng Three.js và các công cụ AI để tạo ra một trang web portfolio thế hệ mới bao gồm các đối tượng 3D và tương tác.
Bạn có thể hiện thực hóa một portfolio độc đáo của riêng mình thông qua việc sử dụng mô hình 3D, cấu hình hoạt ảnh và thiết kế trải nghiệm người dùng.
thiết kế web portfolio
Tôi đã thực hiện nhiều dự án thực tế và các chương trình đào tạo tập trung vào thiết kế web, phát triển front-end và hệ thống thiết kế, đồng thời tôi cũng thường xuyên chứng kiến nhiều người dễ dàng bỏ cuộc hoặc cảm thấy khó khăn trước lĩnh vực thiết kế.
Và gần đây, với sự xuất hiện của phương pháp thiết kế dựa trên Claude,
tôi cảm thấy rằng chính cách thức giải quyết những vấn đề này đang hoàn toàn thay đổi.
Giờ đây, ngay cả khi không chuyên về thiết kế, bạn vẫn có thể cùng với AI tạo ra màn hình, chỉnh sửa và nhanh chóng trực quan hóa các ý tưởng của mình
.
Nhanh chóng tạo ra màn hình cho các ý tưởng dịch vụ và
có người tự mình trực tiếp tạo bản đề xuất và
có người lại giảm bớt được thời gian cho các công việc thiết kế lặp đi lặp lại,
Có những người đã có thể kiểm chứng kết quả nhanh chóng hơn.
Vì vậy, đây không phải là một bài giảng chỉ đơn thuần hướng dẫn cách sử dụng các công cụ AI,
Đây là khóa học được tạo ra nhằm giúp bất kỳ ai cũng có thể tự mình thể hiện ý tưởng và
nhanh chóng biến chúng thành thành phẩm trong kỷ nguyên AI.
Đặc biệt, nội dung được xây dựng tập trung vào lý thuyết và thực hành để ngay cả những người chưa có kinh nghiệm thiết kế cũng có thể
bắt đầu một cách thoải mái
Thông qua bài giảng này, tôi hy vọng nhiều người hơn nữa sẽ không còn xem thiết kế chỉ là một lĩnh vực chuyên môn khó khăn,
Hy vọng bạn có thể trải nghiệm việc tự tay hiện thực hóa những ý tưởng của chính mình!
Hệ điều hành và phiên bản (OS): Windows, macOS
Công cụ sử dụng: Tài khoản Claude (trả phí), tài khoản Figma (trả phí)
Figma Slides
Không có kiến thức về thiết kế cũng không sao.
Nội dung được thiết kế để ngay cả những người mới bắt đầu lần đầu tiếp xúc với Figma và Claude Design cũng có thể dễ dàng theo kịp.
Nếu bạn quan tâm đến dịch vụ web/ứng dụng và UI, bạn sẽ thấy khóa học này thú vị hơn nữa.
Chỉ cần có khả năng sử dụng máy tính và internet cơ bản là đủ.
Claude và một số công cụ AI yêu cầu gói trả phí.
Thực hành có thể thực hiện trên cả môi trường Mac và Windows.
Khóa học này dành cho ai?
Các nhà phát triển, người lập kế hoạch, nhân viên marketing không phải là nhà thiết kế nhưng cần tự mình tạo ra màn hình web, ứng dụng hoặc bản đề xuất.
Người làm chuyên môn cảm thấy bế tắc khi ngay cả một chỉnh sửa thiết kế nhỏ cũng cần phải yêu cầu nhà thiết kế hoặc đơn vị thuê ngoài.
Nhà phát triển Frontend muốn nâng cao hiệu quả cộng tác giữa thiết kế và phát triển bằng cách tận dụng Figma và hệ thống thiết kế (Design System).
Những người làm việc trong startup và những nhà khởi nghiệp cá nhân cần nhanh chóng tạo bản thảo UI, trang landing page và bản đề xuất.
Các nhà thiết kế đang làm việc và các nhà thiết kế tương lai muốn nâng cao năng suất thiết kế bằng cách sử dụng AI
PM·Người lập kế hoạch dịch vụ muốn trực tiếp cải thiện hoặc thử nghiệm UI của dịch vụ đang vận hành
Những người không chuyên và người mới bắt đầu chưa thể bắt đầu vì cảm thấy các công cụ thiết kế quá khó khăn.
Các nhà phát triển và sáng tạo muốn kết nối Claude Code và Claude Design vào quy trình làm việc thực tế.
Cần biết trước khi bắt đầu?
Ngay cả khi bạn mới tiếp cận AI lần đầu, bạn vẫn có thể học được.
Bạn có thể học ngay cả khi không biết về thiết kế.
Bạn có thể học ngay cả khi không biết Figma.
Sử dụng mô hình trả phí của Claude trong lớp học (từ gói Pro trở lên)
Xác minh sự nghiệp
4,824
Học viên
274
Đánh giá
314
Trả lời
4.9
Xếp hạng
6
Các khóa học
Xin chào, tôi là thầy Beom, người luôn tìm thấy niềm vui trong thiết kế và phát triển để tạo ra các bài giảng 🙂 Mọi thắc mắc về việc giảng dạy online / offline vui lòng liên hệ qua seonbeom2@gmail.com 🙇♂
Tất cả
25 bài giảng ∙ (3giờ 44phút)
Tất cả
20 đánh giá
4.7
20 đánh giá
Đánh giá 2
∙
Đánh giá trung bình 5.0
Đã chỉnh sửa
Đánh giá 5
∙
Đánh giá trung bình 5.0
Đánh giá 19
∙
Đánh giá trung bình 4.9
5
Vì thiết kế của Claude ra mắt quá sớm nên tôi định bỏ qua vì nghĩ chắc cũng không có gì đặc biệt, nhưng khi thấy đây là bài giảng của thầy Bum nên tôi đã mua và học thử. Tôi nghĩ bài giảng của thầy Bum rất hiếm có, bởi vì không có nhiều người có thể thực hiện tốt cả mảng thiết kế lẫn phát triển web ở mức độ trên chuẩn như vậy. Tôi rất mong chờ bài giảng tiếp theo của thầy.
Đánh giá 2
∙
Đánh giá trung bình 5.0
Đánh giá 1
∙
Đánh giá trung bình 5.0
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!