Tùy chỉnh ứng dụng của bạn

Sau khi xác định trình tự của các mẫu cho tác vụ trong ứng dụng, bạn có thể tuỳ chỉnh nội dung của từng mẫu và một số kiểu cho ứng dụng.

Để tìm hiểu về các khía cạnh của thiết kế hình ảnh tổng thể mà bạn có thể tuỳ chỉnh, hãy xem bài viết Tuỳ chỉnh thiết kế hình ảnh, bao gồm Ví dụ về tuỳ chỉnh ứng dụng. Đối với các phiên bản ứng dụng theo quy định của Vương quốc Anh (AAOS), xin lưu ý rằng nhà sản xuất thiết bị gốc (OEM) xe có thể điều chỉnh kiểu để phù hợp với xe của họ, như minh hoạ trong Ví dụ về cách tuỳ chỉnh OEM của xe.

Để tìm hiểu về cách tuỳ chỉnh cho các mẫu cụ thể, hãy xem phần Mẫu.

Tuỳ chỉnh thiết kế hình ảnh

Mặc dù thư viện ứng dụng xác định bố cục mẫu và kiểu mặc định, nhưng cả nhà thiết kế ứng dụng và OEM của xe đều đóng góp vào các khía cạnh tuỳ chỉnh của thiết kế hình ảnh.

Góc giao diện người dùng Nội dung mà thư viện xác định Những yếu tố mà ứng dụng xác định hoặc tuỳ chỉnh Những loại xe mà OEM có thể tuỳ chỉnh
Hình ảnh và biểu tượng Biểu tượng cho các thành phần chuẩn, chẳng hạn như nút quay lại và vòng quay đang tải Ứng dụng cung cấp tất cả hình ảnh và biểu tượng (xem Biểu tượng MaterialThông số kỹ thuật của biểu tượng trên Google Play), ngoại trừ một số nội dung được ghi chú ở bên trái
Bố cục, kích thước và hình dạng Bố cục mặc định, cùng với kích thước và hình dạng của tất cả phần tử (mặc định là tiêu chuẩn trong phiên bản Android Auto của ứng dụng)
  • Hình ảnh và biểu tượng là "lớn" hay "nhỏ"
  • Liệu thẻ có xuất hiện ở đầu một số mẫu nhất định để chuyển đổi chế độ xem hay không
  • Liệu bản đồ thứ hai có hiển thị trong cụm hay không (chỉ mẫu Điều hướng)
Các sự điều chỉnh về kích thước, hình dạng, vị trí nút và tỷ lệ của các thành phần mẫu trong các phiên bản ứng dụng theo quy tắc AAOS (hoặc ví dụ: kích thước chính xác của hình ảnh và biểu tượng "lớn" và "nhỏ" trên xe của họ)
Kiểu chữ và độ dài văn bản Bộ phông chữ và kích thước trong phiên bản Android Auto của ứng dụng (xem phần Kiểu chữ) Các biến thể chuỗi văn bản dài hơn và ngắn hơn, trong một số trường hợp, để đáp ứng những khoảng không gian khác nhau trên các màn hình ô tô khác nhau Bộ phông chữ và kích thước trong các phiên bản AAOS của ứng dụng
Màu Màu mặc định trong phiên bản Android Auto của ứng dụng (ngoại trừ các màu do ứng dụng cung cấp, được ghi chú ở bên phải) Màu sắc của điểm đánh dấu danh sách địa điểm, một số thành phần văn bản và một số màu nền (xem phần tiếp theo, Tuỳ chỉnh màu để biết thêm thông tin). Điều chỉnh màu mặc định và màu do ứng dụng cung cấp khi cần để phù hợp với giao diện người dùng của xe trong các phiên bản ứng dụng AAOS

Tuỳ chỉnh màu sắc

Ứng dụng có thể cung cấp màu cho các phần tử trong một số mẫu nhất định, như được ghi chú trong danh sách sau. Đối với các phiên bản ứng dụng theo quy định của Vương quốc Anh (AAOS), nhà sản xuất thiết bị gốc (OEM) về phương tiện có thể điều chỉnh.

