Học online nhưng có mentor đồng hành
Cá nhân hóa theo mục tiêu của bạn

KHÓA HỌC

Thiết kế UI cơ bản: Từ ý tưởng đến sản phẩm

Khóa học cung cấp kiến thức nền tảng và thực hành chuyên sâu về thiết kế giao diện người dùng (UI). Bạn sẽ học cách tạo ra những giao diện đẹp mắt, trực quan và thân thiện, từ nguyên lý thiết kế cơ bản đến sử dụng công cụ chuyên nghiệp. Nâng tầm sản phẩm của bạn với UI ấn tượng!

12 buổi - 30 giờ học

10-15 Học viên

Rated 4.5 out of 5

Lê Minh AnChuyên gia thiết kế đồ họa và UI/UX

Original price was: 8.790.000 ₫.Current price is: 6.090.000 ₫.

Giới thiệu

Tại sao khóa học này quan trọng?

Trong kỷ nguyên số hóa, giao diện người dùng đóng vai trò then chốt trong sự thành công của bất kỳ sản phẩm kỹ thuật số nào. Một giao diện tốt không chỉ thu hút người dùng mà còn nâng cao hiệu quả tương tác, tạo ấn tượng sâu sắc và xây dựng lòng trung thành. Nhu cầu về các chuyên gia thiết kế UI chất lượng cao ngày càng tăng, mở ra nhiều cơ hội nghề nghiệp hấp dẫn. Khóa học này sẽ trang bị cho bạn những kiến thức và kỹ năng cần thiết để nắm bắt cơ hội đó, biến ý tưởng thành những sản phẩm giao diện trực quan, đẹp mắt và dễ sử dụng.

Tóm tắt nội dung khóa học:

Khóa học “Thiết kế giao diện người dùng (UI) cơ bản: Từ ý tưởng đến sản phẩm” được thiết kế đặc biệt cho những người mới bắt đầu và mong muốn xây dựng nền tảng vững chắc trong lĩnh vực thiết kế UI. Chúng ta sẽ cùng nhau khám phá:

– Các nguyên lý thiết kế UI cốt lõi: Hierarchy, Consistency, Feedback, Affordance, Contrast, Alignment, Proximity, Repetition.

– Hệ thống thiết kế (Design Systems): Tìm hiểu về tầm quan trọng của Design Systems trong việc tạo ra giao diện nhất quán và hiệu quả.

– Typography: Hiểu về vai trò của font chữ, cách chọn và kết hợp các loại font để tối ưu hóa khả năng đọc và thẩm mỹ.

– Màu sắc: Nắm vững lý thuyết màu sắc, tâm lý học màu sắc và cách áp dụng màu sắc hiệu quả trong thiết kế UI.

– Bố cục (Layout): Học cách sắp xếp các yếu tố trên màn hình một cách khoa học và hấp dẫn.

– Iconography & Imagery: Sử dụng icon và hình ảnh để tăng cường khả năng truyền đạt thông tin và sự hấp dẫn của giao diện.

– Thực hành với Figma: Làm quen và thành thạo công cụ Figma – phần mềm thiết kế UI hàng đầu hiện nay thông qua các dự án thực tế.

– Thiết kế cho đa nền tảng: Nguyên tắc thiết kế Responsive UI cho các kích thước màn hình khác nhau (Web, Mobile).

– Kiến thức cơ bản về quy trình thiết kế UX: Vai trò của UI trong tổng thể quy trình UX.

Khóa học phù hợp với ai?

Khóa học hướng tới các bạn sinh viên, những người bắt đầu dấn thân tìm hiểu về lĩnh vực thiết kế sản phẩm, hoặc có mong muốn chuyển đổi hướng đi trong sự nghiệp của mình sang lĩnh vực mới. Lập trình viên, các product manager muốn có thêm kiến thức chuyên môn về lĩnh vực thiết kế để phối hợp nhuần nhuyễn hơn với đội ngũ designer trong team. Hoặc đơn giản là những cá nhân có niềm yêu thích với thiết kế sản phẩm, muốn tự tay thực hiện dự án thiết kế cho riêng mình.

Nội dung

Buổi 1: Nhập môn Thiết kế UI & Giới thiệu Figma:

– UI là gì? Vai trò của UI trong sản phẩm số

– Tổng quan quy trình thiết kế

– Làm quen với Figma: Giao diện & Công cụ cơ bản

– Thực hành & Thảo luận & Hỏi đáp nhanh

Buổi 2: Các nguyên lý thiết kế UI cơ bản (Phần 1):

– Giới thiệu & Thảo luận nhanh bài tập buổi trước

– Nguyên lý Hierarchy (Thứ bậc thị giác)

– Nguyên lý Consistency (Tính nhất quán)

– Feedback (Phản hồi)

– Affordance (Khả năng sử dụng).

– Thảo luận & Hỏi đáp nhanh, Thực hành

Buổi 3: Các nguyên lý thiết kế UI cơ bản (Phần 2):

– Sửa bài tập về nhà & Thảo luận

– Nguyên lý Contrast (Tương phản)

– Nguyên lý Alignment (Căn chỉnh)

– Nguyên lý Proximity (Sự gần gũi)

– Nguyên lý Repetition (Sự lặp lại)

– Thảo luận & Hỏi đáp nhanh, Thực hành

Buổi 4: Typography trong UI Design:

– Sửa bài tập về nhà & Thảo luận

– Các loại font & ứng dụng, phân cấp chữ (Typographic hierarchy)

