Kiểu in

Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.

Kiểu chữ hoặc cách tạo kiểu văn bản được dùng để thể hiện hệ phân cấp văn bản và cách hoạt động trong giao diện người dùng. Kiểu chữ dùng cho môi trường lái xe sẽ ưu tiên tính dễ đọc.

Xem nhanh:

  • Sử dụng phần hiển thị, nội dung và văn bản từ thang đánh máy của Android Auto
  • Kích thước văn bản nội dung tối thiểu là 24dp – kích thước ngầm định dành cho thông tin không quan trọng
  • Sử dụng lưới 4 dp để căn chỉnh
  • Áp dụng các thuộc tính kiểu để tạo hiệu ứng (phân cấp hỗ trợ, tập trung sự chú ý)
  • Sử dụng cỡ chữ trung bình một cách thận trọng – và tránh in đậm

Tham chiếu tỷ lệ và lưới

Thang đánh máy và lưới đánh máy của Android Auto cung cấp một bộ kiểu văn bản nhất quán, dễ xem được cho nhiều loại văn bản hiển thị, nội dung và kích thước ngầm.

Tỷ lệ lỗi chính tả trên Android Auto

Thang loại cung cấp 9 kiểu cho văn bản hiển thị, văn bản nội dung và văn bản ngầm – mỗi kiểu có phông chữ, kích thước phông chữ và chiều cao dòng được chỉ định.

Mặc dù kích thước văn bản nhỏ nhất của Android Auto là 24 dp, nhưng bạn có thể sử dụng một số kích thước kiểu chữ ngầm dưới 24 dp. Do kích thước ngầm định này không dễ xem nên người dùng nên dành riêng cho thông tin không quan trọng, chẳng hạn như nội dung trên thanh trạng thái.

Thang loại
Thông tin phông chữ trong thang này được viết theo định dạng sau: (Tên phông chữ) (Kích thước loại) / (Chiều cao dòng). Giá trị cho kích thước loại và chiều cao dòng được hiển thị bằng điểm (pt).

Tham chiếu dạng lưới và tham chiếu cơ sở

Tất cả các kiểu loại được hiển thị trên lưới 4dp. Lưới này đảm bảo rằng cả văn bản được chia tỷ lệ và đồng đều theo chiều dọc, tạo ra một hệ thống phân cấp hình ảnh nhất quán dựa trên số gia 4dp.

điều chỉnh theo tỷ lệ trên lưới 4dp
Quy mô Android Auto được thiết kế để phù hợp với các mức tăng kích thước phông chữ 4dp.

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

Việc áp dụng tỷ lệ và kiểu nhất quán cho văn bản giao diện người dùng có thể giúp ích:

  • Đảm bảo tất cả văn bản đều dễ đọc
  • Truyền tải hệ phân cấp hình ảnh giữa các thành phần văn bản
  • Tập trung sự chú ý vào các vị trí quan trọng nhất

Hướng dẫn sau đây minh họa cách áp dụng tỷ lệ và kiểu Android Auto một cách phù hợp.

Đang áp dụng tỷ lệ

Bạn nên dùng Google Sans cho các loại có kích thước 32dp trở lên. Roboto được sử dụng ở mọi nơi khác vì nó dễ đọc ở kích thước nhỏ hơn.

Loại gia đình
Ví dụ này cho thấy việc sử dụng Google Sans và Roboto thích hợp ở các cấp độ khác nhau của thang kiểu chữ.

Ví dụ

Việc nên làm

Khi sử dụng phông chữ hiển thị phù hợp nhất với văn bản lớn, chẳng hạn như Google Sans, hãy giữ phông chữ ở kích thước loại từ 32dp trở lên. Hãy sử dụng Roboto cho văn bản nhỏ, phụ để duy trì khả năng đọc tốt ở kích thước dưới 32dp.

Không

Không sử dụng Google Sans cho các kích thước văn bản nhỏ hơn mà mức độ dễ đọc của nội dung đó không tối ưu.

Đang áp dụng kiểu

Mỗi kiểu phông chữ bao gồm một bộ tỷ lệ và các thuộc tính như màu sắc, độ mờ và độ đậm của phông chữ. Bạn có thể thêm các thuộc tính này vào bất kỳ kiểu kiểu nào để tạo hiệu ứng, cho dù ý định là tập trung sự chú ý hay giảm trọng tâm.

Kiểu Tiêu đề trong ví dụ này bao gồm tỷ lệ Nội dung 1 (xác định kích thước phông chữ và chiều cao dòng) được sửa đổi bởi các thuộc tính bổ sung về màu sắc, độ mờ và độ đậm.

Ví dụ

Kích thước văn bản kiểu chữ
a. Nội dung 3
b. Nội dung 2
c. Nội dung 1
Kích thước văn bản kiểu chữ
a. Nội dung 2
b. Hiển thị 3
c. Nội dung 2
Kiểu chữ

Việc nên làm

Sử dụng phông chữ trung bình một cách thận trọng. Lưu lại khi bạn cần nhấn mạnh văn bản chính hoặc văn bản đang hoạt động, chẳng hạn như thẻ Gần đây trong ví dụ này hoặc để thiết lập hệ phân cấp hình ảnh.
Kiểu chữ không thế

Không

Độ đậm phông chữ (áp dụng cho tất cả văn bản trong ví dụ này) dễ đọc hơn độ đậm trung bình và nên tránh.