История логотипа YouTube — как кнопка «плей» стала брендом
Логотип YouTube двенадцать лет прожил с ошибкой, которую видели все дизайнеры мира: главный символ сервиса — кнопка воспроизведения — был спрятан внутри слова, на плашке вокруг слога «Tube». Редизайн 2017 года просто поменял их местами — и получил один из самых цитируемых кейсов «очевидного» решения. Разбираем историю знака видеоплатформы номер один.
2005 — слово YouTube с красной скруглённой плашкой на «Tube» — отсылка к кинескопному телевизору (tube = «трубка»); 2013‑2015 — мелкие чистки и появление отдельной иконки‑кнопки; 2017 — большой редизайн: кнопка плей выносится перед словом, плашка исчезает, появляется шрифт YouTube Sans; дальше — только полировка. Файлы — на странице бренда.
2005«Трубка», которой скоро не стало
Имя YouTube строится на «you» (контент делаешь ты) и «tube» — сленговом названии телевизора эпохи кинескопов. Первый логотип честно это иллюстрировал: слог «Tube» сидел на красной скруглённой плашке-«экране». Ирония истории: уже через несколько лет кинескопы исчезли, и метафора умерла — молодые пользователи видели просто красный прямоугольник, не считывая отсылку. Классический риск «слишком современной» метафоры — о том, как вообще выбирают идею знака, мы писали отдельно.
2013‑2016Кнопка рвётся наружу
Пока полный логотип жил в шапке сайта, сервис стремительно переезжал в приложения — и там нужен был квадратный знак. Иконкой стала красная кнопка плей: сначала как «служебный» элемент, затем как полноценный носитель бренда. К 2016 году сложилась шизофрения: в шапке — слово с плашкой на «Tube», в телефоне — кнопка; два знака конкурировали друг с другом — наглядный случай того, почему иконка диктует бренду форму.
2017Очевидное решение
29 августа 2017 года YouTube показал первый большой редизайн: кнопка плей вынесена перед словом и стала главным знаком; слово очищено от плашки и набрано собственным шрифтом YouTube Sans. Официальная логика редизайна — хрестоматия:
- Кнопка масштабируется, слово — нет. В фавиконке и иконке остаётся только кнопка; в шапке — кнопка + слово. Одна система вместо двух знаков — ровно то, зачем вообще нужны версии логотипа.
- Красный сместился со слога на символ. Плашка вокруг «Tube» тянула взгляд к мёртвой метафоре; теперь красный работает на живую — «нажми и смотри».
- Тёмные экраны. Новый знак спроектирован сразу для светлого и тёмного интерфейсов — к 2017‑му тёмная тема стала стандартом видеоплееров — та же логика видна и у Netflix.
Кнопка как язык платформы
После 2017‑го кнопка плей стала строительным блоком всей айдентики: значки продуктов (Music, Kids, TV) — вариации той же формы, кнопки наград Silver/Gold Play Button — физические скульптуры знака, водяной знак в углу видео — она же. Это пример знака‑конструктора: один символ порождает целую систему — так же строятся экосистемы знаков и у других брендов.
Самые строгие правила рунета и мира
Гайдлайны YouTube — одни из самых жёстких среди платформ, и с ними сталкивается каждый, кто делает превью или сайт с кнопкой «смотреть»: кнопку плей нельзя перекрашивать, наклонять, встраивать в свои логотипы и использовать как декорацию; вокруг знака — обязательное охранное поле; на тёмном фоне используется специальная версия. Причина строгости проста: кнопка — функциональный элемент интерфейса, и «декоративные» копии размывают её смысл, приучая людей нажимать там, где ничего не воспроизводится. Прежде чем ставить знак YouTube на свой сайт или обложку, сверьтесь с официальными правилами — и с нашей статьёй можно ли использовать чужой логотип.
Хронология
| Годы | Знак | Событие |
|---|---|---|
| 2005‑2013 | слово с плашкой на «Tube» | запуск, покупка Google |
| 2013‑2017 | слово + отдельная иконка‑кнопка | мобильная эра, два знака |
| 2017 – н. в. | кнопка перед словом, YouTube Sans | единая система |
Если у продукта уже есть «народный» символ (кнопка, жест, форма упаковки) — не изобретайте знак, а легализуйте существующий: аудитория проголосовала до вас. Тест: что рисуют люди, когда изображают ваш продукт от руки? У YouTube это всегда была кнопка плей — именно так проверяют знак на аудитории на практике.
Логотип YouTube в SVG и PNG — на странице бренда; оформление собственного канала — в статье логотип для YouTube‑канала. Другие истории: Google, Netflix, Instagram.