Màu sắc cần xem xét màn hình, môi trường và nhận thức. Màu trên mắt kính sử dụng một bảng màu tinh tế để hỗ trợ hành vi của màn hình bổ sung và tối ưu hoá để mang lại cảm giác thoải mái khi nhìn. Bạn nên sử dụng màu sắc một cách hợp lý trên mắt kính để hài hoà với thế giới thực, cho biết các hành động quan trọng, hiển thị hình ảnh hoặc cung cấp ý nghĩa ngữ nghĩa.
Màu đen trong suốt trên màn hình quang học nhìn xuyên qua. Hãy lưu ý điều này khi thiết kế vì màu tối sẽ xuất hiện mờ hoặc trong suốt, nhưng bạn cũng có thể dùng màu tối để tạo chiều sâu.
Phối màu
Bảng phối màu của mắt kính (tập hợp các mã thông báo hoặc vai trò màu sắc để tạo giao diện màu cho ứng dụng của bạn) bao gồm 3 vai trò màu nhấn, 6 vai trò màu bề mặt (hoặc màu trung tính) và các vai trò màu tương ứng. Các vai trò màu sắc tương tự như vai trò trong bảng phối màu trên thiết bị di động và nên được sử dụng theo cách tương tự.
Bạn có thể dùng màu nhấn cho màu sắc phù hợp để làm nổi bật nhưng ở mức độ hạn chế.
Nên
Không nên
Tuỳ chỉnh màu
Khi tuỳ chỉnh màu sắc cho mắt kính, điều quan trọng là phải giảm thiểu vật cản thị giác và hài hoà với thế giới thực, đồng thời ưu tiên khả năng đọc trong nhiều điều kiện ánh sáng. Điều chỉnh màu sắc một cách cẩn thận để cân bằng độ sáng với độ bão hoà nhằm dễ dàng phân biệt.
Bạn có thể tuỳ chỉnh màu chính để sử dụng màu thương hiệu hoặc màu tương tác chính. Hãy cân nhắc độ tương phản, độ rực màu và mức tiêu thụ điện năng của màu đã chọn.
Màu sắc thương hiệu và màu sắc ngữ nghĩa được tối ưu hoá
Những màu sắc thể hiện thương hiệu, hành động hoặc cảnh báo hệ thống phải:
- Đủ sáng để dễ đọc
- Đủ độ bão hoà để có thể phân biệt được màu sắc
- Đảm bảo có ít nhất 66% sự khác biệt về sắc độ giữa nền trước và nền sau bằng cách sử dụng không gian màu HCT.
Tìm hiểu thêm về giao diện Glimmer của Jetpack Compose.
Mức sử dụng nguồn
Một số màu tiêu thụ nhiều điện năng hơn và toả nhiều nhiệt hơn so với những màu khác. Màu xanh lục tiêu thụ ít điện năng nhất, màu xanh dương tiêu thụ nhiều điện năng nhất khi so sánh các màu có tông màu bằng nhau như bạn thấy ở bên phải. Giảm thiểu số lượng pixel bạn bật sáng. Màn hình càng sáng thì màn hình càng nóng. Đừng lấp đầy màn hình bằng màu trắng, vì điều này có thể gây ra hiện tượng giảm nhiệt.
Nên
Không nên
Nên
Không nên
Bạn nên tránh sử dụng các bề mặt tuỳ chỉnh.
Màu vùng chứa tối
Nhìn chung, các vùng chứa phải tập trung vào việc hiển thị nội dung bên trong mà không gây mất tập trung:
- Bề mặt phải có màu đen để có độ tương phản cao nhất.
- Các vùng chứa không được có tông màu sáng hơn 34% ở trạng thái tập trung để duy trì khả năng đọc cho các phần tử ở nền trước.
- Đường viền phải dễ thấy nhưng không quá nổi bật.
Nên
Không nên
Nên
Không nên
Nên
Không nên
Bạn có thể tuỳ chỉnh đường viền để thêm thương hiệu hoặc giao diện người dùng biểu cảm.
Nên
Không nên
Cảnh báo
Tuỳ chỉnh tiêu điểm đường viền bằng màu xanh dương: trạng thái tiêu điểm nổi bật được tạo thành từ 2 đường viền, màu được áp dụng cho lớp 2 để tô màu trạng thái tiêu điểm.
Nên
