Zastąp wszystkie wystąpienia Roboto elementem Roboto Flex. Dostosuj skalę typu podstawowego zoptymalizowaną pod kątem zegarka i języka projektowania Material 3 Expressive.
Używamy zmiennej osi, zmiennej szerokości i ciężaru, aby dostosować styl wyświetlania i tekst tytułu do większych rozmiarów, a także zwiększyć użyteczność i czytelność w przypadku mniejszych rozmiarów.
Roboto Flex
Roboto Flex oferuje zestaw zmiennych osi, które odpowiadają różnym zastosowaniom aplikacji.
Regulowane osie
Chociaż zmienne czcionki mogą mieć wiele atrybutów zmiennych czcionki na potrzeby wyrażania, istnieją 2 atrybuty stylów (lub osie), które są najbardziej przydatne w projektowaniu produktów: grubość i szerokość.
Waga
Średnicę określa się jako główny atrybut, który określa ogólną grubość kresek czcionki w danym czcionce. Najczęstsze wartości to zwykła i pogrubiona, ale można też użyć wartości od bardzo lekkiej do bardzo ciężkiej. Jeśli kroje pisma są zmienne, zapewniają pełny, ciągły zakres grubości kresek, dzięki czemu liczba grubości jest praktycznie nieograniczona.
Rzeczy, o których należy pamiętać
Ostrzeżenie
Uważaj, aby nie używać zbyt lekkiego typu czcionki w tekście głównym. Wyświetlacze o niższej rozdzielczości mogą mieć problemy z delikatnymi elementami, zwłaszcza z małymi czcionkami. W większych rozmiarach czcionki, takich jak czcionka wyświetlana, używaj czcionek o lżejszą grubości.
Ostrzeżenie
Z drugiej strony, zbyt duża waga w mniejszych rozmiarach może wpływać na czytelność. Zbyt gruby tekst może być trudny do odczytania.
Szerokość
Szerokość to ilość miejsca poziomego zajmowanego przez znaki czcionki. Wąska szerokość pozwala zmieścić więcej znaków na wiersz, a szersza może nadać osobowość.
Rzeczy, o których należy pamiętać
Tak
Węższa szerokość może pozwolić na umieszczenie większej liczby znaków w mniejszych rozmiarach, np. nazwy lub długiego numeru.
Nie
Szersze style zajmują więcej miejsca, dlatego nie używaj ich w obszarach o ograniczonej przestrzeni, np. w nagłówku strony aplikacji.