Kiểu chữ cho kính

Kiểu chữ được tối ưu hoá để mang lại cảm giác thoải mái và dễ đọc cho kính AI, bao gồm cả thang kiểu chữ và các đặc điểm của bộ phông chữ được tối ưu hoá.

Thang chữ cho kính.

Jetpack Compose Glimmer có một thang kiểu chữ mặc định được tối ưu hoá. Bao gồm 2 vai trò với 3 kiểu chữ cho mỗi vai trò, vai trò kiểu chữ dựa trên mục đích và hệ thống phân cấp của kiểu chữ.

Bạn có thể tìm thấy các vai trò và giá trị của thang kiểu chữ trong Bộ công cụ Jetpack Compose Glimmer Figma, cùng với cách sử dụng vai trò kiểu chữ trong các thành phần.

Đo bằng độ

Các giao diện (bao gồm cả văn bản) trên kính được đo bằng độ góc chứ không phải pixel hoặc điểm. Đơn vị đo lường này tương ứng với lượng không gian mà giao diện người dùng chiếm trong trường nhìn của người dùng. Kích thước của kiểu chữ thay đổi dựa trên khoảng cách mà kiểu chữ xuất hiện.

Các phần tử thiết kế phải được neo vào cuối khung hình.

Cỡ chữ tối thiểu là 0,6°

Hầu hết văn bản phải có kích thước từ 0,7° đến 0,9°. Dựa trên nghiên cứu về khả năng đọc, kích thước tối thiểu cho văn bản nội dung có thể đọc được là khoảng 0,6° ở mọi độ sâu nhất định. Để đáp ứng chỉ số tối thiểu về khả năng đọc, văn bản phải có kích thước ít nhất là 18px. 30 PPD × 0,6° tối thiểu = kích thước văn bản 18px.

Tuỳ chỉnh phông chữ

Các phông chữ như Google Sans Flex có thể được tối ưu hoá cho màn hình kính. Nếu sử dụng Google Sans Flex, bạn có thể tối ưu hoá phông chữ thông qua các trục phông chữ có thể thay đổi để điều chỉnh nhằm mang lại trải nghiệm đọc thoải mái hơn:

  • Kích thước quang học, tối ưu hoá hình dạng chữ cho từng kích thước điểm
  • Trục độ tròn để điều chỉnh mức độ trang trọng
  • Nhiều trọng lượng và chiều rộng

Hiện tượng loá sáng và quang sai sắc trong màn hình kính sẽ tán xạ ánh sáng theo mọi hướng, khiến ranh giới của các chữ cái biến mất. Các chữ cái bo tròn có thể giảm hiện tượng loá sáng và quang sai sắc trong màn hình kính do hình học chữ cái đơn giản. Hãy cân nhắc khoảng cách giữa các chữ cái, hình dạng chữ cái và kích thước có thể xem nhanh để cải thiện khả năng đọc và sự thoải mái.

Một ứng dụng đi bộ đường dài tuỳ chỉnh. Ở đây, Google Sans Flex đã được thay thế bằng Nunito, một phông chữ bo tròn với trục trọng lượng tăng lên.

Những nguyên tắc này dựa trên khoa học quang học cho hệ số hình dạng màn hình cụ thể này và việc tuân thủ các nguyên tắc này là chìa khoá để tạo ra trải nghiệm người dùng thoải mái và dễ đọc.

Sử dụng phông chữ bo tròn với độ đậm và khoảng cách giữa các chữ cái tăng lên.
Sử dụng kiểu chữ mỏng cô đọng.