Ứng dụng có thể tuỳ chỉnh:

  • Màu văn bản trong dòng phụ của hàng danh sách (nhà sản xuất ô tô kiểm soát màu của dòng chính cho AAOS)
  • Màu văn bản của nút
  • Màu nền của nút (ngoại trừ trên chuỗi hành độngchuỗi hành động trên bản đồ)
  • Màu của điểm đánh dấu danh sách địa điểm
  • Các phần tử của thẻ định tuyến: màu nền, hình ảnh và màu của thời lượng trong giá trị ước tính chuyến đi (trong phần Yêu cầu về mẫu điều hướng)
  • Thông báo từng chặng (màu nền)

Bạn có thể xem ví dụ về thành phần mẫu được tuỳ chỉnh trong Ví dụ về tuỳ chỉnh ứng dụngVí dụ tuỳ chỉnh nhà sản xuất thiết bị gốc (OEM) xe.

Chọn màu cho ứng dụng

Đối với hầu hết các kiểu tuỳ chỉnh (ngoài các ngoại lệ lưu ý trong phần trước), ứng dụng có các tuỳ chọn màu sau:

  • Cung cấp tối đa 2 màu nhấn tuỳ chỉnh (với các biến thể sáng và tối, được áp dụng khi thích hợp theo Android Auto, hoặc theo OEM của xe đối với các phiên bản ứng dụng AAOS)
  • Chọn trong số 4 màu tiêu chuẩn của Android cho Ô tô (các phiên bản hiện tại hiển thị ở bên phải; các màu này có thể thay đổi trong tương lai)
Màu chuẩn Màu nhấn mẫu
Biểu đồ có 4 màu tiêu chuẩn được hỗ trợ Sơ đồ có 2 màu nhấn mẫu mà bạn chọn

Việc sử dụng màu sắc hợp lý giúp tập trung vào mục đích của thiết kế. Hãy thận trọng về việc sử dụng màu sắc khi chúng không phục vụ một chức năng nào.

Ví dụ về chế độ tuỳ chỉnh ứng dụng

Bốn ví dụ về cách nhà phát triển ứng dụng có thể tuỳ chỉnh ứng dụng

Ví dụ về cách tuỳ chỉnh xe của nhà sản xuất thiết bị gốc (OEM)

Những ví dụ này cho thấy những cách tuỳ chỉnh khác về kiểu mà OEM trên xe có thể áp dụng cho phiên bản AAOS của một ứng dụng. Mặc dù màu của thẻ định tuyến là của ứng dụng, nhưng các OEM của xe còn tuỳ chỉnh phông chữ, giao diện và hình dạng cho thẻ định tuyến, nút và thẻ ETA. Họ cũng có thể điều chỉnh chiều rộng của nút, như minh hoạ trong phần Tuỳ chỉnh nút dưới đây.

Chế độ xem chỉ đường vào ban ngày

Ví dụ về cách tuỳ chỉnh OEM cho dịch vụ đi theo chỉ dẫn vào ban ngày

Chế độ xem chỉ đường vào ban đêm

Ví dụ về cách tuỳ chỉnh OEM cho tính năng chỉ đường vào ban đêm

Tuỳ chỉnh chiều rộng, màu sắc và hình dạng của nút

Những ví dụ này nêu bật cách OEM có thể tuỳ chỉnh chiều rộng, màu sắc và hình dạng của nút trong phiên bản AAOS của một ứng dụng.

Đối với nút mà ứng dụng được chỉ định làm nút chính, nhà sản xuất thiết bị gốc có thể quyết định sử dụng màu nhấn của ứng dụng hay màu nhấn riêng. Ứng dụng cũng có thể chọn đặt nút chính ở bên trái hay bên phải, phù hợp với các tình huống như xe có chế độ lái bên phải.

Nút chính ở bên trái, màu chuẩn Nút chính ở bên phải, màu tuỳ chỉnh
Ví dụ về cách tuỳ chỉnh OEM bằng nút xác nhận ở bên trái màn hình và sử dụng các màu tiêu chuẩn Ví dụ về cách tuỳ chỉnh OEM bằng nút xác nhận ở bên phải màn hình và sử dụng màu tuỳ chỉnh