Шрифты и композиция в Reels: 6 правил, что делят залёт на ноль

Контент может выглядеть почти одинаково, а заходить по-разному. Тут вторая половина картинки: шрифты, композиция кадра, центральный квадрат, зум в глаза и заваленный горизонт. Эти штуки скрыты от взора 80% авторов, а каждая из них делит вероятность залёта на ноль. Первую половину, про свет и тон кожи, я разбираю в гайде свет и картинка для Reels, тут идём дальше.

Почему похожие ролики воспринимаются совершенно по-разному?

Возьмём три картинки. Во всех соблюдены красные зоны: 5% сверху, 5% снизу, бровь айфона не обрезает текст. На первый взгляд оформление одинаковое. Но один ролик lifestyle без всякого света выглядит лучше, чем два экспертных с дорогим софтбоксом.

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

Эти ошибки допускают 80% людей, даже опытные. Разберём их по порядку: красные зоны, контраст текста, шрифтовые пары, кириллица, центральный квадрат, зум в глаза и заваленный горизонт. Это база оформления, съёмки, монтажа, крупности и композиции, та же база, что держит монтаж Reels по 7 вехам. И эта база важнее темы: даже сильный хук из подборки 300 хуков не спасёт, если на кадре заваленный горизонт и каша из шрифтов.

Что такое красные зоны и почему их соблюдают все?

В любом приличном ролике красные зоны соблюдены. Сверху обрезается 5%, снизу 5%, и есть бровь айфона, которая тоже срезает верх. Если положить туда важный элемент, его обрежет.

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

• −5% сверху и снизу, туда не лезет важный текст.
• Бровь айфона срезает верх кадра, заголовок туда не ставь.
• Низ, интерфейс приложения, там кнопки лайка и подписки.

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

Почему lifestyle без света бьёт экспертный ролик с софтбоксом?

Берём три картинки. Два экспертных ролика, у одного прям дорогой обзорный сетап. И один простой lifestyle-ролик, в котором нет никакого света вообще. Lifestyle выглядит лучше обоих экспертных.

Почему так. У lifestyle-ролика героиня снята у окна: большой мягкий источник, правильная температура, нормальный тон кожи, есть дельта до фона. А у экспертных, несмотря на технику, накопились ошибки: жёлтая кожа от температуры 2800K, нулевая дельта из-за близкой стены, лишние шрифты.

Дорогой свет не спасает, если допущена базовая ошибка. Простой ролик у окна обходит экспертный с софтбоксом за счёт суммы правильных мелочей.

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

А lifestyle-героиня у окна получает всё бесплатно: окно даёт мягкие тени и правильный тон кожи, расстояние до стены даёт дельту, а минимализм в оформлении не создаёт диссонанса. Ноль техники, но сумма мелочей в плюсе. Подробно про свет у окна, температуру и дельту, в гайде свет и картинка для Reels.

Когда НЕ гнаться за техникой: пока базовые мелочи не соблюдены, дорогой свет бесполезен. Хороший свет добавляет резкости поверх правильной базы, но сначала база, потом техника.

Сколько шрифтов можно использовать в одном Reels?

Прежде чем говорить про количество, надо понять, зачем вообще текст в ролике. Он бывает двух видов, и они выполняют разные задачи. Это и есть шрифтовая пара: два типа текста = два шрифта, и не больше.

• Навигационный текст, субтитры и маленькие подписи. Он не даёт эмоцию, он даёт понимание: что сейчас происходит, о чём речь. Помогает зрителю не потеряться.
• Эмоциональный текст, крупные акценты, хиты, ключевые слова. Бьёт эмоцией мгновенно, до того как зритель вчитается, как первый слой хука в Reels.

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

Шрифты всегда в парах. Один эмоциональный, один навигационный. Третьего шрифта не должно быть.

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

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

Стандартные шрифты кириллицы в любом приложении, КапКат, Vinci, VideoLeap, выглядят плохо. Причина простая: эти приложения разрабатывают люди, которые говорят на английском. Шрифты заточены под латиницу. Русские буквы либо не подтянуты вообще, либо подтянуты очень плохие.

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

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

Решение: грузить шрифты, сделанные специально под кириллицу. Загруженный под кириллицу шрифт и стандартный, это разница между «выглядит дорого» и «выглядит как самоделка», небо и земля.

Когда стандартного хватит: если делаешь ролик на латинице. Для русскоязычного контента, только подгруженные кириллические шрифты, без вариантов.

Как сделать текст контрастным без обводок и подложек?

Контрастность текста, та же логика, что и контрастность персонажа. Нужна дельта. Если на тексте условно 100% яркости, а на фоне за ним (шторы, стена) 20–30%, разница в 70% делает текст читаемым без подложек и обводок. Текст без обводок, без подложек, без теней выглядит максимально стильно.