– Ghép nối font & Tối ưu khả năng đọc (Line height, letter spacing, paragraph spacing)

– Thực hành: Thiết kế Text Styles trong Figma

– Thảo luận & Hỏi đáp, Thực hành tại nhà

Buổi 5: Màu sắc trong UI Design:

– Sửa bài tập về nhà & Thảo luận

– Lý thuyết màu sắc cơ bản & Tâm lý học màu sắc

– Tạo bảng màu (Color palette) cho sản phẩm

– Sử dụng màu sắc trong Figma: Styles, Gradient

– Thực hành: Xây dựng bảng màu & áp dụng cơ bản

– Thảo luận & Hỏi đáp, Thực hành tại nhà

Buổi 6:Bố cục (Layout) và Hệ thống lưới (Grids):

– Sửa bài tập về nhà & Thảo luận

– Các loại bố cục phổ biến

– Tầm quan trọng của Grid System trong UI

– Thực hành: Thiết lập Grid trong Figma

– Thảo luận & Hỏi đáp, Thực hành tại nhà

Buổi 7: Components & Variables (Figma):

– Sửa bài tập về nhà & Thảo luận

– Component (Figma)

– Variables (Figma)

– Thảo luận & Hỏi đáp, Thực hành tại nhà

Buổi 8: Iconography & Imagery:

– Sửa bài tập về nhà & Thảo luận

– Vai trò & Nguyên tắc thiết kế Icon

– Sử dụng hình ảnh và minh họa trong giao diện

– Nguồn tài nguyên icon và hình ảnh miễn phí/trả phí

– Thực hành: Tích hợp icon và hình ảnh vào thiết kế

– Thảo luận & Hỏi đáp, Thực hành tại nhà

Buổi 9: Thiết kế Form và Element tương tác:

– Sửa bài tập về nhà & Thảo luận

– Nguyên tắc thiết kế Form hiệu quả

– Các loại Input fields, Checkbox, Radio button, Toggle

– States của các element

– Thực hành: Thiết kế một form đăng ký/đăng nhập hoàn chỉnh

– Thảo luận & Hỏi đáp, Thực hành tại nhà

Buổi 10: Thiết kế Navigation & Patterns:

– Sửa bài tập về nhà & Thảo luận

– Các kiểu điều hướng phổ biến (Tab bar, Navigation bar, Sidebar, Breadcrumbs)

– Card UI, Lists, Empty states

– Thực hành: Thiết kế hệ thống điều hướng & UI Patterns cho mini-project

– Thảo luận & Hỏi đáp, Thực hành tại nhà

Buổi 11: Prototyping cơ bản & Handoff (Figma):

– Sửa bài tập về nhà & Thảo luận Mini Project

– Tạo Prototype cơ bản trong Figma (Flows, Interactions)

– User flow cơ bản

– Giới thiệu về Handoff cho Developer

– Thảo luận & Hỏi đáp, Thực hành tại nhà

Buổi 12: Tổng kết & Định hướng nghề nghiệp:

– Trình bày & Phản hồi Dự án Cuối khóa

– Ôn tập toàn bộ kiến thức khóa học

– Hướng dẫn xây dựng Portfolio UI cơ bản

– Chia sẻ kinh nghiệm phỏng vấn, tìm việc làm trong ngành UI/UX

– Thảo luận & Hỏi đáp cuối khóa

Đối tượng học

Sinh viên, người mới bắt đầu muốn tìm hiểu về thiết kế UI/UX.
Các bạn trẻ đam mê thiết kế, muốn chuyển ngành sang lĩnh vực UI/UX.
Lập trình viên, Product Manager muốn nâng cao kiến thức về UI để phối hợp tốt hơn với Designer.
Các cá nhân muốn tự tay thiết kế giao diện cho sản phẩm của mình.

Mục tiêu đầu ra

Nắm vững các nguyên lý thiết kế UI cơ bản: Hiểu và áp dụng các nguyên tắc như hierarchy, consistency, feedback, affordance, contrast, alignment, proximity, repetition vào thiết kế.
Sử dụng thành thạo Figma: Tự tin thiết kế các giao diện từ cơ bản đến nâng cao bằng công cụ Figma, bao gồm tạo component, auto layout, variant, prototyping cơ bản.
Thiết kế giao diện đẹp mắt và trực quan: Áp dụng hiệu quả kiến thức về màu sắc, typography, bố cục để tạo ra các giao diện có tính thẩm mỹ cao và dễ sử dụng.
Phát triển tư duy thiết kế: Hiểu được cách tư duy của một UI Designer, biết cách phân tích yêu cầu và chuyển đổi chúng thành giải pháp giao diện.
Thiết kế responsive UI cơ bản: Có khả năng thiết kế giao diện phù hợp với các kích thước màn hình khác nhau (web, mobile).
Xây dựng portfolio cá nhân (cơ bản): Hoàn thành một số dự án thực tế đủ để đưa vào portfolio ban đầu, làm nền tảng cho việc tìm kiếm việc làm.
Hiểu được vai trò của UI trong quy trình UX: Nắm được bức tranh tổng thể về mối quan hệ giữa UI và UX.

Yêu cầu

Yêu cầu kỹ thuật: Người học cần có máy tính cá nhân cấu hình tốt.
Yêu cầu về kiến thức đầu vào: Có kỹ năng sử dụng máy tính, biết sử dụng internet và các công cụ văn phòng (Word, Excel, Google Docs…). Không yêu cầu kiến thức về thiết kế/phần mềm