Обучайся бесплатно с WAYUP Premiere сегодня вечером

Если хоть немного следить за новостями веб-дизайна, IT-технологий, мобильной отрасли, то нельзя не заметить тот факт и рвение, с которым Apple пытается сделать из 4К-видео мейнстрим на текущий год. Вот, зачем? С чего бы вдруг так внезапно?  Осенью 2017 года компания сделала два интересных объявления касательно 4К-видео. И, казалось бы, что такого важного в этом могло быть для веб-дизайна и творчества, но… оно есть. Это самое – важное.

Во многих странах Apple начала с осени представление контента 4K HDR на iTunes. Соответственно, для телевизионных приставок Apple TV вышло обновление для поддержки высокого динамического диапазона (HDR) и формата 4К.  Да, одновременно с тем, как ресурсы Netflix, Amazon Prime Video, Youtube уже поддерживают 4К в потоковом варианте (обычно это фильмы и шоу), теперь SMART-TV поддерживают развертку 4К буквально для всего.

Но и не только.

Дело в том, что многие современные и будущие модели ноутбуков, планшетов, некоторых смартфонов будут обладать экранами с поддержкой 4К (соответствующего разрешения), а значит, потребители захотят увидеть много доступного контента в супер-пупер высоком качестве (разрешении).

Мы летом уже рассказывали о 4К-видео в веб-дизайне, но тогда еще оно, своего рода, только начинало распространяться  в интернет-пространстве. Теперь, благодаря усилиям Apple, влияние высокого разрешения станет больше, а значит и многие отрасли и сферы деятельности человека не смогут игнорировать его существование. В этом материале мы рассмотрим, что все это будет значить для дизайнеров, веб-мастеров и креативных агентств в 2018 году и что уже сейчас создается веб-дизайнерами.

Новый стандарт – 4К

Представьте себе, что у вас есть выбор какой вариант небольшого кусочка видео разместить на фоне домашней страницы. Какой бы вы предпочли: 360р, 1080р или 4К? Самый простой ответ: тот, что имеет малый размер загружаемого файла. Отчасти «да», но если пользователь открывает сайт на РС или ноутбуке, то ему малоприятно будет видеть обилие пикселей. Поэтому, разумеется, программный код странички стоит изменять, чтобы загружать тот вариант видео, что подходит под разрешение пользовательского экрана. И 4К, в таком случае, не останется в стороне, тем более, что вариантов видеороликов от готовых до футажей на том же YouTube со свободной лицензией огромное множество. Примеры: Microsoft Surface Taiwan, Jonathan Radford

Несмотря на то, что мы только привыкли к HD (как кажется простому обывателю), 4K собирается стать нормой для видео в 2018 году. В первую очередь речь идет о фильмах, телевизионных шоу, рекламе и социальных медиа-кампаниях. Более того, молодое поколение сейчас уже способно самостоятельно с помощью смартфона или спортивной камеры снимать свои 4К-видеоролики и создавать контент ничуть не хуже, чем это делают профессионалы.

Подъем популяризации 4К предложит теперь уже и общественности четкие изображения на больших экранах, когда как промышленность уже давно заинтересована в технологии и старается во всю ею пользоваться. На выставке IFA на стенде Samsung были представлены известные художественные произведения искусства в разрешении 4К. В свою очередь,  McCann и Framestore представили вариацию VR путешествия по Марсу с помощью Unreal Engine 4. Видео об этом ниже. Трансляция осуществлялась на специальные 84-дюймовые экраны с поддержкой транслирования.

Уличная реклама также стремится не отставать от веяния новых стандартов. На знаменитой рекламной площади в Лондоне – Пикадилли разместили новый 790 м2 экран для отображения 4К контента, в том числе потокового видео в реальном времени и соцмедиа роликов. Вслед за этим компания  JCDecaux объявила о том, что заменит все  свои цифровые рекламные щиты по всей Великобритании на 4K вариации.

Теперь же перейдем к более узкому направлению – интернету и веб-дизайну.

4K для соцмедиа и веб-дизайна

Последние несколько лет Twitter и Facebook также делают большой вклад в популяризацию 4К-видео и возможность пользователям соцсетей работать с ним. Генеральный директор Twitter Джека Дорси планировал еще в 2016 году начать развитие потокового вещания игр NFL (даже права выиграл), хотя весной 2017 года лишился этих самых прав. В тоже время Facebook запустила систему транслирования Facebook Live, где можно видеть и эксклюзивы от медиа-партнеров в высоком разрешении. Летом 2017 года стало возможным смотреть live-stream в вариациях от  3600 и 4К.

Таким образом, Facebook и Twitter стали выравнивать положение доминирования на рынке Amazon и Netflix. Соответственно, что еще больше творческих и технических инноваций ожидается от всех участников именно в текущем, 2018-м году.

Веб-сайты уже готовятся

Поскольку все больше и больше людей начинают просматривать веб-сайты на экранах с разрешением 4К: от смартфонов до ноутбуков, и даже на телевизорах SMART, веб-дизайнерам нужно убедиться лишний раз, что их проекты адаптированы для таких больших размеров экранов.

