Quiz về Thiết kế Giao diện Người dùng

Quy tắc 60-30-10 trong thiết kế màu sắc có nghĩa là gì?

• 60% màu trung tính, 30% màu bổ trợ, 10% màu nhấn

• 60% màu sáng, 30% màu tối, 10% màu trung tính

• 60% màu chủ đạo, 30% màu nền, 10% màu ngẫu nhiên

• 60% màu nền, 30% màu chữ, 10% màu nhấn

Màu nào thường được dùng để thể hiện thông báo thành công (success) trong UI?

• Đỏ

• Cam

• Xanh lá

• Xám

Khi chọn màu sắc cho UI, điều nào sau đây là quan trọng nhất?

• Chọn màu theo cảm hứng cá nhân

• Đảm bảo màu sắc hỗ trợ tốt khả năng đọc và trải nghiệm người dùng

• Sử dụng càng nhiều màu sắc càng tốt để tạo sự đa dạng

• Chỉ cần chọn màu theo thương hiệu mà không quan tâm đến trải nghiệm

Khi thiết kế giao diện tối (dark mode), điều nào sau đây là đúng?

• Nên sử dụng nền màu đen thuần (#000000) để tiết kiệm pin

• Nên dùng nền màu tối vừa phải thay vì đen thuần để giảm mỏi mắt

• Không cần quan tâm đến dark mode, chỉ thiết kế chế độ sáng

• Dùng màu sáng cho nội dung chính và màu tối cho nội dung phụ

Khi thiết kế một UI với nhiều nội dung, nên làm gì để tránh gây nhiễu thị giác?

• Sử dụng ít màu sắc và có sự nhất quán giữa các thành phần

• Dùng màu sắc rực rỡ cho tất cả các thành phần để tạo điểm nhấn

• Trộn nhiều màu sắc tự do để tạo cảm giác nghệ thuật

• Chỉ dùng một màu duy nhất để đơn giản hóa giao diện

Quy tắc Grid System trong thiết kế layout giúp ích gì cho UI?

• Tạo sự cân đối và thống nhất giữa các phần tử

• Giúp giao diện trông nghệ thuật hơn mà không cần theo quy tắc nào

• Chỉ cần dùng khi thiết kế web, không áp dụng cho ứng dụng di động

• Dùng để trang trí, không có ảnh hưởng đến UX

Trong layout UI, khoảng cách giữa các phần tử (spacing) có vai trò gì?

Trong layout UI, khoảng cách giữa các phần tử (spacing) có vai trò gì?

• Tạo sự rõ ràng, dễ đọc và dễ tương tác

• Chỉ để làm đẹp, không ảnh hưởng đến UX

• Giúp giảm kích thước thiết kế bằng cách thu hẹp khoảng cách

• Không quan trọng, miễn là nội dung đầy đủ

Trong thiết kế layout, Flexbox và CSS Grid thường được sử dụng để làm gì?

• Định dạng văn bản trong UI

• Sắp xếp và căn chỉnh các phần tử trong giao diện web

• Chọn màu sắc phù hợp cho UI

• Kiểm tra hiệu suất của ứng dụng

Khi thiết kế layout UI, "F-pattern" và "Z-pattern" liên quan đến điều gì?

• Cách người dùng quét nội dung trên màn hình

• Nguyên tắc chọn màu sắc trong UI

• Các hiệu ứng động trong giao diện

• Chỉ áp dụng cho thiết kế in ấn, không liên quan đến UI