Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

DESIGN RULES: Principles + Practices for Great UI Design

QUY TẮC THIẾT KẾ: Nguyên tắc & Thực hành cho Thiết kế Giao diện Người dùng Xuất sắc

QUY TẮC THIẾT KẾ: Nguyên tắc & Thực hành cho Thiết kế Giao diện Người dùng Xuất sắc

Học cách thiết kế giao diện người dùng mạnh mẽ cho ứng dụng, trang web và hệ thống

4.7
(16,490 đánh giá)
64,439 học viên
Giảng viên
Joe Natoli
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 409.000đ -88%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
5.0 giờ video
50 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 18/03/2026

Bạn sẽ học được gì

Học cách tạo ra thiết kế UI hữu ích, dễ sử dụng và có sức hút thị giác cho mọi loại ứng dụng, trang web hay hệ thống.
Học cách cân bằng hài hòa giữa hình thức và chức năng
Nắm vững các quy tắc quan trọng khi thiết kế cho màn hình nhỏ và thiết bị di động
Học cách tổ chức và tối ưu hóa thông tin trực quan một cách hiệu quả
Học cách áp dụng nguyên tắc Cân bằng để tạo ra trật tự thị giác
Học cách áp dụng nguyên tắc Nhịp điệu để thiết lập và củng cố khả năng nhận thức
Học cách áp dụng nguyên tắc Hài hòa để biến các thành phần UI riêng lẻ thành một trải nghiệm thống nhất, nhất quán
Học cách áp dụng nguyên tắc Nhấn mạnh để định hướng sự tập trung của người dùng và nâng cao trải nghiệm
Học cách áp dụng nguyên tắc Căn chỉnh để dẫn dắt ánh mắt người dùng và đẩy nhanh việc hoàn thành tác vụ
Học cách áp dụng nguyên tắc Khoảng cách để thể hiện mối quan hệ giữa các thành phần trên màn hình và giảm tải nhận thức cho người dùng
Học cách giao tiếp thông qua màu sắc, kiểu chữ và hình ảnh trong giao diện
Hiểu cách màu sắc truyền tải thông điệp và ảnh hưởng đến tương tác
Học cách chọn màu sắc phù hợp cho bất kỳ thiết kế UI nào
Học cách áp dụng độ tương phản hợp lý để hướng dẫn người dùng và thu hút sự chú ý đến các thành phần và tương tác quan trọng trong UI
Học cách xác định màu sắc và độ tương phản có phù hợp hay không
Nắm vững và áp dụng những nguyên tắc cơ bản của nghệ thuật sắp chữ như một yếu tố thiết kế
Học cách chọn đúng font chữ và thiết kế phù hợp với chúng
Nắm vững và áp dụng 7 quy tắc quan trọng cho thiết kế typography xuất sắc
Nắm vững và áp dụng 5 quy tắc để chọn hình ảnh phù hợp
Nắm vững và áp dụng một bộ quy tắc NÊN và KHÔNG NÊN cốt lõi khi thiết kế với hình ảnh
Học cách tạo và đơn giản hóa các tín hiệu trực quan để định hướng sự tập trung và tương tác của người dùng
Hiểu 3 loại trực quan hóa dữ liệu được sử dụng trong thiết kế UI và thời điểm thích hợp để dùng
Hiểu cách bối cảnh của dữ liệu được trình bày quyết định hình thức trực quan của nó
Nắm vững và áp dụng 6 quy tắc cho thiết kế dữ liệu xuất sắc
Học cách đơn giản hóa thông tin trực quan để làm rõ ý nghĩa và cải thiện trải nghiệm người dùng
Học cách tách biệt trực quan nội dung với các điều khiển để giúp người dùng dễ hiểu và dễ thao tác hơn
Thu về bộ "18 Châm ngôn Thiết kế UI" mà bạn có thể áp dụng cho mọi thứ bạn thiết kế!

Yêu cầu

Không yêu cầu kiến thức trước; tuy nhiên, làm quen chung với Thiết kế Giao diện Người dùng (UI) sẽ rất hữu ích.

Đối tượng phù hợp

Dành cho Nhà thiết kế UI & Web, Nhà thiết kế In ấn, Lập trình viên Web/Ứng dụng và bất kỳ ai muốn nâng tầm công việc UI của mình!

Nội dung khóa học

