Trang này được dịch bởi Cloud Translation API.

Màu

Nền tảng của chiến lược màu sắc hệ điều hành Android Automotive là ý tưởng “xây dựng từ màu đen”. Việc sử dụng màu đen làm nền tảng cho màu sắc giao diện giúp tạo ra trải nghiệm người dùng nhất quán hơn, không có sự thay đổi đột ngột giữa chủ đề ban ngày và ban đêm.

Việc sử dụng màu đen làm chất liệu cũng giúp đảm bảo sự phù hợp tốt hơn với các chi tiết phần cứng, vì vật liệu tối màu thường được sử dụng trong nội thất và bảng điều khiển ô tô.

Hướng dẫn tóm tắt (TL;DR)

• Bạn có thể lựa chọn màu sắc từ đen để phù hợp với cả việc lái xe ban ngày và ban đêm.
• Duy trì tỷ lệ tương phản tối thiểu 4,5:1 giữa nền và biểu tượng hoặc văn bản.

• Sử dụng màu sắc tối thiểu, nhưng có chủ đích.
• Hiển thị độ cao bằng thang độ xám
• Sử dụng độ trong suốt và độ mờ để hướng sự chú ý thị giác.

---

Bảng màu và hiệu ứng chuyển màu

Giao diện chủ đề tối của hệ điều hành Android Automotive dựa trên bảng màu xám. Lý tưởng nhất là bất kỳ màu sắc bổ sung nào cũng nên có cường độ giảm, giống như các biến thể tối của màu sắc trong bảng màu Material Design.

Phần này bao gồm thông tin về bảng màu và độ trong suốt, cùng với các biểu đồ cung cấp giá trị thang độ xám cho các mức độ cao liên quan đến từng thành phần.

Thiết kế Vật liệu

Cách sử dụng màu sắc và bảng màu

Bảng màu xám của hệ điều hành Android Automotive OS

Bảng màu xám của hệ điều hành Android Automotive được sử dụng cho các yếu tố như văn bản và biểu tượng, và được thiết kế để đáp ứng các yêu cầu đặc thù của môi trường lái xe.

Bảng màu này cần đủ đa dạng để:

• Bao quát tất cả các trường hợp sử dụng khác nhau của giao diện người dùng chủ đề tối.
• Cung cấp đủ dải âm để xác định thứ bậc thông qua sự khác biệt về âm sắc.

Sự khác biệt về sắc độ tạo ra ảo giác về chiều sâu ngay cả trên nền đen tuyền, nơi bóng đổ không thể nhận thấy. Để cung cấp đủ sự khác biệt về sắc độ, bảng màu xám của hệ điều hành Android Automotive bao gồm các màu xám trung bình. Các màu xám trong Material Design, bắt đầu từ Xám 900, tiến gần đến các màu sáng hơn quá nhanh; một màu sáng hơn hai bậc sẽ là Xám 700, quá sáng đối với bối cảnh ô tô.

Màu nhấn

Bên cạnh bảng màu xám là cốt lõi của giao diện Android Automotive OS, các màu khác cũng có thể được sử dụng một cách tiết kiệm cho các mục đích như thu hút sự chú ý.

Hiện tại, Android Automotive OS có một màu nhấn chính thức, một sắc thái xanh lam được gọi trong thư viện hỗ trợ là "car accent". Để tăng độ bão hòa và độ sống động, màu xanh lam này được điều chỉnh nhẹ so với màu xanh lam tiêu chuẩn của Google. Sự điều chỉnh này giúp màu sắc hiển thị hài hòa hơn trên bề mặt tối.

Biểu đồ giá trị độ mờ

Độ trong suốt tạo cảm giác chiều sâu và củng cố mô hình không gian của Material Design. Để sử dụng độ trong suốt hiệu quả, hãy chọn giá trị độ mờ tối hoặc trắng tùy thuộc vào trường hợp sử dụng của bạn.

Giá trị độ mờ tối

Trường hợp sử dụng phổ biến nhất của các giá trị độ mờ tối là để tạo các lớp phủ (màng chắn).

Giá trị độ mờ trắng

Những giá trị này chủ yếu được sử dụng cho văn bản. Chúng đặc biệt hiệu quả khi nền có màu. Sử dụng màu xám đơn sắc trên nền tối màu trông quá nhạt nhẽo.

Để xem các ví dụ về cách sử dụng độ mờ trong màn chắn và hệ thống phân cấp văn bản, hãy xem Hướng dẫn và ví dụ .

Sự tương phản

Để đáp ứng các hướng dẫn an toàn cơ bản của hệ điều hành Android Automotive, tỷ lệ tương phản giữa nền và biểu tượng hoặc văn bản phải đạt ít nhất 4,5:1. Để biết chi tiết về cách áp dụng tỷ lệ tương phản cho các yếu tố giao diện người dùng ô tô cụ thể, hãy xem mục Làm cho nội dung dễ đọc .

LÀM

Đừng

Hướng dẫn và ví dụ

Giao diện người dùng tối màu của hệ điều hành Android Automotive OS rất gọn gàng và đơn giản, với việc sử dụng màu sắc tối thiểu. Bên cạnh việc sử dụng màu sắc, tông màu và giá trị độ mờ phù hợp cho các yếu tố giao diện người dùng (xem Bảng màu và hiệu ứng chuyển màu ), điều quan trọng là phải đảm bảo mọi cách sử dụng màu sắc và hiệu ứng chuyển màu đều có mục đích.

Phần này cung cấp hướng dẫn và ví dụ về cách áp dụng độ trong suốt, độ mờ và màu sắc để đạt được nhiều mục tiêu khác nhau. Các mục tiêu này bao gồm:

• Làm mờ hậu cảnh
• Duy trì tính nhất quán
• Thiết lập hệ thống phân cấp trực quan nhằm thu hút sự chú ý của người dùng vào các hành động chính.
• Phân biệt các thực thể trong danh sách

Che khuất phông nền bằng màn chắn.

Các lớp phủ toàn màn hình (scrims) được sử dụng để che phủ nền phía sau các yếu tố gây gián đoạn, chẳng hạn như các hộp thoại yêu cầu người dùng thực hiện hành động. Các lớp phủ một phần (scrims) được sử dụng để thu hút sự chú ý vào quá trình chuyển đổi của các yếu tố như thông báo.

Duy trì sự nhất quán về màu sắc

Màu sắc là một yếu tố mạnh mẽ giúp củng cố trí nhớ và khả năng nhận biết. Hãy sử dụng nó để tạo ra trải nghiệm nhất quán giữa các màn hình khác nhau.

LÀM

LÀM

LÀM

Đừng

Thiết lập hệ thống phân cấp hình ảnh

Sử dụng các giá trị độ mờ màu trắng để tạo ra một hệ thống phân cấp hình ảnh nhất quán và mạnh mẽ. Các giá trị độ mờ 88, 72 và 56 có độ tương phản vừa đủ để đáp ứng các yêu cầu về khả năng tiếp cận, đồng thời tạo ra môi trường đọc thoải mái trên nền tối. Sử dụng độ mờ 96% cho tất cả các màu trắng ở chế độ ban đêm.

LÀM

Đừng