Kiểu in

Kiểu chữ giúp định nghĩa hệ phân cấp thông tin và chức năng của giao diện người dùng. Các lựa chọn kiểu chữ cũng có thể ảnh hưởng lớn đến khả năng dễ đọc. Đây là một yếu tố quan trọng cần được cân nhắc khi lái xe.

Hướng dẫn nhanh (TL:DR):

• Sử dụng phần hiển thị, nội dung và văn bản từ thang đánh máy của hệ điều hành Android Automotive
• 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

Sử dụng tỷ lệ phông chữ và lưới đánh máy của hệ điều hành Android Automotive để đảm bảo giao diện nhất quán và văn bản có thể xem nhanh ở nhiều cấp độ cho văn bản hiển thị, văn bản nội dung và văn bản ngầm.

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

Tỷ lệ này cho biết phông chữ, kích thước phông chữ và chiều cao dòng dùng cho 9 cấp độ mặc định của văn bản hiển thị, văn bản nội dung và văn bản ngầm được sử dụng trong Android Automotive OS. Kích thước tối thiểu dành cho Android Automotive OS là 24dp. Kích thước dưới 24 dp không dễ nhìn thấy và nên hạn chế dùng trong bối cảnh tự động. Kích thước văn bản phụ được đặt trước tốt nhất đối với thông tin không quan trọng hoặc thông tin chung, chẳng hạn như nội dung trên thanh trạng thái.

Định dạng của thông tin phông chữ trong thang này là: (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).

Lưu ý: Đối với các ngôn ngữ không thuộc Roboto, Noto Sans là kiểu chữ được đề xuất. Noto Sans bắt nguồn từ các chỉ số tương tự như Roboto và được thiết kế để quốc tế hoá hài hoà về mặt hình ảnh.

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

Việc duy trì quy mô và nhịp dọc dựa trên lưới 4dp sẽ giúp đảm bảo tính nhất quán và phân cấp hình ảnh.

Thang đo Android Automotive OS được thiết kế để phù hợp với các mức tăng kích thước phông chữ là 4dp.

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

Việc áp dụng tỷ lệ và kiểu cho văn bản trên có thể giúp bạn:

• Đả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

Mỗi kiểu bao gồm một tập hợp các giá trị được xác định theo tỷ lệ và các thuộc tính bổ sung. Các thuộc tính này bao gồm các giá trị phông chữ, màu sắc và độ mờ, đồng thời có thể được thêm vào bất kỳ loại kích thước nào để tạo hiệu ứng mong muốn, chẳng hạn như tập trung sự chú ý.

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 theo các thuộc tính bổ sung của màu sắc, độ mờ và độ đậm.

Ví dụ

a. Nội dung 3
b. Nội dung 2
c. Nội dung 1

a. Màn hình 2
b. Nội dung 1
c. Nội dung 1

Nên thực hiện

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.

Không nên

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