6 phần • 49 bài giảng
1 Thiết kế là Thiết kế là Thiết kế.
2 Ngừng Giải quyết Vấn đề của Người khác
3 Hình thức KHÔNG (và KHÔNG NÊN) Đi sau Chức năng
4 Cân bằng Hình thức và Chức năng: Quy tắc Cứng nhắc vs. Mô tả Linh hoạt
5 Tại sao "Hình thức Đi sau Chức năng" KHÔNG phải là Quy tắc Cứng nhắc cho Thiết kế UI!
6 Mọi Tác động Đều Hình thành Nên Hình thức (Vì vậy Đừng Theo Quy tắc Cứng nhắc)
7 Ít hơn là Nhiều hơn: Màn hình Nhỏ, Thách thức Lớn
8 Năm Quy tắc cho Thiết kế UI Hiệu quả trên Màn hình Nhỏ
1 Cân bằng: Tạo ra Trật tự Thị giác
2 Nghiên cứu Tình huống: Cải thiện Tính Cân bằng trong Giao diện Người dùng
3 Nhịp điệu: Thiết lập và Củng cố Khả năng Nhận thức
4 Hài hòa: Định hình Các phần Thành một Tổng thể
5 Sử dụng Sự Hài hòa để Tạo Dòng chảy Định hướng
6 Nghiên cứu Tình huống: Sử dụng Sự Hài hòa để Thiết kế Biểu mẫu Tốt hơn
7 Nhấn mạnh: Định hướng (và Duy trì) Sự Tập trung của Người dùng
8 Sử dụng Sự Nhấn mạnh để Tăng Tập trung — và Giảm Tải Nhận thức
9 Tạo Điểm Nhấn bằng Kích thước, Không gian Âm và Độ tương phản
10 Căn chỉnh: Dẫn dắt Ánh mắt Xuyên suốt Màn hình
11 Nghiên cứu Tình huống: Sức mạnh của Sự Căn chỉnh
12 Khoảng cách: Thể hiện và Truyền tải Mối quan hệ Trực quan
13 Sử dụng Khoảng cách để Tăng tốc Nhận thức
14 Nghiên cứu Tình huống: Sử dụng Khoảng cách để Duyệt web Dễ dàng hơn
1 Màu sắc: Thu hút Sự chú ý và Truyền tải Cảm xúc
2 Cách Màu sắc Ảnh hưởng đến Tương tác
3 Một lời về Lý thuyết Màu sắc — và Sử dụng Màu sắc Chính xác
4 Cách Chọn Màu sắc Phù hợp cho UI của bạn: Các Liên tưởng Thông thường
5 Cách Chọn Màu sắc Phù hợp cho UI của bạn: Tác động Cảm xúc
6 Cách Chọn Màu sắc Phù hợp cho UI của bạn: Từ Thế giới Xung quanh
7 Cách Chọn Màu sắc Phù hợp cho UI của bạn: Từ Màu sắc Thương hiệu
8 Sức mạnh của Độ tương phản
9 Sử dụng Độ tương phản để Cải thiện Khả năng Đọc, Sự chú ý và Tập trung
10 Ba Chức năng Thiết yếu của Độ tương phản trong Thiết kế UI
11 Cách Xác định Màu sắc và Độ tương phản Phù hợp
1 Typography Cơ bản: Không chỉ là Chọn một Font chữ!
2 Tạo Tác động Cảm xúc bằng Typography
3 Chọn Font chữ Không phải là Typography: Tầm quan trọng của Nhận diện Mẫu hình
4 Tầm quan trọng của Căn chỉnh, Giãn dòng và Giãn chữ Hợp lý
5 Bảy Quy tắc cho Typography Xuất sắc
6 Những điều NÊN và KHÔNG NÊN với Hình ảnh
1 Làm việc với Biểu tượng (Icons)
2 Bốn Loại Biểu tượng Cốt lõi (và Cách Chọn Đúng Loại)
3 Năm Quy tắc cho Thiết kế Biểu tượng Hiệu quả
4 Xử lý Dữ liệu
5 Năm Quy tắc cho Thiết kế Dữ liệu Xuất sắc
6 Đơn giản hóa Thông tin Trực quan Phần 01
7 Đơn giản hóa Thông tin Trực quan Phần 02
8 Tách biệt Nội dung với Điều khiển Phần 01
9 Tách biệt Nội dung với Điều khiển Phần 02
1 Tóm tắt: Các Châm ngôn Thiết kế UI

Giới thiệu khóa học

The principles, practices and real-world techniques I'm going to show you here are the same ones that have informed graphic design for hundreds of years. And while that may sound like blasphemy to some of you, I guarantee you'll see why and how they apply equally to the world of digital design — especially for mobile devices and their small screens. 

I'm going to give you 50 lessons across 5 hours, packed with timeless, ironclad, unchanging rules for good UI design that you can apply to anything and everything you ever work on. You’ll learn how to create and apply hierarchy, color, contrast, typography, and gestalt principles to design appropriate visual cues for your users — and that's just for starters.

You'll learn how to make it easier for people to interact with what they see on the screen – whether they know what to tap, swipe or click, and whether what happens meets their expectations and moves them closer to their goals. You'll learn how to create and apply hierarchy, color, contrast, typography and gestalt principles to design appropriate visual cues so people know where and how to take action.

I'll show you how to make good visual decisions for even the most challenging applications, from simplifying complex visual information to designing with data. My goal with this course is to give you everything you need to know to make great UI design decisions, no matter what the content, context or product may be. 

Trends will come and go, and it won't matter: your UI will still be useful, usable, appropriate and relevant for its users. From this point forward, you'll be equipped to make strategic, impactful User Interface designs that communicate, guide, encourage, motivate and educate. Anything else is decoration, and decoration has a very short shelf life.

When it comes to User Interface (UI) design, your job — whether you're a designer, developer, UXer or a mix of all those things — is to make sure that no aspect of someone’s onscreen interaction happens without explicit intent. The UI design choices we make have to reflect the user’s motivations, expectations, environment and possible actions.

All of those things manifest themselves in the User Interface — so what people see on the screen is usually the sum of their understanding about what this is and how it works.

So what we show them has to do a hell of a job communicating what’s there for them, how it’s organized, how they get to it and what they can do with it once they do.

By the time you finish Design Rules, you'll be able to do much more than create a more beautiful User Interface. Instead, you'll be able to design a UI that truly works for the people who use it. One that it allows them to easily figure out where to start and how to get what they need — quickly, efficiently and intuitively. 

Of course, it'll also just happen to be beautiful ;-)

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Design Principles
Hiển thị tất cả khoá học Graphic Design
Hiển thị tất cả khoá học Ui Ux Design
Hiển thị tất cả khoá học Visual Design
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