Ciesz się łatwym dostępem do ulubionych filmów, programów telewizyjnych, muzyki i innych treści na dużym ekranie w dowolnym momencie w domu.
Materiały
| Typ | Link | Stan |
|---|---|---|
| Projektowanie | Źródło projektu (Figma) | Dostępna |
| Inter (Google Fonts) | Dostępna | |
| Implementacja | Jetpack Compose (Github) | Dostępna |
Motyw
Motyw kolorystyczny
Motyw kolorystyczny jest generowany za pomocą generatora motywów Material Design 3.
Typografia
Skala typów JetStream wykorzystuje krój pisma Inter, aby zapewnić prosty i czytelny wygląd na ekranach telewizorów.
Kształt
Karty i przyciski mają subtelny promień, dzięki czemu ich krawędzie są przyjazne i przystępne.
Ostrość
W JetStream używany jest obrys 3D z określonym kolorem.
Strona główna
Strona główna
Strona docelowa aplikacji JetStream.
Karuzela polecanych
Karuzela z układem kart.
Wiersz treści
JetStream wykorzystuje standardowy styl karty o formacie 2:3 w układzie 5-kolumnowym.
Lista wciągająca
Wyróżnij w aplikacji specjalne treści, np. 10 najpopularniejszych filmów, za pomocą komponentu listy immersyjnej.
Kategorie
Kategorie
Na stronie Kategorie gatunki są wyświetlane w formacie siatki, co ułatwia poruszanie się po niej i dostęp do poszczególnych gatunków.
Karty kategorii
Szczegóły kategorii
Do utworzenia strony szczegółów kategorii używana jest siatka kart w formacie 2:3 z nagłówkiem.
Multimedia
Filmy
Standardowa karta filmów z wyróżnionymi kartami w formacie 16:9 u góry i siatką treści u dołu.
Programy
Biblioteka
Ulubione
Na karcie Ulubione u góry ekranu znajdują się filtry, które umożliwiają szybkie wyszukiwanie treści.
Szukaj
Strona docelowa wyszukiwania
Na stronie wyszukiwania znajduje się pasek wyszukiwania z sugerowanymi zapytaniami na podstawie ostatnich wyszukiwań.
Aktywne wyszukiwanie
Gdy użytkownik skupi się na pasku wyszukiwania, pojawi się klawiatura, a wyniki poniżej będą się dynamicznie aktualizować w miarę wpisywania tekstu.
Informacje o podmiocie
Strona docelowa ze szczegółami
Strona z informacjami zawiera widok kinowy z krótkim podsumowaniem fabuły i wyraźnym przyciskiem wezwania do działania, który umożliwia obejrzenie filmu.
Obsada i ekipa
Sekcja Obsada i ekipa zawiera wiersz klasycznych kart z tytułami i opisami, a każda z nich jest opatrzona plikiem graficznym w formacie 2:3.
Oceny
Sekcja ocen zawiera niestandardową klasyczną kartę szeroką z dodatkowymi informacjami.
Odtwarzanie
Odtwarzacz wideo
Standardowy odtwarzacz wideo zgodny ze sprawdzonymi metodami.
Ustawienia odtwarzacza
Wyskakujące okienko napisów w odtwarzaczu.
Ustawienia
Ustawienia konta
Układ strony kont ma 2 kolumny: po lewej stronie znajduje się komponent listy, a po prawej – komponenty kart niestandardowych ułożone w formacie siatki.
Okno usuwania konta
Okno dialogowe ma kontrastowe tło, dzięki czemu wyróżnia się na tle reszty ekranu. Dwa przyciski w oknie są wyrównane do lewej strony, co zapewnia przejrzystość i porządek.
Informacje
Sekcja Informacje zawiera panel po prawej stronie z widokiem tekstu, który można przewijać.
Ustawienia napisów
Komponent listy służy do wyświetlania różnych ustawień pod podtytułem i wykorzystuje działania takie jak przełącznik lub etykieta.
Historia
Historia wyszukiwania ma układ, który wyświetla listę wcześniej wyszukiwanych zapytań wraz z opcją wyczyszczenia całej historii wyszukiwania.
Pomoc
Sekcja Pomoc i wsparcie korzysta z komponentu listy niestandardowej, aby wyświetlać różne opcje, w tym informacje kontaktowe i najczęstsze pytania.
