📺 Дизайн для телевизоров: практические принципы 10-футового интерфейса
Милан Балач во второй части статьи о TV-дизайне разбирает практические аспекты проектирования интерфейсов для телевизоров. Главный принцип: все платформы (Roku, WebOS, Android TV, Fire TV, tvOS) используют одинаковую схему управления через D-pad, OK и Back, что позволяет создавать универсальные решения.
Ключевые ограничения включают необходимость отступов в 5% от краёв экрана (или 60 точек сверху/снизу и 80 по бокам), базовый размер текста от 24px вместо привычных 16-18px для веба, и обязательное визуальное выделение фокуса через масштабирование, инверсию цветов или рамки. Интересный приём: использование 13 колонок вместо 12 позволяет последнему элементу «полки» лучше выглядывать из-за края. Ввод текста через D-pad требует около 38 нажатий для фразы «hey there» против 9 на мобильном устройстве.
Внутри:
– Почему нечётное количество колонок решает проблему overscan;
– Как использовать длительное нажатие для удвоения функций кнопок;
– Зачем Prime Video переназначает кнопку Up для функции X-Ray;
– Почему вертикальное движение меняет группы, а горизонтальное элементы внутри;
– Как PNG с прозрачностью оживляет жёсткие интерфейсы;
– Какие три пропорции постеров (2:3, 16:9, 1:1) используются для разного контента.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
