Design
Nguyên lý thiết kế Dark Mode
Không chỉ đơn giản là đảo ngược màu sắc. Thiết kế giao diện tối cần cân nhắc kỹ lưỡng về độ tương phản, độ bão hòa và chiều sâu.
Dark mode giảm mỏi mắt và tiết kiệm pin trên màn hình OLED. Nhưng sử dụng màu đen thuần túy (#000000) thường là một sai lầm.
Tỷ lệ tương phản
Đảm bảo văn bản đáp ứng tiêu chuẩn WCAG AA. Văn bản màu xám trên nền đen thường không đạt chuẩn về khả năng tiếp cận.
Chiều sâu (Depth)
Sử dụng các sắc thái xám sáng hơn để chỉ độ cao (elevation), thay vì dùng bóng đổ (shadows) vì chúng vô hình trên nền đen.
Bài viết liên quan
Công cụ liên quan
Bạn thích bài viết này?
Đăng ký nhận tin để không bỏ lỡ các bài viết mới.