Product Management
Đăng nhập
ESC

Nhập từ khóa để tìm kiếm

↑↓ Di chuyển
Enter Mở
ESC Đóng
Design

Atomic Design và design system cho đội sản phẩm

Dành cho PM, PO, BA và designer làm việc cùng kỹ sư front-end, những người thấy giao diện sản phẩm rối dần sau mỗi màn hình làm một lần. Theo một ví dụ xuyên suốt, khoá học đi qua năm tầng của atomic design, design token, kiểm kê giao diện, giữ một nguồn sự thật giữa thiết kế và code, viết spec dựa trên component, quản trị thư viện và khả năng tiếp cận ở tầng nguyên tử. Học xong, bạn đề xuất được một design system bắt đầu nhỏ, có người chịu trách nhiệm và có chỉ số đo mức sử dụng.

9bài học
10bài kiểm tra
~2hthời lượng
10đang học

Miễn phí, không cần thẻ. Tài khoản để lưu tiến độ và nhận chứng chỉ. Đã có tài khoản? Đăng nhập

Nội dung

Học xong bạn làm được gì

01 Vì sao giao diện cứ rối dần — chi phí của những màn hình làm một lần
02 Năm tầng của atomic design — nguyên tử, phân tử, sinh vật, khuôn, trang
03 Design token — màu, khoảng cách, chữ như một ngôn ngữ chung
04 Kiểm kê giao diện — đếm những gì đang có trước khi xây cái mới
05 Từ thiết kế sang code — component, thư viện và một nguồn sự thật
06 PM và BA viết spec dựa trên component — không vẽ lại màn hình
07 Quản trị design system — ai thêm, ai duyệt, phiên bản và khai tử
08 Khả năng tiếp cận và nhất quán — làm một lần ở tầng nguyên tử
Chương trình học

9 bài học, 10 bài kiểm tra

Học theo thứ tự, hoặc nhảy tới phần bạn cần. Không khoá bài nào cả.

Luyện tập

Tự luyện với AI

Bấm để chép câu lệnh, dán vào Claude hoặc ChatGPT. AI sẽ đóng vai người hướng dẫn: hỏi bạn, chấm điểm và chỉ chỗ còn yếu.

Tạo tài khoản để lưu tiến độ khóa này.

Miễn phí. Học tới đâu lưu tới đó, xong khóa có chứng chỉ, và bạn thấy được ai đang học gần mình để rủ nhau học chung.

Đăng ký miễn phí