1. Новые покупки

    17.08.2017: Абсолютно белая тема постоянного заработка от 40к в месяц

    17.08.2017: [Digital Tutors] Sculpting Male and Female Faces in ZBrush [ENG-RUS]

    17.08.2017: Музыка для видео и слайд-шоу + переводы уроков по видео

    17.08.2017: Инвесторантье. Покупка конфискованного имущества

    17.08.2017: [Lynda]Основы композитинга в After Effects: Ротоскопирование и обработка краев

    17.08.2017: InstaTool Pro 1.6.9.7

    17.08.2017: Perfex CRM - мощнейшая crm и erp система на Codecanyon (1.6.2)

    17.08.2017: Фотошоп за 7 дней. Дизайн и реклама в малом бизнесе - Степаненко (2015)

    17.08.2017: Обучающий видеокурс по Slider Revolution

    17.08.2017: Торги по банкротству по методу Шерлока Холмса 2016, 2017

    17.08.2017: Секреты мужских мультиоргазмов

    16.08.2017: 17 курсов по блокчейн программированию (blockchain programming)

    16.08.2017: Основы дизайна интерьеров - Highlights (2017)

    16.08.2017: Отборная Информатика - Computer Science Distilled

    15.08.2017: Обучающий и интенсивный онлайн курс от ведущей иммиграционной компании Канады

    15.08.2017: Видео курс PRO 2.0. Партизанский маркетинг. 2017.

    15.08.2017: Невероятно эффективная работа с VKPRO закрытый онлайн тренинг от Алексея Евстропова

    11.08.2017: INSTASOFT 4.0.9.5

    11.08.2017: Как начать майнить и получать доход (от 1500 до 5000 рублей в месяц) со своей видеокарты

    09.08.2017: Партнерки CPA. Минимум 750 рублей в день за 10 минут

    05.08.2017: Трёхдневный воркшоп по настройке авторассылок ВК - Ходченков (2017)

    01.08.2017: Бизнес форсаж. Н. Закхайм (2015)

    01.08.2017: Key Collector 3.7.4.2

    30.07.2017: TheBrain - ваша персональная база знаний

    29.07.2017: Самый Легкий И В Тоже Время Самый Сложный Бот Для Понимания Соцсетью Вконтакте Vkontakte Superbot

    26.07.2017: Как за 8 недель запустить Бизнес на Амазоне с помощью AliExpress - ALI Academy

    25.07.2017: Как уличить жену в измене - Женские секреты

    24.07.2017: Быстрые деньги на Дропшиппинге - Валеев

    23.07.2017: ЖИВОЙ МАРАФОН! 10 Денежных Дней С Ксенией Шокиной-Шокина (2017)

    20.07.2017: Секреты хакеров! Полный курс по кибербезопасности - Udemy (2017)

    14.07.2017: От 130 000 Зарабатывай сидя! (белая схема)

    12.07.2017: [Muse] Доступ на год к сайту шаблонов Qooqee.com

    12.07.2017: Дизайн вконтакте

    08.07.2017: Запасные части. Энциклопедия бизнеса Волгин В.В

    07.07.2017: Подписка на субботние выпуски газеты Коммерсант (с объявлениями о банкротстве) на 1 год

    24.06.2017: [Бизнес Молодость] Выбор ниши 2017

    24.06.2017: Вебинар по инфосайтам

    21.06.2017: Базовый курс по стёбу [Второй Поток] - klinsman96 (2017)

    08.06.2017: сервис по лендингу

    07.06.2017: Финансовая грамотность - Станислав и Глеб Хрянины (2017)

    05.06.2017: Контрактные автозапчасти - Гордеев

    28.05.2017: Белая схема. заработок полностью на автомате!

    06.05.2017: Как зарабатывать от 50000 руб. сидя 4 часа в неделю в ВКонтакте - Жуковский (2017)

    03.05.2017: Пассивная схема заработка

    09.04.2017: Эффективное бизнес-планирование

    08.04.2017: Виртуальная ШКОЛА СКАЗКОТЕРАПИИ

    24.03.2017: Методика слива трафика. Арбитраж (Бурж и Ру)

    14.03.2017: Поток клиентов из Инстаграм: Интенсив - Александра Гуреева (2016)

    06.03.2017: Как полностью раскрыть потенциал растений - Курдюмов

    03.03.2017: Закрытый профкурс кратчайший путь к профессионализму в трейдинге

    25.02.2017: Travelling with Hugh. Курс о путешествиях. Уроки с нейтивом

    21.02.2017: Конструктор адаптивных email сообщений

  2. Получи максимум инфопродуктов, оформи подписку всего за 295 рублей!
    Скрыть объявление

