Zastosowanie czcionki

Zadbaj o dobrą organizację dzięki kolekcji Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.

Format wyświetlania jest używany do wyświetlania dużych, krótkich ciągów tekstowych, które zawierają najważniejsze informacje, istotne dane, informacje o zaufaniu lub wyraziste momenty związane z marką.

• DisplayLarge to największy nagłówek. Wyświetlacze to największy tekst na ekranie, zarezerwowany dla krótkich, czytelnych informacji o głównych funkcjach, istotnych danych, informacji o zaufaniu lub wyrazistych momentów związanych z marką, które korzystają z wyraźnej skali i stylu.
• DisplayMedium to drugi co do wielkości nagłówek. Wyświetlacze to największe teksty na ekranie, zarezerwowane dla krótkich, czytelnych informacji, istotnych danych, informacji o zaufaniu lub wyrazistych momentów związanych z marką, które korzystają z wyraźnej skali i stylu.
• DisplaySmall to najmniejszy nagłówek. Wyświetlacze to największy tekst na ekranie, zarezerwowany dla krótkich, czytelnych informacji o głównych funkcjach, istotnych danych, informacji o zaufaniu lub wyrazistych momentów związanych z marką, które korzystają z wyraźnej skali i stylu.

Tytuł to tekst hierarchiczny służący jako mechanizm nawigacji, np. tytuł strony, sekcji lub podsekcja (w przypadku tytułu małego).

• TitleLarge to największy tytuł. Tytuły są mniejsze niż wyświetlenia. Zazwyczaj są one zarezerwowane dla tekstu o średnim znaczeniu, który jest krótszy, i nie są zalecane w przypadku komponentów interaktywnych, a raczej nagłówków stron lub podtytułów.
• TitleMedium to tytuł medium. Tytuły są mniejsze niż wyświetlenia. Zazwyczaj są one zarezerwowane dla tekstu o średnim znaczeniu, który jest krótszy, i nie są zalecane w przypadku komponentów interaktywnych, a raczej nagłówków stron lub podtytułów.
• TitleSmall to najmniejszy tytuł. Tytuły są mniejsze niż wyświetlenia. Zazwyczaj są one zarezerwowane dla tekstu o średnim znaczeniu, który jest krótszy, i nie są zalecane w przypadku komponentów interaktywnych, a raczej nagłówków stron lub podtytułów.

Etykieta jest używana do tekstu na poziomie komponentu, który opisuje działanie, które nastąpi po interakcji. Najczęściej i najpowszechniej etykiety są używane do tekstu zagnieżdżonego w przycisku.

• LabelLarge to największa etykieta. Etykiety służą do wyświetlania wyróżnionych tekstów, np. etykiety na przyciskach tytułów, stosowanych w komponentach interaktywnych.
• LabelMedium to etykieta medium, która jest najczęściej używana. Etykiety służą do wyświetlania tekstów, takich jak główna etykieta na przyciskach, stosowana w komponentach interaktywnych.
• LabelSmall to mała etykieta. Etykiety służą do wyświetlania tekstów, takich jak etykiety dodatkowe na przyciskach i kompaktowych przyciskach oraz etykiety stosowane w komponentach interaktywnych.

Treść jest zarezerwowana na tekst treści, np. akapity tekstu, tekst używany w złożonej wizualizacji danych, sygnatury czasowe i metadane.

• BodyLarge to największy obiekt. Teksty główne to zwykle dłuższe fragmenty tekstu, w których dobrze sprawdzają się mniejsze czcionki. W dłuższych partiach tekstu zalecamy użycie czcionki szeryfowej lub bezszeryfowej.
• BodyMedium to drugi co do wielkości element. Teksty główne to zwykle dłuższe fragmenty tekstu, w których dobrze sprawdzają się mniejsze czcionki. W dłuższych partiach tekstu zalecamy użycie czcionki szeryfowej lub bezszeryfowej.
• BodySmall to trzeci co do wielkości obiekt. Teksty główne to zwykle dłuższe fragmenty tekstu, w których dobrze sprawdzają się mniejsze czcionki. W dłuższych partiach tekstu zalecamy użycie czcionki szeryfowej lub bezszeryfowej.
• BodyExtraSmall to najmniejszy rozmiar. Teksty główne to zwykle dłuższe fragmenty tekstu, w których dobrze sprawdzają się mniejsze czcionki. W dłuższych partiach tekstu zalecamy użycie czcionki szeryfowej lub bezszeryfowej.

