Khóa UI/UX Design
KHÓA HỌC UI/UX DESIGN
I. GIỚI THIỆU
Khóa học thiết kế UI/UX chuyên nghiệp nhằm cung cấp cho học viên kiến thức, kỹ năng và kinh nghiệm về thiết kế UI/UX để các bạn có thể tiếp cận được các công việc liên quan đến thiết kế UI/UX tại doanh nghiệp.
Thiết kế UI/UX đã trở thành một nghề quan trọng trong lĩnh vực phần mềm trong những năm gần đây. Thiết kế UI/UX không chỉ làm đẹp cho ứng dụng, website mà còn làm cho nó dễ sử dụng và hiệu quả hơn.
Người thiết kế UI/UX bên cạnh yêu cầu kỹ năng đồ họa tốt, còn có những kỹ năng khác như nghiên cứu, phân tích, học hỏi nhanh. Đồng thời cũng cần kỹ năng về trình bày, giao tiếp tốt nên mức lương cho vị trí này cũng rất cao.
II. MỤC ĐÍCH KHÓA HỌC
Khóa học sẽ giúp học viên:
– Sở hữu mindset và các quy trình thiết kế UI/UX (Web và Mobile App)
– Nền tảng căn bản UI/UX Design
– Hiểu cách xây dựng Design System
– Kỹ năng làm việc freelancer, teamwork
– Tự hoàn thiện một Mobile App/Web
– Kỹ năng thuyết trình, thuyết phục khách hàng khi trình điễn sản phẩm của mình vào cuối khóa học.
– Hiểu được các vai trò trong team thiết kế cũng như Career path chính bản thân.
– Nhận được chứng chỉ của Trung tâm cấp sau khi kết thúc khóa học.
– Sở hữu mindset và các quy trình thiết kế UI/UX (Web và Mobile App)
– Nền tảng căn bản UI/UX Design
– Hiểu cách xây dựng Design System
– Kỹ năng làm việc freelancer, teamwork
– Tự hoàn thiện một Mobile App/Web
– Kỹ năng thuyết trình, thuyết phục khách hàng khi trình điễn sản phẩm của mình vào cuối khóa học.
– Hiểu được các vai trò trong team thiết kế cũng như Career path chính bản thân.
– Nhận được chứng chỉ của Trung tâm cấp sau khi kết thúc khóa học.
III. ĐỐI TƯỢNG
+ Graphic Designer có mong muốn tìm hiểu về UI/UX, Digital Product Design
+ Beginner muốn tìm hiểu về User Research, Design system, Design Process, UX, quy trình phát triển sản phẩm để phục vụ cho công việc
+ Dev muốn lấn sân sang UI/UX
+ Khóa học thực hành trên ứng dụng Figma. Học viên cần biết sử dụng Figma cơ bản khi tham gia khóa học.
IV. THÔNG TIN KHÓA HỌC
– Thời lượng: 36 tiết
– Hình thức học: Offline hoặc Online
– Thời gian: Tối 2-4-6: 18:00-20:00
IV. CHƯƠNG TRÌNH HỌC
Buổi 1: Các khái niệm cơ bản
– UX là gì? UI là gì?
– App Design là gì? Web Design là gì ?
– Thế nào là 1 sản phẩm, thế nào là 1 tính năng?
– Lựa chọn đề tài, tìm ý tưởng? Mindmap?
⇒ Đề tài được chọn sẽ là đồ án xuyên suốt quá trình học.
– App Design là gì? Web Design là gì ?
– Thế nào là 1 sản phẩm, thế nào là 1 tính năng?
– Lựa chọn đề tài, tìm ý tưởng? Mindmap?
⇒ Đề tài được chọn sẽ là đồ án xuyên suốt quá trình học.
Buổi 2: Bước đầu tiên – Giải quyết đề tài/ dự án
– Personal? Customer Journey – User stories?
– Sitemap và User Flow?
– Low-level wireframe
⇒ Tìm moodboard cho ideas
– Sitemap và User Flow?
– Low-level wireframe
⇒ Tìm moodboard cho ideas
Buổi 3: Wireframe – Nền tảng đầu tiên
– Show Moodboard; Ideas
– Trình bày đề tài & quá trình nghiên cứu
– Tiến hành dựng high-level wireframe
⇒ Hoàn thành Wireframe tiền đề để xây dựng UI Design
– Trình bày đề tài & quá trình nghiên cứu
– Tiến hành dựng high-level wireframe
⇒ Hoàn thành Wireframe tiền đề để xây dựng UI Design
Buổi 4: Icon Web/App – Responsive
– Layout Gird trong Web Design
– Colums, Gutters, Margins
– Tiến hành dựng UI
– Header, Navigation, Body, Side Bar, Footer.
⇒ Áp dụng thành công Layout Grid
Buổi 5: Design System
– Áp dụng Constraints & Autolayout
– Tư duy phối màu cơ bản
– Xây dựng bảng màu, dark theme
– Tư duy sử dụng text
⇒ Áp dụng cách sử dụng color và text vào nguyên tắc cân bằng thị giác, trọng lượng thị giác
– Tư duy phối màu cơ bản
– Xây dựng bảng màu, dark theme
– Tư duy sử dụng text
⇒ Áp dụng cách sử dụng color và text vào nguyên tắc cân bằng thị giác, trọng lượng thị giác
Buổi 6: Tổng hợp – Round 1
– Giới thiệu các style icon phổ biến và đặc biệt trong thiết kế
– Thiết kế bộ icon cho dự án
– Hướng dẫn Responsive PC/MB
⇒ Hoàn thiện UI Elements; tiền đề để xây dựng Design Guidline/ Design System
– Thiết kế bộ icon cho dự án
– Hướng dẫn Responsive PC/MB
⇒ Hoàn thiện UI Elements; tiền đề để xây dựng Design Guidline/ Design System
Buổi 7: Review – Tiếp tục thực hành, chỉnh sửa
– Design Principles
– Atomic Design
– Design System
– Color Style, Grid style, Typography style, Components & Variant
⇒ Xây dựng Components và Variant cho dự án.
– Atomic Design
– Design System
– Color Style, Grid style, Typography style, Components & Variant
⇒ Xây dựng Components và Variant cho dự án.
Buổi 8: Sơ duyệt – Round 2
– Chỉnh sửa trực tiếp trên tổng thể bản thiết kế Demo.
⇒ Triển khai các tính năng/ flows của dự án
⇒ Triển khai các tính năng/ flows của dự án
Buổi 9: Review Pre-Final- Round 3
– Hoàn thành các tính năng/ flows của dự án
– Xử dụng Figma Propotype nối flows; diễn hoạt chuyển động
⇒ Hoàn thiện tổng thể chức năng/ flows dự án.
Buổi 10: Tổng duyệt – Show final
– Xây dựng document về Personal – Customer Journey Map của dự án
⇒ Hoàn thiện toàn bộ dự án.
Buổi 11: Các định dạng xuất file
– Hướng dẫn sắp xếp, đặt tên các thành phần để bàn giao Dev (giả định)
– Hướng dẫn showcase, làm portfolio trên Behance
⇒ Thực hiện làm showcase cho bài tập cuối khóa.
Buổi 12: TỔNG DUYỆT – SHOW FINAL
Cá nhân thuyết trình dự án, góp ý, tổng kết khóa học
————————-
THÔNG TIN LIÊN HỆ
Học viện Doanh Nghiệp ABIZ- ĐH Đà Nẵng
Trung tâm phát triển phần mềm ĐH Đà Nẵng (SDC)
Địa chỉ: P.101. Tầng 1, Khu C, 41 Lê Duẩn – Đà Nẵng
Hotline: 02366. 505.565-0905.540201- 0935.281310 (Ms Thảo)