Design
UI Design and Design Handoff
Visual design principles, color theory, typography, Figma basics, component design, và developer handoff.
2 tháng
60 bài học
1 bài kiểm tra
30 câu hỏi
Bạn sẽ học được gì
Thu thập và phân tích yêu cầu nghiệp vụ từ stakeholders
Viết User Stories, Use Cases, và Acceptance Criteria chuẩn
Quản lý stakeholder và điều phối requirements workshop
Tạo Process Flow, Data Flow, và Business Process Model
Sử dụng AI tools (Claude, ChatGPT) để tăng tốc BA tasks
Thực hành qua bài tập thực tế và case studies VN
Chương 1: Bài học
Visual Design Principles
Đọc
Color Theory và Accessibility
Đọc
Figma Basics và Dev Handoff
Đọc
Bài 5 — Gestalt Principles trong UI
Đọc
Bài 6 — Typography Scale & Type System
Đọc
Bài 9 — Spacing System & The Power of 8
Đọc
Bài 12 — Components & Variants
Đọc
Bài 13 — Component API Design Thinking
Đọc
Bài 14 — Design Tokens — Foundation Layer
Đọc
Bài 16 — Building a Color System trong Figma
Đọc
Bài 17 — Typography System trong Figma
Đọc
Bài 19 — Elevation, Shadows & Depth
Đọc
Bài 20 — Border Radius System
Đọc
Bài 21 — Motion Design Tokens
Đọc
Bài 22 — Button Anatomy & States
Đọc
Bài 24 — Navigation Patterns
Đọc
Bài 26 — Empty States, Loading & Error
Đọc
Bài 27 — Modal, Drawer, Popover, Tooltip
Đọc
Bài 28 — Mobile-First Design Approach
Đọc
Bài 29 — Responsive Breakpoints & Fluid Type
Đọc
Bài 30 — Dark Mode Design Principles
Đọc
Bài 31 — Microinteractions & Feedback
Đọc
Bài 32 — Prototyping trong Figma
Đọc
Bài 33 — Design Systems vs UI Kits
Đọc
Bài 34 — Naming Conventions trong Design Systems
Đọc
Bài 35 — Design Tokens Sync — Tokens Studio
Đọc
Bài 36 — Design System Documentation
Đọc
Bài 37 — Versioning a Design System
Đọc
Bài 38 — Cross-Platform Design (Web, iOS, Android)
Đọc
Bài 39 — Accessibility Basics cho UI Designer
Đọc
Bài 40 — Inclusive Design Beyond Disability
Đọc
Bài 41 — Design QA Process
Đọc
Bài 42 — Figma Dev Mode Overview
Đọc
Bài 43 — Annotations cho Dev Handoff
Đọc
Bài 44 — Spec Documents & Redlines (Legacy)
Đọc
Bài 47 — Motion Specs cho Dev
Đọc
Bài 49 — Handoff Checklist trước khi Ship
Đọc
Bài 50 — Working with Engineers Effectively
Đọc
Bài 51 — Design Critique Culture
Đọc
Bài 52 — User Testing Designs sớm và rẻ
Đọc
Bài 53 — Brand vs Product Design Boundary
Đọc
Bài 54 — Design Ops Foundations
Đọc
Bài 55 — Portfolio Building cho UI Designer
Đọc
Bài 57 — Working with AI Tools (Midjourney, v0, GPT)
Đọc
Bài 58 — Common UI Mistakes của Junior Designer
Đọc
Bài 59 — UI Designer Career Path
Đọc
Chương 2: Bài 4 — Visual Hierarchy
Chương 3: Bài 7 — Color Theory cho UI
Chương 4: Bài 8 — Grid System
Chương 5: Bài 10 — Figma Basics
Chương 6: Bài 11 — Auto Layout
Chương 7: Bài 15 — Figma Variables
Chương 8: Bài 18 — Icon System
Chương 9: Bài 23 — Form Design
Chương 10: Bài 25 — Data Display
Chương 11: Bài 45 — Design-to-Code Sync
Chương 12: Bài 46 — Figma to Code
Chương 13: Bài 48 — Asset Export
Chương 14: Bài 56 — Case Study
Chương 15: Bài 60 — Final
UI Design Quiz
UI design and handoff knowledge
Luyện tập với AI
Copy prompt bên dưới, paste vào Claude hoặc ChatGPT để tự luyện. AI sẽ đóng vai mentor, hỏi và chấm điểm cho bạn.
Cách luyện hiệu quả với AI
- Mỗi ngày 15-30 phút: Chọn 1 prompt, thực hành 1 skill. Consistency quan trọng hơn intensity.
- Viết trước, AI review sau: Đừng để AI viết hộ. Viết user story/PRD trước, rồi nhờ AI đánh giá.
- Tự đánh giá: Sau mỗi session, tự hỏi: "Tôi đã hiểu concept nào mới? Còn gap nào?"
- Build portfolio: Lưu lại output tốt nhất từ mỗi session — đó là portfolio BA của bạn.
Khóa học này dành cho ai?
- Người muốn chuyển sang nghề Business Analyst
- Sinh viên IT/kinh tế muốn hiểu BA role
- Developer/QA muốn hiểu requirements process
- PM muốn strengthen BA skills
Yêu cầu trước khi học
- Không cần kinh nghiệm BA — khóa học bắt đầu từ zero
- Biết đọc tiếng Anh cơ bản (tài liệu tham khảo bằng tiếng Anh)
- Có tài khoản ChatGPT hoặc Claude (free tier đủ dùng)
Sau khi hoàn thành
- Tự tin apply vị trí Junior BA / Associate BA
- Có portfolio gồm PRD, User Stories, Process Flows thật
- Biết dùng AI tools để tăng tốc BA tasks 3-5x
- Nhận Certificate of Completion
Tài liệu tham khảo
- BABOK Guide — IIBA (Business Analysis Body of Knowledge)
- Business Analysis Techniques — James Cadle
- User Stories Applied — Mike Cohn
- Inspired — Marty Cagan (Product Discovery)