Чтиво Дизайн приложений: разбираемся в UI для телевизора

Тема в разделе "Разное", создана пользователем Gustav, 21 сен 2016.

  1. Gustav

    Gustav Команда форума Администратор

    Сообщения:
    4.655
    Симпатии:
    15.565
    Дизайн приложений: разбираемся в UI для телевизора

    prilozheniya-dlya-TV.jpg

    Как по мне, телевизор уже давно должен был быть выброшен на свалку, учитывая, сколько девайсов находится у каждого из нас дома. Поработать — ноут или пк, посмотреть вечером любимый сериал или передачу — в руках планшет (телефон). Даже за образованием, качественным контентом, мнением экспертов мы идем на ютуб. Возникает вопрос: зачем вообще нужна эта коробка, которая собирает пыль в доме? Но с появлением Smart TV, Google и Apple приставок и интернетом в телевизорах все кардинально поменялось.

    И вот с ростом технологией в телевизорах стоит задуматься, как сделать интерфейс удобным?

    Зонирование экрана

    Из-за того что в первых ТВ был экран не плоским (да, да!), а выпуклым, то часть информации могла потеряться. Поэтому появились две зоны на экране, первая для текста, вторая — экшн, где происходит действие передачи.

    AhKfxlDKnoA-e1474311317549.jpg

    И даже с 4К экранами стоит мирится с этим правилом, поэтому делайте свои приложения, исходя из этих правил:

    9twYsZdR_80.jpg

    Посмотрите, как сделан Netflix:

    SamsungNF4.jpg

    Навигация на экране

    Аппаратная начинка, размер экрана определяют шаблон приложения. Проектная сетка в смартфоне заставляла делать приложения вертикально. На экране ТВ стоит наоборот растягивать контент на всю ширину экрана, что позволяет юзеру увидеть больше контента.

    CNoQWziConA.jpg

    Очень важен курсор, так как без мышки трудно ориентироваться в рабочем пространстве. Поэтому выбранный элемент должен подсвечиваться или быть затененным.

    Контроллер

    wjSYH0TVExw-1.jpg
    cMQZIcJH-dE.jpg

    Пульт, джойстики от приставок, телефон и лазерные указки, очки дополненной реальности и еще куча приспособлений, которыми можно управлять телевизором уже сейчас. Само собой, под каждое устройство вы должны заточить свое приложение.

    Шрифты

    Контент должен быть читабелен с расстояния 3 метров. Представьте, что вы смотрите шоу, сидя на диване, и вы все прекрасно видите, но что случается, когда идут титры?

    Для того, чтобы приложение было удобным, вам стоит не боятся использовать ОГРОМНЫЕ шрифты. 18 px — это самый маленький читабельный текст. Если сомневаетесь — делайте больше. Для заголовков лучше использовать 92px, а для обычного текста — 24рх.

    DRLIGve-hWI.jpg

    Цвет

    Различные производители делают разную яркость экранов, различную цветовую гамму, поэтому каждый цвет стоит проверять хотя бы на парочке экранов.

    Но есть общие советы, как сделать приятные цвета в приложении: избегайте чистого белого, также будьте аккуратны с градиентами и гауссовым размытием.

    NqKkIJsdGws (1).jpg

    А как вы считаете, эра телевизоров прошла, или все только начинается?
     

    Вложения:

    • NqKkIJsdGws.jpg
      NqKkIJsdGws.jpg
      Размер файла:
      39,4 КБ
      Просмотров:
      4