Biểu cảm

Củng cố thương hiệu của bạn bằng cách hiển thị màu sắc thương hiệu tại những thời điểm đáng nhớ củng cố phong cách thương hiệu của bạn.

Một màu chính là màu hiển thị thường xuyên nhất trên màn hình và các thành phần của ứng dụng.

Nếu bạn không có màu thứ cấp, màu chính của bạn cũng có thể được sử dụng để làm nổi bật các yếu tố.

Các biến thể chính tối và sáng

Bạn có thể tạo chủ đề màu cho ứng dụng của mình bằng màu chính, cũng như các biến thể chính tối và sáng.

Phân biệt các yếu tố UI

Để tạo độ tương phản giữa các thành phần UI, chẳng hạn như phân biệt thanh ứng dụng hàng đầu với thanh hệ thống, bạn có thể sử dụng các biến thể sáng hoặc tối của màu chính trên mỗi thành phần. Bạn cũng có thể sử dụng các biến thể để phân biệt các thành phần trong một thành phần, các biến thể khác nhau được sử dụng trên thùng chứa nút hành động nổi và biểu tượng bên trong nó.

Các biến thể sáng và tối của màu chính phân biệt thanh ứng dụng hàng đầu với thanh hệ thống.

Một màu thứ cấp cung cấp nhiều cách hơn để làm nổi bật và phân biệt sản phẩm của bạn. Có một màu thứ cấp là tùy chọn và nên được áp dụng một cách tiết kiệm để làm nổi bật các phần được chọn trong giao diện người dùng của bạn.

Màu thứ cấp là tốt nhất cho:

• Nút hành động nổi
• Điều khiển lựa chọn, như thanh trượt và công tắc
• Đánh dấu văn bản đã chọn
• Thanh tiến độ
• Liên kết và tiêu đề

Biến thể thứ cấp tối và sáng

Giống như màu chính, màu thứ cấp của bạn có thể có các biến thể tối và sáng. Bạn có thể tạo chủ đề màu bằng cách sử dụng màu chính, màu thứ cấp và các biến thể tối và sáng của từng màu.

Các biến thể tối và sáng của màu chính và màu phụ

Để đảm bảo rằng màu sắc cung cấp nền có thể truy cập đằng sau văn bản sáng hoặc tối, bạn có thể sử dụng các biến thể sáng và tối của màu chính và màu phụ.

Ngoài ra, những màu này có thể được sử dụng cho kiểu chữ xuất hiện ở phía trước nền sáng và tối.

Mẫu màu

Một mẫu màu là một mẫu của một màu được chọn từ một loạt các màu tương tự.

Dấu kiểm cho biết màu văn bản có dễ đọc ở phía trước nền không:

• Dấu kiểm màu trắng cho biết khi văn bản màu trắng dễ đọc trên màu nền
• Dấu kiểm màu đen cho biết khi văn bản màu đen dễ đọc trên màu nền

Hệ thống màu Thiết kế Vật liệu hỗ trợ các màu thay thế , là các màu được sử dụng làm màu thay thế cho màu chính và màu phụ của thương hiệu của bạn (chúng tạo thành màu bổ sung cho chủ đề của bạn). Ứng dụng có thể sử dụng màu thay thế để thiết lập các chủ đề phân biệt các phần khác nhau.

Màu thay thế là tốt nhất cho:

• Ứng dụng có chủ đề sáng và tối
• Ứng dụng có chủ đề khác nhau trong các phần khác nhau
• Ứng dụng tồn tại như một phần của bộ sản phẩm

Màu sắc thay thế nên được sử dụng một cách thận trọng, bởi vì chúng có thể là thách thức để thực hiện gắn kết với các chủ đề màu hiện có.