Да, в целом, это общий принцип веб-дизайна, ответственность перед собой, перед будущими пользователями. Например, использование векторных изображений везде, где это уместно – уже и без того является основным правилом и стандартом практики. Но есть и другие моменты, на которые нужно обращать внимание, когда проект готовится для больших разрешений.

Мы немного говорили об этом в наших прошлых материалах, напомним, что изображения должны быть разными по размеру;  желательно стараться избегать форматов JPEG, GIF и PNG, а уделить внимание SVG (масштабируемая векторная графика).

Что же касается видео, то если есть оригинал в 4К, то его, разумеется, не стоит упразднять. По сути, это тот же вариант (аналогия), что и с форматов WEBp/WEBm, когда изображение автоматически загружается в нем при открытии страницы в браузере, если браузером поддерживается, а в противном случае – в jpg/png. С видео все то же самое. Если разрешение экрана большое, оно может подгружаться и, тем самым, не требовать огромного интернет-траффика.

Посмотрите на bellroy, wonderfullywild, oxenmade, coffeetimescoffee, turnefferesort, norebro, Charly Zenger, Basis - Berlin Real Eastate, M&C SAATCHI.GAD. На каждом из них видео поддерживает большие разрешения экрана, но если у вас его нет, увидеть такое сложно. Приходится прибегать к разным ресурсам, позволяющим увеличить разрешение для тестирования. Например, в Opera через контекстное меню «Просмотр кода элемента», среди вариаций мобильных устройств выбрать редактирование и ввести свое разрешение (3840х2160). Таким образом и можно увидеть, если на том или ином сайте поддержка больших разрешений. И да, многие сайты как раз и сохраняют большие видео в формате WebM и конвертируют при необходимости в MP4.

Маркетинг ищет креатив

Видео 4К может стать нормой во многих областях для общественности, которая привыкла уже к 1080p. Удивительно? Давайте вспомним, как происходил переход от VHS к DVD. Это было очень революционно. Но переход от HD к 4К более эволюционен, наоборот, а потому представление и продажа преимуществ дорогой (о, это реально очень дорого) 4K технологии требует огромного количества творчества и фантазии, креатива, вдохновения.

Интересный подход можно увидеть в рекламе консоли Xbox One X, что была представлена на E3 в 2017 году. Более того, само видео также создано в нескольких разрешениях, но, возможно, сразу отличия в качестве между 1080р и 4К могут быть не очень заметны.  Обычно, заметно всегда всё наоборот. На больших размерах экранах лучше видно малое видео и обилие пикселей.

Плавно перейдем к тому вопросу, который встает при работе над разными проектами в веб-дизайне - уместность использования 4К видео. Если заказчик стремится к технологичности, то да, несомненно, нужно; если он соглашается с идеей, которую высказывает дизайнер о возможности/необходимости 4К – то придется веб-дизайнерам подбирать такие ролики и подключать.

Если же заказчику достаточно стандарта Full HD, то… не стоит и расстраиваться оттого, что вам (как мастерам) не дают сделать нечто «ноу-хау». Есть другие проекты и темы, где наличие 4К, если не обязательно, то желательно. Мы говорим о тематике видеоигр и технологиях, связанных с ней. Видеоигры в разрешении 4К на РС уже норма, хотя и требуется мощный компьютер с новейшими графическими картами Nvidia GeForce GTX 10-ой серии или  AMD Radeon RX Vega.

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

Sony в ноябре уже запустила версию PS4 Pro с поддержкой 4К. Впрочем, не «настоящего» разрешения, выразимся так. Что интересно, но компания решила сделать «умное» масштабирование изображений до размеров 4К. Настоящее 4К было реализовано только Microsoft в консоли Xbox One X и то многие известные компании усомнились в реальности 4К. И тут мы как раз и вернулись к рассказу о том, что маркетингу нужен креатив для продвижения и продажи технологии.

И наконец…

Имеет ли сейчас 4К-видео большую популярность или только постепенно ее завоевывает – но оно придет, если не на смену Full HD, то уж точно к совместному существованию. Одно точно, веб-дизайн, искусство не смогут остаться в стороне и совсем не смотреть на такой тренд, и не уделять ему внимание. Чем больше появляется виртуальных туров по музеям, создается специализированных сайтов, сайтов, направленных на привлечение пользователей к контенту, тем востребованнее станет качественное видео, видео в высоком разрешении. Видео, которое сможет завораживать взор  и погружать пользователей «в себя», в атмосферу того, что творится на экране.

Если раньше мы рассматривали вопрос о востребованности 4К-видео в целом в сфере веб-дизайна, то теперь, надеемся, что смогли немного «пролить свет» для вас на то, насколько его популярность возросла за полгода и будет расти в текущем году. А это только означает, что рано или поздно, но и оно станет трендом, веянием, аналогично тому, как вошло в моду использование видео 720/1080 во весь экран или по ширине экрана в качестве фона страниц.  Это сейчас еще видео в 4К не является для веб-дизайнера чем-то супер важным. Но этот момент придет, пусть может и неважным на 100%, но ожидаемым и желаемым для пользователей и заказчика.

Как вам материал?