Odpowiedni wygląd widżetów ma kluczowe znaczenie dla i wrażenia użytkownika. W tej sekcji omawiamy kluczowe pojęcia technik definiowania kolorów i typografii, aby uzyskać najbardziej przydatne i ciekawe widżety Androida.
Kolor
Używaj kolorów, aby wyrażać styl i określać znaczenie. Ustawianie odpowiednich kolorów kolorów widżetów mają kluczowe znaczenie dla czytelności, personalizacji i nauczanie tożsamości marki aplikacji.
Używanie ról kolorów Material i tokenów w celu zachowania zgodności z wytycznymi dotyczącymi kontrastu ułatwień dostępu i obsługują dynamiczne funkcje kolorów, takie jak kolory generowane przez użytkownika, ciemne lub wybrać jasne motywy.
Więcej informacji znajdziesz w wytycznych dotyczących kolorów Material Design.
Motywy dynamiczne
Od Androida 12 widżet może używać kolorów przycisków na urządzeniu, tła i inne komponenty. Zapewnia to spójność wizualną widżety, ikony ekranu głównego i tapety, dzięki którym użytkownicy Androida co poprawić wrażenia użytkowników. Korzystając z dostarczonych tokenów kolorów, Widżet będzie wyglądał, jakby był zintegrowany z różnymi motywami dostępnymi na różnych urządzeniach producentów i motywów dynamicznych ustawionych przez użytkownika.
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/01_Dynamic_theme.jpg?authuser=8&hl=pl)
Tryb jasny i ciemny
Tryb ciemny to słabo oświetlona wersja interfejsu urządzenia, która wyświetla się głównie w ciemności kolorów powierzchni. Użytkownicy coraz częściej przechodzą na tryb ciemny, aby lepiej żywotność baterii i wygoda oka. Jeśli widżet nie dostosuje się do trybu ciemnego, będą wyświetlane w miejscu, które może być frustrujące dla użytkowników.
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/02_Light_and_Dark.jpg?authuser=8&hl=pl)
Typografia
Typografia sprawia, że tekst jest czytelny i piękny. Używaj rozmiarów czcionek wag, by stworzyć przejrzystą hierarchię i kierować uwagę użytkownika z ważnymi elementami. Zwróć uwagę na odstępy między wierszami i między literami (kerning). aby poprawić czytelność, zwłaszcza w przypadku mniejszego tekstu wyświetlanego w z ograniczonym obszarem widżetu.
Hierarchia
Hierarchia jest przenoszona na podstawie różnic w grubości, rozmiarze czcionki, wysokości wiersza i odstępów między literami. Zaktualizowana skala typów dzieli style tekstu na 5 ról które opisują ich przeznaczenie. Pięć stylów tekstu to: displayowy, Nagłówka, tytułu, podtytułu i treści. Nowe role są niezależne od urządzenia, dzięki czemu do różnych zastosowań.
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/03_Typography.jpg?authuser=8&hl=pl)