Разберём на примере. В одном ролике текст стильный и читается, потому что на героине чёрная одежда и задник тёмный относительно текста. Текст яркий, фон тусклый, текст виден без всяких подложек. В другом ролике текст тоже без обводок, но его не видно: белый текст на светлом фоне теряется, дельта между текстом и фоном маленькая.

Тот же приём, что и со светом на персонаже: герой стоит близко к фону, свет лупит одинаково на него и на задник, дельта нулевая, и текст на такой стене не читается. Отодвинь героя, фон потемнеет, и текст станет виден. Та же физика контраста, только применённая к тексту, а не к лицу.

В цифрах считай так. Возьми ползунок яркости в голове: текст это 100%, фон за ним (стена, шторы, B-roll) должен сидеть на 20–30%. Разница в 70% и есть рабочая дельта, при которой белые буквы читаются без единого костыля. Падает дельта ниже 40-50%, текст начинает сливаться, и ты тянешься к обводке. Не тянись, отодвинь героя от стены ещё на полметра, фон провалится в тень, дельта восстановится. Это бесплатно, в отличие от подложки, которая удешевляет кадр.

Текст без обводок, без подложек, без теней всегда выглядит максимально стильно. Если можешь этого добиться, прекрасно.

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

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

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

Что такое центральный квадрат и почему вся инфа идёт в него?

В залетевших роликах вся самая важная информация всегда в центральном квадрате. Она не уходит наверх и не уходит вниз. Внизу интерфейс приложения, там плохо видно, никто туда не смотрит. Все смотрят в самый-самый центр.

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

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

Ещё пример с роботом-картинкой в экспертном ролике. Главный герой в центре, субтитры в центре, но заголовок ушёл намного выше квадрата. Плюс бровь айфона срезает верх, плюс −5% сверху и снизу. Итог: робот прижат кверху, он не в центре. Глаз вынужден бежать сначала на заголовок наверх, потом на героя, потом на субтитры. И робот вдобавок теряется, потому что у него низкая контрастность с фоном, маленькая дельта между объектом и задником. Композиция и контраст работают вместе: даже если элемент в правильном месте, без дельты его не видно.

Внизу плохо видно, там интерфейс. Никто туда не смотрит. Все смотрят в самый-самый-самый центр. Поэтому вся важная информация, в центральном квадрате.

Когда можно вынести за квадрат: декоративный фон, B-roll, воздух сверху для дыхания кадра. Но любая информация, которую надо прочитать, только в центр.

Почему зум нужно делать в глаза, а не в центр кадра?

99% новичков делают зум в центр кадра. Из-за этого линия глаз уезжает: при увеличении глаза прижимаются к верху экрана, при отдалении опускаются. Зритель постоянно следит за скачущей точкой и устаёт.

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

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

• Зум в глаза, не в центр. Точка взгляда остаётся на месте.
• Линия глаз держится на одном уровне от кадра к кадру.
• Чередуй крупность (крупный/средний/общий) для динамики, но фокус не двигай.

Мы всегда увеличиваем и уменьшаем в глаза, чтобы точка, в которую смотрит человек, никуда не ездила. Так намного проще смотреть.

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

Чтобы кадр не был статичным, монтажёр меняет крупность: крупный план, средний, общий, снова средний, снова крупный. Крупный план берёт эмоцию и акцент на лице, средний это рабочий баланс, видно героя и немного фона, общий даёт контекст и смену ритма. Главное условие при всех этих сменах, линия глаз держится на одном месте, и достигается это тем самым зумом в глаза. Тогда зритель видит динамику, но его взгляд не мечется по экрану. Это важная часть монтажа Reels.

Когда зум в центр уместен: если в кадре нет лица, B-roll, предмет, экран. Там центрируй по объекту. И не дроби крупность в коротком ролике на 10–15 секунд, частая смена там раздражает.

Почему валится горизонт и как его не завалить?

Смотришь ролик и думаешь: вроде всё нормально, но что-то не так. Часто это заваленный горизонт. Прочертишь прямую линию, и видно, что вертикали косят.

Причина: человек ставит штатив вроде правильно, но садится не перпендикулярно к стене. Камера смотрит на него чуть сбоку. Прямой угол 90° между линией съёмки и стеной превращается в 120°. И всё, линии начинают уезжать, кадр косит. Геометрия простая: вот стена, вот ты сидишь, камера должна смотреть на тебя строго под 90 градусов. Всё, что больше 90, заставляет вертикали уезжать.

