Skip to content
Все статьи
Дизайн8 мин

Как мы рисовали логотипы Солнечного ТВ, MiMi TV и Platina

Логотип телеканала живёт в самом неудобном месте: в углу экрана, поверх любой картинки, размером с ноготь. За 2023 год я нарисовал три медийных логотипа и понял, что половина приёмов из «обычного» брендинга здесь не работает.

Murodjon MaxmudovДизайнер

Когда я впервые положил эскиз логотипа поверх кадра из эфира, он исчез. На белом фоне в Figma всё выглядело отлично: тонкие линии, аккуратный шрифт, градиент. На кадре с ярким небом от него остался серый шум.

С тех пор каждый медийный логотип я проверяю не на белом листе, а на десятке случайных кадров. Это первое, что отличает логотип телеканала от логотипа кафе или юридической фирмы.

Чем логотип канала отличается от обычного

У логотипа компании обычно есть контроль над фоном: визитка, вывеска, сайт. У телеканала фона нет. Логотип висит в углу экрана всё время эфира, и под ним проходит всё: новости, мультфильмы, концерты, тёмные сцены, белый снег.

Отсюда несколько требований, которые я теперь записываю в бриф с первого дня:

  • он должен читаться в очень маленьком размере, потому что в углу экрана логотип занимает крошечную часть кадра;
  • у него должна быть одноцветная версия, обычно белая полупрозрачная, которая не спорит с картинкой;
  • он должен работать в квадрате: аватар Telegram-канала, иконка YouTube, favicon сайта;
  • он должен двигаться: заставка, переходы, анонсы.

Последнее часто забывают. Статичный логотип для канала — только половина работы.

Как выглядит процесс

Для всех трёх проектов этапы были одинаковые, отличались только акценты.

  1. Бриф
    Кто зрители, какие каналы-конкуренты, на каких языках вещание, где будет логотип кроме эфира
  2. Референсы
    Собираю 20–30 логотипов каналов, в том числе зарубежных, и раскладываю по приёмам: знак, шрифтовой, комбинированный
  3. Эскизы
    Карандашом и сразу в Figma, 15–25 вариантов. Клиенту показываю 3, остальные остаются у меня
  4. Проверка в кадре
    Каждый вариант кладу на 10–15 случайных кадров: светлых, тёмных, пёстрых. Отсеивается половина
  5. Доработка
    Толщина линий, пропорции, одноцветная и квадратная версии, SVG для сайта
  6. Анимация и гайд
    Простая анимация появления и правила использования: отступы, цвета, что делать нельзя

Проверка в кадре — самый полезный и самый неприятный этап. Варианты, которые нравились всем, иногда проваливаются именно тут.

Солнечный ТВ: буква вместо солнечного диска

Солнечный ТВ — русскоязычный телеканал из Узбекистана. Мы сделали логотип и сайт с прямой трансляцией, который работает на трёх доменах: telekanal.uz, solnechniytv.ru и solnechniytv.kz.

Название буквально просило солнце, и первая проблема была в этом. Солнце в логотипе — один из самых затёртых образов: круг с лучами есть у сотен компаний, от турфирм до производителей соков.

Мы ушли от круга. В итоговом знаке у солнца нет диска: роль диска играет первая буква названия. Короткие оранжевые лучи окружают «С», и слово «Солнечный» как будто выходит из солнца. В маленьком размере глаз сам достраивает солнце, а пустота между лучами позволяет картинке под логотипом «просвечивать», так что знак не превращается в оранжевое пятно в углу экрана. «ТВ» мы вынесли в тёмный круглый бейдж: его можно показывать отдельно, когда места совсем мало.

Сайт телеканала Солнечный ТВ с логотипом в шапке
Солнечный ТВ: логотип в шапке сайта с прямой трансляцией

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

MiMi TV: детский канал без «детсада»

MiMi TV — детский канал. Здесь бриф был противоположным: можно и нужно ярко. Но «ярко» для детского канала легко превращается в шесть шрифтов и радугу.

