Tùy chỉnh

Khi tùy chỉnh chủ đề cho Hành động của mình, bạn sẽ có thể phản ánh tốt hơn thương hiệu của mình và cung cấp ngữ cảnh trực quan cho trải nghiệm người dùng.

Tổng quan


Màu

Màu sắc là một mã nhận diện thương hiệu mạnh. Bạn có thể tùy chỉnh màu chính và màu nền để đại diện cho thương hiệu của mình. Màu chính dùng để làm nổi bật các thành phần quan trọng trên bề mặt hình ảnh, như tiêu đề thẻ và bất kỳ nút hành động nào. Màu này phải là màu thường được liên kết với thương hiệu của bạn nhất.

Trước tiên, hãy chọn màu chính.

Sau khi bạn chọn màu chính, hãy chọn màu nền phù hợp với cả màu chính và màu văn bản phụ.

Màu nền có thể là phiên bản nhẹ hơn của màu chính.

Màu nền có thể là màu bổ sung.

Để đảm bảo người dùng có thể truy cập vào các màu bạn chọn, chúng tôi kiểm tra độ tương phản màu trong bảng điều khiển dành cho nhà phát triển để đảm bảo có đủ tỷ lệ tương phản giữa màu chính và màu nền, cũng như giữa màu phụ và màu nền. Để được hướng dẫn thêm về cách chọn và phối hợp màu chính và màu nền, hãy truy cập trang web Material Design.

Hình nền

Một trong những cách mạnh mẽ nhất để cho thẻ thấy sự phong phú và kích thước trực quan là sử dụng hình ảnh làm nền thay vì đồng màu. Hãy cân nhắc những điều sau đây khi chọn hình ảnh làm nền:
Xin lưu ý rằng để đảm bảo nội dung dễ đọc, chúng tôi sẽ áp dụng mặt nạ bảo vệ tối cho hình nền. Văn bản sẽ tự động chuyển sang màu trắng.

Thẻ cơ bản này sử dụng hình nền. Hình nền sẽ thay thế bất kỳ màu nền nào, vì vậy, hãy chọn tùy chọn thể hiện tốt nhất thương hiệu của bạn.

Hình ảnh cần phải đủ trung tính để duy trì giao diện mong muốn của bạn qua nhiều lần hộp thoại. Ở đây, hình nền giống nhau áp dụng cho cả thẻ cơ bản ở trên và thẻ băng chuyền này.


Kiểu in

Kiểu chữ có thể thể hiện thương hiệu của bạn trong khi hướng sự chú ý của người dùng đến thông tin quan trọng nhất. Để có tác động lớn nhất, bạn có thể tùy chỉnh văn bản lớn nhất, như tiêu đề, trên mỗi thẻ trong Hành động. Ở vị trí này, các phông chữ có ý nghĩa như phông chữ serif, phông chữ kiểu chữ hoặc phông chữ nặng có thể thu hút sự chú ý và tương phản với văn bản phụ. Để biết hướng dẫn chung về kiểu chữ, vui lòng tham khảo Material Design Foundation.

Chọn phông chữ phù hợp với văn bản phụ.

Nên.

Với phông chữ đậm và màu sắc tươi sáng, phông chữ này nổi bật trên nền và thu hút sự chú ý vào tiêu đề thẻ.

Không nên.

Nếu không có phông chữ đậm hơn, phông chữ này khó đọc và không thể thu hút sự chú ý vào tiêu đề trước văn bản nội dung.


Hình dạng

Hình ảnh

Phù hợp với các thành phần của Material Foundation, hình dạng của hình ảnh cung cấp một khía cạnh khác của biểu cảm. Hiện tại, bạn có thể chọn giữa hình dạng có góc và đường cong cho hình ảnh trong các thành phần hình ảnh. Chọn một hình dạng phù hợp với phong cách tổng thể của thương hiệu.

Biểu trưng là nơi phù hợp để tìm kiếm hướng dẫn về hình dạng cần chọn. Trong ví dụ này, biểu trưng sắc nét và góc cạnh, do đó các góc có góc cạnh phù hợp với thương hiệu.

Các thành phần khác cũng có thể giúp bạn đưa ra quyết định. Ở đây, các cạnh tròn của nút thao tác và biểu trưng đều khớp với các góc cong của hình ảnh.

Để được hướng dẫn thêm về cách chọn hình ảnh, hãy truy cập trang web Material Design.