Видеосервис Youtube провел масштабное обновление дизайна в июне 2017 года, о котором мы писали ранее. Тогда он представил новый дизайн кнопки Play, которая стала фирменным знаком бренда, и шрифт. Изменения интерфейса коснулись десктопной версии.
29 августа компания снова внесла изменения. На сайте и во всех приложениях появилась новая надпись YouTube.
Таким образом акцент сместился со слова Tube (сленговое название марки телеприемника) на иконку Play.
Кристофер Беттинг, глава арт-департамента компании, в интервью для Verge рассказал, что такие изменения — это «эволюция, а не революция». Таким образом создатели подводят пользователей к большим дизайнерским и функциональным обновлениям. Из сайта Youtube превращается в набор сервисов и приложений на мультиплатформах. Сейчас компания адаптирует дизайн и функционал под разные девайсы и аудитории.
По словам Беттинга, который занимался ребрендигом логотипа, вначале была идея внедрения знака, отдаленно напоминающего букву Y. Он должен был анимироваться и менять цвет в зависимости от видео, которое просматривает пользователь. Однако после разработки нескольких мокапов стало ясно, что идея не сработает.
В результате разработчики решили прибегнуть к простым решениям и сместили акцент на иконографику бренда. Кнопка Play, главный элемент UI, которая находится в центре каждого видео, стала самой узнаваемой частью дизайна сервиса, а теперь и новой версии логотипа.
Детальней о редизайне кнопки Play мы написали здесь.
Также глобальные изменения коснулись и дизайна интерфейса. В июне — для десктопа, а в августе добрались до мобайла. Теперь весь дизайн будет выполнен в стилистике Material design, который распространяется на все продукты Google. А это значит — меньше теней, блоков и форм на каждой странице.
Эволюция дизайна YouTube.
Главное обновление дизайна в адаптации плеера под формат видео. Вначале у Youtube была одна опция видео — горизонтальное положение и прямоугольная форма. Но растущее потребление видеоконтента через мобайл поставило компанию перед вызовом, когда видео может быть вертикальным или квадратным. Впечатление от просмотра таких видео был на порядок хуже. «То, что бесило всю команду, – это черная панель. Маленькое изображение и черная панель,» — говорит Мануель Бронстайн, вице президент команды продуктового менеджмента.
Вначале создатели хотели также прибегнуть к динамике. Они экспериментировали с параллакс эффектом, чтобы пользователь мог двигать телефон и скроллить вверх и вниз внутри вертикального видео. Но идея провалилась на этапе тестирования.
Новый дизайн плеера в приложении YouTube
В итоге разработчики остановились на плеере, который предоставляет весь экран для вертикального видео в исходном формате, оставляя маленькую панель управления, которую можно убрать и перейти в полноэкранный режим. Видео автоматически адаптируется при оборачивании.
Также в плеере с помощью свайпа вверх можно увидеть рекомендованные видео.
![]()
![]()
![]()
Amazon запустила платформу, на якій можна створити свою лінію мерчу
Спостереження за відбудовою: UNITED24 та ЛУН запустили спільний проєкт
Компанія BRG hotels оновила логотип
«Житомирські Ентузіасти» створили віртуальну екскурсію музеєм космонавтики
Проєкт Directa Design Bureau для бренду кави здобув Red Dot
Мистецький арсенал презентує онлайн-видання «Україна в огні»