Наслаждайтесь беспрепятственным доступом к любимым фильмам, телепередачам, музыке и многому другому на большом экране в любое время дома.
Ресурсы
Тип | Связь | Положение дел |
---|---|---|
Дизайн | Исходный код дизайна (Фигма) | Доступный |
Интер (Google Шрифты) | Доступный | |
Выполнение | Jetpack Compose (Github) | Доступный |
Тема
Цветовая тема
Цветовая тема создается с помощью генератора тем Material Design 3. 
Типография
В шрифтовой шкале JetStream используется шрифт Inter для создания простого и четкого вида телевизионных экранов. 
Форма
К картам и кнопкам применен тонкий радиус, чтобы создать удобные и доступные края. 
Фокус
В JetStream используется контур 3dp с цветом контура. 
Дом
Дом
Целевая страница приложения JetStream. 
Избранная карусель
Карусель с макетом в карточном стиле. 
Строка контента
JetStream использует стандартный стиль карточек с соотношением сторон 2:3 и макетом из 5 столбцов. 
Иммерсивный список
Выделите специальный контент в приложении с помощью компонента списка погружения, например 10 самых популярных фильмов. 
Категории
Категории
На странице «Категории» жанры отображаются в виде сетки для удобства навигации и доступа. 
Карточки категорий

Детали категории
Сетка карточек 2:3 с заголовком используется для создания страницы сведений о категории. 
СМИ
Кино
Стандартная вкладка фильмов с избранными карточками формата 16:9 вверху и сеткой контента внизу. 
Шоу

Библиотека
Избранное
Вкладка «Избранное» включает в себя фильтры в верхней части экрана, позволяющие быстро искать контент. 
Поиск
Поисковая посадка
На странице поиска имеется панель поиска с предлагаемыми поисковыми запросами на основе недавних поисков. 
Активный поиск
Когда пользователь фокусируется на строке поиска, появляется клавиатура, и приведенные ниже результаты динамически обновляются по мере ввода пользователем текста. 
Подробности об объекте
Подробности посадки
На странице сведений представлен кинематографический вид с кратким изложением сюжета и заметной кнопкой призыва к просмотру фильма. 
Актерский состав и съемочная группа
В разделе «Актеры и съемочная группа» представлен ряд классических карточек с названиями и описаниями, каждая из которых сопровождается изображением в формате 2:3. 
Рейтинги
В разделе рейтингов представлена специальная классическая широкая карточка с дополнительной информацией. 
Воспроизведение
Видео проигрыватель
Стандартный видеоплеер с лучшими практиками. 
Настройки видеоплеера
Всплывающее окно с субтитрами в видеоплеере. 
Настройки
Настройки учетной записи
Макет страницы учетных записей состоит из двух столбцов: компонент списка слева и настраиваемые компоненты карточек справа, расположенные в формате сетки. 
Диалоговое окно удаления учетной записи
Диалоговое окно имеет контрастный фон, чтобы выделить его на фоне остального экрана. Две кнопки в диалоговом окне выровнены по левому краю, что обеспечивает аккуратный и организованный вид. 
О
В разделе «О программе» имеется правая панель с прокручиваемым текстовым окном. 
Настройки субтитров
Компонент списка используется для отображения различных настроек под подзаголовком и использует такие действия, как переключатель или метка. 
История
В истории поиска используется макет, который отображает список ранее найденных запросов, а также возможность очистить всю историю поиска. 
Помощь
В разделе «Справка и поддержка» используется настраиваемый компонент списка для отображения различных параметров, включая контактную информацию и часто задаваемые вопросы. 