Android TV jest zgodny z wytycznymi Google dotyczącymi kolorów w Material Design, co zapewnia spójny i atrakcyjny wizualnie interfejs. Tworzy on bardzo wciągający i angażujący styl wizualny dostosowany do ekranu telewizora. Ten przewodnik zawiera szczegółowe informacje o stosowaniu motywu Material Design w interfejsie Androida TV.
Najciekawsze
- Android TV jest zgodny z wytycznymi Google dotyczącymi kolorów Material, ale jest zoptymalizowany pod kątem telewizorów.
- Twórz ciemne motywy, aby uzyskać kinowe wrażenia.
- Aby utworzyć motyw, użyj kreatora motywów Material.
Schemat kolorów
Schemat kolorów pomaga w znaczący sposób stosować kolory w interfejsie, tworząc harmonię, spójność marki i skalowalność.
Podstawą schematu kolorów jest zestaw 5 kluczowych kolorów, z których każdy jest powiązany z osobną paletą odcieni zawierającą co najmniej 13 odcieni. Określone odcienie z każdej palety tonalnej są przypisywane do ról kolorów w interfejsie. Kolory podstawowe są podstawą tworzenia dowolnego dynamicznego schematu kolorów. Możesz utworzyć kolory podstawowe na podstawie jednego koloru głównego za pomocą narzędzia Material Theme Builder lub wybrać własne kolory podstawowe.
Po ustaleniu kolorów podstawowych algorytm Material określa pełne spektrum kolorów potrzebnych do wyrażania stanów interakcji, błędów i kontrastu zapewniającego dostępność.
Kreator motywów Material generuje zarówno ciemne, jak i jasne schematy kolorów z tymi samymi tokenami kolorów, co ułatwia przełączanie się między motywami.
Role kolorów
Podstawowy
Główne role są używane w przypadku kluczowych komponentów interfejsu, takich jak wyróżnione przyciski, stany aktywne i odcień podniesionych powierzchni.
Drugorzędny
Role dodatkowe są używane w przypadku mniej widocznych komponentów interfejsu, takich jak ikony filtrów, i dają możliwość dodatkowego wyrażenia koloru.
Trzeciorzędny
Kolory dodatkowe służą do kontrastowych akcentów, które mogą równoważyć kolory podstawowe i pomocnicze lub przyciągać uwagę do elementu, np. pola wprowadzania.
Platformy
Neutralne role są używane w przypadku powierzchni i tła oraz tekstu i ikon o wysokim kontraście. Więcej informacji o powierzchniach znajdziesz w wytycznych Material Design.
Konspekty
Więcej informacji o rolach konturów znajdziesz w wytycznych Material Design.
Kolory dynamiczne
Na urządzeniach mobilnych z Androidem 12 i nowszym użytkownicy mogą generować indywidualne schematy kolorów, wybierając tapety i inne opcje dostosowywania. Android TV nie obsługuje tapet, co oznacza, że schematy wygenerowane przez użytkowników nie są obsługiwane, a system operacyjny Android TV przesyła tylko podstawowe palety.
Zamiast schematów wygenerowanych przez użytkownika możesz używać schematów kolorów opartych na treści, aby tworzyć dynamiczne i zabawne projekty na podstawie treści takich jak plakaty filmowe, okładki albumów i inne obrazy główne. Szczegółowe informacje znajdziesz w artykule Schematy kolorów oparte na treści.
Korzystając z bibliotek deweloperskich Material Color Utilities, możesz wyodrębnić kluczowe kolory bezpośrednio z obrazu lub uruchomić własny algorytm wyodrębniania kolorów, aby znaleźć kluczowy kolor, a następnie użyć Material Color Utilities do wygenerowania motywu.
Oto przykład wyodrębniania kolorów z obrazu:
- Obraz źródłowy
- Wyodrębniony kolor nasion
- Kolory wygenerowanego klucza
Możesz wygenerować schemat kolorów na podstawie tych kluczowych kolorów lub użyć odcieni, aby zastosować je w interfejsie.
Ułatwienia dostępu
Informacje o ułatwieniach dostępu znajdziesz w artykule Ułatwienia dostępu na Androidzie TV – sprawdzone metody.