Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Typografia, czyli styl tekstu, jest używany do odzwierciedlenia hierarchii tekstu i jego funkcji w interfejsie. Typografia używana w środowisku samochodowym powinna być przede wszystkim czytelna.
W skrócie:
Używaj wyświetlacza, treści i podtekstu ze skali typograficznej Androida Auto
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
Skala typograficzna i siatka ustawień w Androidzie Auto zapewniają spójny i łatwy do zauważenia zestaw stylów tekstu wyświetlanego w różnych rozmiarach, zarówno tekstu głównego, jak i podtekstu.
Skala typograficzna Androida Auto
Skala typów udostępnia 9 stylów wyświetlanego tekstu, tekstu głównego i podtekstu – każdy z określoną czcionką, rozmiarem i wysokością wiersza.
Chociaż na Androidzie Auto najmniejszy rozmiar tekstu głównego to 24 dp, nie nadużywamy tekstu o rozmiarze poniżej 24 dp. Ponieważ ten rozmiar tekstu nie jest łatwo czytelny, powinien on być zarezerwowany na informacje nieistotne, np. zawartość paska stanu.
Informacje o czcionce w tej skali są zapisywane w następującym formacie: (Nazwa czcionki), (Rozmiar typu) / (Wysokość wiersza). Wartości rozmiaru i wysokości linii są wyświetlane w punktach (pt).
Siatka i odniesienia do punktu odniesienia
Wszystkie style są wyświetlane na siatce 4 dp. Taka siatka zapewnia równomierne skalowanie tekstu i rozmieszczenie go w pionie, tworząc spójną wizualną hierarchię opartą na wartościach co 4 dp.
Skalowanie Androida Auto zostało zaprojektowane z myślą o zwiększaniu rozmiaru czcionki o 4 dp.
Wskazówki i przykłady
Spójna skalę i styl tekstu interfejsu może pomóc w tych kwestiach:
Zadbaj o czytelność całego tekstu
Przekazywanie wizualnej hierarchii elementów tekstowych
Skoncentruj uwagę w najważniejszych miejscach
Poniższe wskazówki pokazują, jak prawidłowo stosować skalowanie i style Android Auto.
Stosuję skalę
W przypadku typów o wielkości 32 dp i większych należy używać Google Sans. Format Roboto jest używany we wszystkich innych miejscach, ponieważ jest czytelny w mniejszych rozmiarach.
Ten przykład przedstawia odpowiednie zastosowania Google Sans i Roboto na różnych poziomach skali typograficznej.
Przykłady
Należy
Jeśli używasz czcionki displayowej, która najlepiej sprawdza się w przypadku dużego tekstu (np. Google Sans), zachowaj go w rozmiarze co najmniej 32 dp. Do tworzenia mniejszych tekstów dodatkowych używaj przeglądarki Roboto, ponieważ zapewnia ona dobrą czytelność w rozmiarach poniżej 32 dp.
Przeciwwskazania
Nie używaj Google Sans do obsługi mniejszych tekstów, które nie są czytelne dla użytkowników.
Stosuję styl
Każdy styl typograficzny składa się z zestawu skal i atrybutów takich jak kolor, przezroczystość i grubość czcionki. Te atrybuty można dodawać do dowolnego stylu typu, aby uzyskać odpowiedni efekt, niezależnie od tego, czy celem jest skupienie uwagi, czy zmniejszenie nacisku.
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
a. Treść 3 b. Treść 2 c. Treść 1a. Treść 2 b. Ekran 3 c. Treść 2
Należy
Nie 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ę.
Przeciwwskazania
Należy tego unikać, ponieważ zastosowano w tym przykładzie pogrubioną grubość czcionek.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2025-07-28 UTC."],[[["\u003cp\u003eAndroid Auto's typography prioritizes legibility using display, body, and subtext styles with a minimum body text size of 24dp.\u003c/p\u003e\n"],["\u003cp\u003eA 4-dp grid ensures consistent scaling and vertical spacing for all text elements, creating a clear visual hierarchy.\u003c/p\u003e\n"],["\u003cp\u003eGoogle Sans is used for text sizes 32dp and larger, while Roboto is used for smaller sizes due to its legibility.\u003c/p\u003e\n"],["\u003cp\u003eStyle attributes like color, opacity, and font weight are used to create effects and emphasize important information, however, bold font weights should be avoided due to reduced legibility.\u003c/p\u003e\n"],["\u003cp\u003eSubtext sizes below 24dp should be used sparingly and reserved for non-crucial information to maintain glanceability.\u003c/p\u003e\n"]]],[],null,["# Typography\n\n\u003cbr /\u003e\n\nTypography, or the styling of text, is used to express text's hierarchy and how it functions in a UI. Typography used for the driving environment should prioritize legibility.\n\n**At a glance:** \n- Use display, body, and subtext from the Android Auto typographic scale\n- Minimum body text size is 24dp -- reserve subtext sizes for non-crucial information\n- Use a 4-dp grid for alignment \n- Apply style attributes to create effects (support hierarchy, focus attention)\n- Use medium font weights sparingly -- and avoid bold\n\n*** ** * ** ***\n\nScale and grid references\n-------------------------\n\nThe Android Auto typographic scale and typesetting grid provide a consistent, easily glanceable set of text styles for a range of display text, body text, and subtext sizes.\n\n### Android Auto typographic scale\n\nThe type scale provides nine styles for display text, body text, and subtext -- each with a specified font, font size, and line height.\n\nWhile the smallest body text size for Android Auto is 24dp, subtext type sizes below 24dp can be used sparingly. Because this subtext size is not easily glanceable, it should be reserved for non-crucial information, such as status bar content.\nThe font information in this scale is written in the following format: (Font name) (Type size) / (Line height). The values for type size and line height are shown in points (pt).\n\n### Typesetting grid and baseline reference\n\nAll type styles are displayed on the 4dp grid. This grid ensures even that text is evenly scaled and vertically spaced, creating a consistent visual hierarchy based on 4dp increments.\nThe Android Auto scale is designed to accommodate 4dp font-sizing increments.\n\n*** ** * ** ***\n\nGuidance and examples\n---------------------\n\nApplying a consistent scale and style to your UI text can help:\n\n- Keep all text legible\n- Convey a visual hierarchy across text elements\n- Focus attention in the most important spots\n\nThe following guidance demonstrates how to apply the Android Auto scale and styles appropriately.\n\n### Applying scale\n\nGoogle Sans should be used for type sizes 32dp and larger. Roboto is used everywhere else because it is legible in smaller sizes.\n| **Note:** For languages not covered by Google Sans and Roboto, [Noto Sans](https://fonts.google.com/specimen/Noto+Sans#standard-styles) is the recommended typeface. Noto Sans is derived from metrics similar to Roboto and is designed for internationalization.\nThis example shows appropriate uses of Google Sans and Roboto at various levels of the typgraphic scale.\n\n#### Examples\n\n\n**Do**\nWhen using a display font best suited to large text, such as Google Sans, keep it at type sizes of 32dp or larger. Use Roboto for smaller, secondary text because it maintains good legibility at sizes below 32dp.\n**Don't**\nDon't use Google Sans for smaller text sizes at which its legibility is not optimal.\n\n*** ** * ** ***\n\n### Applying style\n\nEach typographic style consists of a set of scales and attributes such as color, opacity, and font weight. These attributes can be added to any type style to create an effect, whether the intention is to focus attention or reduce emphasis.\nThe Title style in this example consists of the Body 1 scale (which defines the font size and line height) modified by additional attributes of color, opacity, and weight.\n\n#### Examples\n\na. Body 3 \nb. Body 2 \nc. Body 1 a. Body 2 \nb. Display 3 \nc. Body 2 \n\n**Do**\nUse the medium font weight sparingly. Save it for when you need to emphasize the primary or active text, such as the Recents tab in this example, or to establish visual hierarchy.\n**Don't**\nBold font weights (applied to all text in this example) are less legible than medium weights and should be avoided."]]