Styl tekstu cyfr służy do wyświetlania cyfr, zwykle ograniczonych do kilku znaków. mogą mieć bardziej wyraziste właściwości na większych wyświetlaczach; Daje możliwość elastycznego rozszerzania osi szerokości przy minimalnych problemach związanych z lokalizacją i skalowaniem czcionek.

• NumeralsExtraLarge to największa rola dla cyfr. Liczby domyślnie są od siebie oddzielone tabulatorem. Wyróżniają i wyrażają liczby, które można odczytać na pierwszy rzut oka, ograniczone do 2 lub 3 znaków, w przypadku których nie jest wymagana lokalizacja, np. ekran ładowania czy selektor czasu.
• NumeralsLarge to druga co do wielkości rola cyfr. Liczby domyślnie używają odstępów tabulatorowych. Są to długie ciągi znaków liczbowych, które są ograniczone do dużych wyświetlaczy czasu, gdzie nie jest wymagana lokalizacja, np. w liczniku odliczania czasu lub selektorze czasu.
• NumeralsMedium to trzecia co do wielkości rola cyfr. Liczby domyślnie używają odstępów tabulatorowych. Są to liczby średniej wielkości, które ograniczają się do krótkich ciągów cyfr, gdzie nie jest wymagana lokalizacja, np. licznik kroków czy selektor czasu.
• NumeralsSmall to czwarta co do wielkości rola cyfr. Liczby domyślnie używają odstępów tabulacji. Są one przeznaczone do liczb, które wymagają podkreślenia na mniejszej skali, gdzie nie jest wymagana lokalizacja, np. w przypadku selektorów daty i czasu.
• NumeralsExtraSmall to najmniejsza rola dla cyfr. Liczby domyślnie mają odstępy tabulatorowe. Są one przeznaczone do liczb, które muszą pomieścić dłuższe ciągi cyfr, w przypadku których nie jest wymagana lokalizacja, np. dane dotyczące treningu.

Tekst nagłówka łuku jest używany do wygiętego tekstu, który stanowi element nawigacyjny w interfejsie, np. tekst czasu i wygięte etykiety. Specjalnie dostosowana oś czcionki, która optymalizuje czcionkę wzdłuż krzywej, aby uwzględnić różne odstępy między znakami, które występują u góry i u dołu zakrzywionego ekranu.

Najpopularniejsze

• ArcLarge jest przeznaczony do nagłówków i tytułów łuku. Element Arc służy do wyświetlania tekstu na wygiętej ścieżce na ekranie. Jest zarezerwowany dla krótkich ciągów tekstowych nagłówka u samego góry lub dołu ekranu, np. w przypadku nakładek potwierdzenia.
• ArcMedium służy do nagłówków i tytułów łuku. Element Arc służy do wyświetlania tekstu na wygiętej ścieżce na ekranie. Jest zarezerwowany dla krótkich ciągów tekstowych nagłówków, które znajdują się u samego góry lub u samego dołu ekranu, np. tytuły stron.
• ArcSmall służy do ograniczonych ciągów tekstowych w łuku. Element Arc służy do wyświetlania tekstu na wygiętej ścieżce na ekranie. Jest zarezerwowany dla krótkich tekstów o wygiętej formie, które znajdują się na dole ekranu, np. tekst z czasem.

Dół

• ArcLarge jest przeznaczony do nagłówków i tytułów łuku. Element Arc służy do wyświetlania tekstu na ekranie w kształcie łuku. Jest zarezerwowany dla krótkich ciągów tekstowych nagłówka, które znajdują się u samego góry lub u samego dołu ekranu, np. w przypadku nakładek z potwierdzeniem.
• ArcMedium służy do nagłówków i tytułów łuku. Element Arc służy do wyświetlania tekstu na wygiętej ścieżce na ekranie. Jest zarezerwowany dla krótkich ciągów tekstowych nagłówków, które znajdują się u samego góry lub u samego dołu ekranu, np. tytuły stron.
• ArcSmall służy do ograniczonych ciągów tekstowych w łuku. Element Arc służy do wyświetlania tekstu na wygiętej ścieżce na ekranie. Jest zarezerwowany dla krótkich tekstów o wygiętej formie, które znajdują się na dole ekranu, np. tekst z czasem.