Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

Typografia

Style typograficzne pomagają zdefiniować hierarchię informacji i funkcję interfejsu. Wybór typografii może również wpływać na czytelność, co jest bardzo ważne podczas prowadzenia pojazdu.

Krótkie wskazówki (TL:DR):

Użyj wyświetlacza, treści i tekstu ze skali typograficznej systemu operacyjnego Android Automotive
Minimalny rozmiar tekstu głównego to 24 dp – zarezerwuj rozmiar tekstu dodatkowego na potrzeby informacji nieistotnych
Wyrównanie z siatką 4 dp

Zastosuj atrybuty stylu, aby utworzyć efekty (hierarchia obsługi, skupienie się)
Nie używaj czcionki o średniej grubości i unikaj pogrubienia.

Odwołania do skali i siatki

Korzystaj ze skali typograficznej i siatki składowania systemu operacyjnego Android Automotive, aby zapewnić spójny wygląd i czytelny tekst na różnych poziomach wyświetlanych tekstu, treści i podtekstu.

Skala typograficzna systemu operacyjnego Android Automotive

Ta skala pokazuje czcionki, rozmiary i wysokość wierszy używane w 9 domyślnych poziomach wyświetlanego tekstu, tekstu głównego i podtekstu używanych w systemie operacyjnym Android Automotive. Minimalny rozmiar w przypadku systemu operacyjnego Android Automotive to 24 dp. Rozmiary mniejsze niż 24 dp są trudne do zauważenia i należy je z umiarem używać w kontekście automatycznym. Rozmiary napisów najlepiej sprawdzają się w przypadku informacji nieistotnych lub trzeciorzędnych, takich jak zawartość paska stanu.

Skala typów — Format informacji o czcionce w tej skali to: (Nazwa czcionki), (Rozmiar typu) / (Wysokość wiersza). Wartości rozmiaru typu i wysokości linii są wyświetlane w punktach (pt).

Siatka i odniesienia do punktu odniesienia

Zachowanie skali i pionowego rytmu na podstawie siatki 4 dp pomaga zachować spójność i wizualną hierarchię.

skalowanie w siatce 4 dp — Skala systemu operacyjnego Android Automotive została zaprojektowana pod kątem przyrostu rozmiaru czcionki o 4 dp.

Wskazówki i przykłady

Zastosowanie skali i stylu do wyborów typograficznych może pomóc Ci:

Zadbaj o czytelność całego tekstu
Przekazywanie wizualnej hierarchii elementów tekstowych
Skoncentruj uwagę w najważniejszych miejscach

Każdy styl składa się z zestawu wartości zdefiniowanych przez skalę i atrybutów dodatkowych. Te atrybuty obejmują wartości grubości czcionki, koloru i przezroczystości. Można je dodawać do dowolnego rozmiaru czcionki, aby uzyskać pożądany efekt, np. skupienie uwagi.

Styl tytułu w tym przykładzie składa się ze skali treści 1 (która określa rozmiar czcionki i wysokości wiersza) zmodyfikowanej przez dodatkowe atrybuty koloru, przezroczystości i grubości.

Przykłady

Rozmiary tekstu typografii — a. Treść 3
b. Treść 2
c. Treść 1

Typografia jest — Oszczędnie używaj czcionki o średniej grubości. Zapisz go, gdy musisz wyróżnić główny lub aktywny tekst, np. w tym przykładzie kartę Ostatnie, albo określić wizualną hierarchię.

Typografia nie jest — Należy unikać pogrubionej grubości czcionek (w tym przykładzie zastosowanej do całego tekstu) jest ona mniej czytelna niż średnia.