Мы оставили яркость, но ограничили всё остальное. Одна форма букв: толстые, округлые, будто надутые. Каждая буква своего цвета: жёлтый, голубой, малиновый, оранжевый. И главное — толстый тёмно-фиолетовый контур вокруг всего слова. Именно контур решил проблему угла экрана: на пёстром мультфильме цветные буквы без обводки слились бы с картинкой, а с контуром слово читается на любом фоне. «TV» превратилось в маленький красный телевизор с антенной, который стоит у края слова под наклоном.

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

Platina: знак, который работает водяным знаком

Platina — новостной сайт, не телеканал, но задачи похожие: логотип живёт в шапке, в превью для соцсетей, на аватаре Telegram-канала. И ещё в одном месте, о котором клиенты вспоминают не сразу, — на фотографиях к новостям. Редакция ставит логотип в угол своих изображений, и картинки, разошедшиеся по Telegram-каналам, продолжают показывать источник.

Поэтому для Platina мы сделали комбинированный логотип: знак в виде буквы «P» в тёмно-синей геометрической форме и строчное название рядом. Знак отдельно работает как иконка и аватар, а белая версия знака с названием ложится в угол любой фотографии.

Главная страница Platina с логотипом в шапке и на фото новостей
Platina: логотип в шапке и белый водяной знак в углу новостных фотографий

Логотип мы делали вместе с UX/UI и самим сайтом, поэтому знак сразу проверяли в реальном интерфейсе, а не отдельно. Подробнее про интерфейсную часть я писал в статье о том, что UX/UI — это не «сделать красиво».

“Когда дизайнер сразу отдаёт логотип в SVG, в светлой и тёмной версиях и с квадратным вариантом для favicon, я встраиваю его за десять минут. Когда приходит PNG с прозрачным фоном, начинается переписка на два дня.”
Шахзоджон Джумакулов — фронтенд-разработчик

Брендбук: зачем он, если логотип уже есть

Логотип без правил живёт примерно полгода. Потом SMM-специалист растягивает его на баннер, кто-то ставит на красный фон, а подрядчик по вывескам рисует свою «похожую» версию.

Брендбук решает это. Мы делали брендбуки для SMM Maktab, бесплатных курсов SMM по всему Узбекистану, и для юридической фирмы Legal Alliance. Задачи у них совсем разные, но набор разделов почти одинаковый:

  • Основная, одноцветная и инверсная версии логотипа
  • Охранное поле и минимальный размер
  • Цвета в HEX, RGB и CMYK, чтобы совпадали экран и печать
  • Шрифты и правила набора заголовков
  • Примеры неправильного использования: растянуть, повернуть, поменять цвет
  • Шаблоны постов для Instagram и Telegram, обложки, аватары
  • Для медиа: правила для эфирного угла, заставок и титров

Для SMM Maktab, как мне кажется, самая ценная часть — правила для соцсетей: курсы идут в разных регионах, и материалы делают разные люди. Без общих правил каждый регион рисовал бы свой SMM Maktab.

Сколько это стоит и что я бы сделал иначе

Логотип у нас начинается от $400, брендбук — от $1 200. Для телеканала я почти всегда советую брать оба сразу: эфир, сайт и соцсети с первого дня должны выглядеть одинаково.

Что бы я сделал иначе? Раньше начинал бы анимацию. В проектах 2023 года мы думали о движении в самом конце, когда форма уже была утверждена. Оживить готовый знак можно всегда, но идеи, которые рождаются именно из движения, на этом этапе уже не появляются. Теперь я рисую первые эскизы сразу с мыслью, как логотип будет появляться на экране.

Посмотреть логотипы в работе можно в кейсах Солнечного ТВ, MiMi TV и Platina.

Есть задача? Напишите — обсудим.

Пишите в Telegram напрямую основателю студии. Расскажите в двух словах, что нужно — ответим с вопросами и примерной оценкой.