Заваленный горизонт уничтожает ролик. Даже с хорошим референсом и интересной темой такой ролик набирает ноль. Это одна из тех мелких ошибок, каждая из которых делит вероятность залёта на ноль, как и остальные пункты из 5 ошибок, которые не дают залетать.

Чтобы линии стены, мебели и дверей не разбегались по диагонали, достаточно одного: сесть ровно напротив стены, лицом к камере под прямым углом. Не штатив виноват, а посадка. Поставил камеру, сел, мысленно прочертил вертикаль по косяку двери, ровно, снимаешь. Уезжает в сторону, подвинул стул на 15-20 градусов обратно к перпендикуляру и проверил снова. Минута на этапе установки экономит загубленный дубль.

Как проверить: мысленно прочерти вертикаль по стене или дверному косяку. Если линия уезжает в сторону, пересядь перпендикулярно к стене и переставь камеру под прямым углом. Это коварная ошибка, потому что глаз не сразу её ловит: ролик «вроде нормальный, но что-то не то». А «что-то не то» это разъехавшиеся вертикали.

Когда наклон оправдан: осознанный «голландский угол» ради стиля и эмоции, когда понимаешь зачем. Случайный завал от кривой посадки, никогда.

Как сумма правил делает картинку приличной и как её внедрить?

Разберём, что делает картинку «приличной». Это не одна настройка, а сумма множителей:

• Контрастный человек, высокая дельта L, героя чётко видно на фоне.
• Контрастные шрифты, текст читается без обводок.
• Всё в центральном квадрате, глаз не бегает.
• Высокая резкость, много света даёт детализацию и чёткость.
• Нормальный тон кожи, температура около 4000K, кожа не оранжевая.

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

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

Механизм роста простой: сними по чек-листу, посмотри критично сам или пришли на разбор, получи обратную связь по каждому правилу, поправь одно слабое место, сними снова. Каждая итерация поднимает планку. Чем больше гипотез визуала прогонишь, тем сильнее результат, как и при распространении и масштабировании Reels.

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

И главное про порядок приоритетов. Шрифты и кириллица чинятся быстрее всего и сразу поднимают планку, поэтому с них и начинай. Композиция требует внимания на съёмке и монтаже, но входит в привычку за пару недель. Контраст текста подтягивается за счёт того же отхода от фона, что ты уже делаешь ради контраста героя. Один отход от стены чинит и героя, и текст разом, эти правила не складываются в гору работы, а накладываются одно на другое.

Когда НЕ зацикливаться: не вылизывай один ролик неделями. Лучше выложить десять с итерациями, чем полировать один. Объём практики важнее идеала одного кадра.

Чек-лист оформления перед публикацией: что прогнать за минуту?

Сначала сводная таблица ошибок, чтобы видеть, что именно происходит и как чинить:

А теперь готовый артефакт «копируй-применяй». Пройдись по пунктам прямо в редакторе, до экспорта:

1. Шрифтов не больше двух? Эмоциональный + навигационный. Засечки только для одного акцентного слова.
2. Кириллица подгружена? Не стандартный шрифт КапКата, а нормальный из пака.
3. Текст читается без обводки? Дельта 70% между текстом и фоном, подложек нет.
4. Всё важное в центральном квадрате? Заголовок, лицо, субтитры, в центре, не вверху и не внизу.
5. Зум в глаза? Линия глаз держится на месте при смене крупности.
6. Горизонт ровный? Камера под прямым углом 90°, вертикали не косят.
7. Герой контрастный? Дельта L до фона есть, лицо читается.
8. Тон кожи нормальный? Не оранжевый, температура около 4000K.

Если хоть один пункт проседает, поправь до публикации. Я видел кучу хороших роликов с одной такой ошибкой, у всех просмотры были ноль, несмотря на хороший референс и интересную тему.

Кому подходит эта система оформления, а кому нет?

Маршрут на 3 шага, чтобы внедрить без перегруза:

1. Шаг 1, сегодня. Загрузи нормальные кириллические шрифты, оставь пару «эмоциональный + навигационный». Убери всё лишнее, что напихал третьим и четвёртым шрифтом.
2. Шаг 2, на следующих роликах. Сядь перпендикулярно к стене, собери все элементы в центральный квадрат, делай зум в глаза. Проверяй вертикали по стене.
3. Шаг 3, когда первое вошло в привычку. Докрути контраст текста дельтой 70%: отодвинь героя от фона, убери подложки, добейся читаемости без обводок.

Это уже огромный шаг, ты на несколько шагов впереди тех, кто этих ошибок не видит. Когда оформление перестало красть просмотры, переходи к смыслам: подбери форматы Reels под свою нишу и усиль заходы через 8 элементов вирусного ролика.