Эра вертикального контента: Видео, комиксы и глянец на смартфоне
Или: Почему TikTok убил горизонтальное видео, а WEBTOON переизобрел журналы, но браузеры всё равно пытаются вас спасти
Помните диафильмы? Вы вставляли плёнку в проектор, и картинки сменяли друг друга. Вы сидели и смотрели, листали вперёд, разглядывали детали. Это было вертикальное потребление контента задолго до смартфонов.
Сейчас этот формат вернулся. Только вместо плёнки — экран телефона. Вместо проектора — приложение. А вместо диафильмов — комиксы, которые вы листаете сверху вниз, и видео, которые занимают весь экран.
Ирония: то, что мы придумали 50 лет назад, сегодня стало главным трендом цифрового потребления. И это не случайно.
В предыдущей статье мы разобрали разницу между «ленточным» (TikTok, Reels, Shorts) и «классическим» (YouTube, сайты) потреблением видео. Но эта дихотомия работает не только для видео.
Все визуальные форматы делятся на два типа:
Вывод: нельзя оценивать формат «в вакууме». Он всегда привязан к сценарию потребления.
Вы упомянули, что «глянцевые журналы» (где картинка важнее текста) могли бы выстрелить в вертикальном формате. И вы абсолютно правы.
Кейс: WEBTOON и вертикальные комиксы
WEBTOON — это платформа цифровых комиксов, которая полностью перевернула индустрию. Вместо традиционного горизонтального листания (слева направо) они предложили вертикальную прокрутку.
Почему это работает:
Что это значит для глянца
Глянцевые журналы (мода, дизайн, интерьеры) — это тот же формат «картинка важнее текста». Раньше их верстали как PDF для iPad, но это не взлетело. Причина: горизонтальные развороты на планшете неудобны, а вертикальные экраны телефонов «режут» картинку.
Но концепция вертикального глянца возможна. Если взять принципы WEBTOON и применить к модным журналам, интерьерным изданиям, галереям искусства — может выстрелить.
Пока мы описываем правила адаптации дизайна под разные устройства, современные мобильные браузеры пытаются делать то же самое — но уже на своей стороне.
Яндекс Браузер для Android имеет встроенные нейросети, которые могут пересказывать длинные статьи, переводить видео и даже редактировать тексты . А в марте 2026 года Яндекс добавил режим сплитвью — разделение экрана на две части: слева открытая страница, а справа чат с нейросетью .
Safari на iOS имеет режим чтения (Reader Mode), который автоматически удаляет всё лишнее (рекламу, баннеры, боковые панели) и оставляет только основной контент страницы. Чтобы включить его, нужно нажать на значок с четырьмя горизонтальными линиями в адресной строке — и сайт превращается в чистый, удобный для чтения текст .
Samsung Internet Browser (доступный на Android-устройствах) умеет неплохо адаптировать изображения и текст на страницах сайтов так, чтобы читать было комфортно в одну колонку без горизонтальных прокруток. Ещё лучше этот браузер работает на планшетах.
Для десктопов существуют расширения для Chrome и других браузеров, которые делают то же самое: убирают мусор, оставляют контент.
То есть, если ваш сайт недостаточно адаптивен, браузер пытается это исправить. Он сам решает, как лучше показать контент пользователю, игнорируя вашу вёрстку.
Но самое забавное заключается в другом.
Если контент реально ценный и полезный, его будут потреблять независимо от качества вёрстки или адаптации браузера.
Почему?
Потому что сам человек является самой лучшей адаптивной моделью, которая подстраивается под что угодно. Для этого нужны только время и привыкание. Будут найдены необходимые паттерны, и человек оптимизирует потребление нужной ему информации.
Это хорошо заметно на примере попыток внедрить 3D-кинотеатры для просмотра фильмов. Эффект 3D-присутствия в специальных очках восхищал буквально первые несколько минут.
Потом мозг адаптировался, и зритель переставал замечать 3D-картинку. Чтобы эффект появился вновь, приходилось снимать очки, проморгаться и одеть опять — буквально на минутку. А потом мозг снова адаптировался, и вы опять видели обычное двумерное кино .
Исследования подтверждают: примерно половина зрителей воспринимают объём не за счёт бинокулярного зрения (разницы картинок для левого и правого глаза), а с помощью других зрительных данных — геометрии теней, перспективы, заслонения дальних объектов ближними . И в условиях просмотра динамичных кадров у многих возникает стереослепота — отказ мозга воспринимать объём, несмотря на наличие 3D-эффекта.
Более того, научное исследование 2012 года показало, что 3D-презентация не улучшает запоминание контента по сравнению с 2D. Более того, 3D приводила к снижению положительных эмоций и увеличению отрицательных .
Вывод: эффект 3D был настолько кратковременным, что люди просто перестали «клевать» на 3D-кинотеатры. Сама технология, кроме удорожания сеансов, по сути не взлетела. Потому что мозг адаптируется ко всему, что ему предлагают.
То же самое происходит и с ужасной вёрсткой на сайтах. Если контент действительно нужен пользователю, он найдёт способ его прочитать:
Но это не значит, что можно забить на адаптивность. Потому что если контент не уникален — пользователь просто уйдёт к конкурентам, у которых сайт удобнее.
Да, пользователь может привыкнуть к чему угодно. Да, браузеры пытаются «спасти» неудобные сайты. Да, мозг — лучший адаптивный механизм.
Но ваша задача как разработчика — не заставлять пользователя адаптироваться.
Ваша задача — сделать так, чтобы ему не пришлось этого делать.
А браузеры пусть занимаются своим делом — исправляют чужие ошибки. 😏
P.S. Если вы всё ещё используете горизонтальные превью для вертикального видео — ничего страшного. Главное, чтобы под превью был понятный заголовок. А если вы используете вертикальные превью в ленте — переделывайте. Иначе пользователь просто пролистает мимо. А браузер ему в этом даже не поможет.
🎬 Пролог: Диафильмы из детства возвращаются
Помните диафильмы? Вы вставляли плёнку в проектор, и картинки сменяли друг друга. Вы сидели и смотрели, листали вперёд, разглядывали детали. Это было вертикальное потребление контента задолго до смартфонов.
Сейчас этот формат вернулся. Только вместо плёнки — экран телефона. Вместо проектора — приложение. А вместо диафильмов — комиксы, которые вы листаете сверху вниз, и видео, которые занимают весь экран.
Ирония: то, что мы придумали 50 лет назад, сегодня стало главным трендом цифрового потребления. И это не случайно.
🧩 Акт 1: Два сценария — два формата
В предыдущей статье мы разобрали разницу между «ленточным» (TikTok, Reels, Shorts) и «классическим» (YouTube, сайты) потреблением видео. Но эта дихотомия работает не только для видео.
Все визуальные форматы делятся на два типа:
| Характеристика | Ленточное потребление (TikTok, Reels, WEBTOON) | Классическое потребление (YouTube, сайт, комиксы по страницам) |
| Как открывают | Бесконечный скроллинг, контент сам подгружается | Целенаправленный клик, выбор конкретного контента |
| Экран | Вертикальный, контент занимает почти весь экран | Горизонтальный или квадратный, контент — часть интерфейса |
| Текст | Поверх контента (субтитры, подписи) или минимальный | Отдельно от контента: заголовок, описание, комментарии |
| Время удержания | Короткое (15–60 секунд на единицу) | Долгое (минуты на единицу) |
Вывод: нельзя оценивать формат «в вакууме». Он всегда привязан к сценарию потребления.
📱 Акт 2: Что происходит с комиксами и глянцем
Вы упомянули, что «глянцевые журналы» (где картинка важнее текста) могли бы выстрелить в вертикальном формате. И вы абсолютно правы.
Кейс: WEBTOON и вертикальные комиксы
WEBTOON — это платформа цифровых комиксов, которая полностью перевернула индустрию. Вместо традиционного горизонтального листания (слева направо) они предложили вертикальную прокрутку.
Почему это работает:
- Не нужно поворачивать телефон. Пользователь держит смартфон как обычно — вертикально.
- Бесконечный скроллинг. Как в ленте соцсетей — листаешь и листаешь.
- Крупные панели. Каждая панель (кадр) растягивается на всю ширину экрана, видно детали.
Что это значит для глянца
Глянцевые журналы (мода, дизайн, интерьеры) — это тот же формат «картинка важнее текста». Раньше их верстали как PDF для iPad, но это не взлетело. Причина: горизонтальные развороты на планшете неудобны, а вертикальные экраны телефонов «режут» картинку.
Но концепция вертикального глянца возможна. Если взять принципы WEBTOON и применить к модным журналам, интерьерным изданиям, галереям искусства — может выстрелить.
🛠️ Акт 3: Браузеры пытаются вас спасти (от вас самих)
Пока мы описываем правила адаптации дизайна под разные устройства, современные мобильные браузеры пытаются делать то же самое — но уже на своей стороне.
Что делают браузеры
Яндекс Браузер для Android имеет встроенные нейросети, которые могут пересказывать длинные статьи, переводить видео и даже редактировать тексты . А в марте 2026 года Яндекс добавил режим сплитвью — разделение экрана на две части: слева открытая страница, а справа чат с нейросетью .
Safari на iOS имеет режим чтения (Reader Mode), который автоматически удаляет всё лишнее (рекламу, баннеры, боковые панели) и оставляет только основной контент страницы. Чтобы включить его, нужно нажать на значок с четырьмя горизонтальными линиями в адресной строке — и сайт превращается в чистый, удобный для чтения текст .
Samsung Internet Browser (доступный на Android-устройствах) умеет неплохо адаптировать изображения и текст на страницах сайтов так, чтобы читать было комфортно в одну колонку без горизонтальных прокруток. Ещё лучше этот браузер работает на планшетах.
Для десктопов существуют расширения для Chrome и других браузеров, которые делают то же самое: убирают мусор, оставляют контент.
Ирония
То есть, если ваш сайт недостаточно адаптивен, браузер пытается это исправить. Он сам решает, как лучше показать контент пользователю, игнорируя вашу вёрстку.
🧠 Акт 4: Великий парадокс — мозг адаптируется ко всему
Но самое забавное заключается в другом.
Если контент реально ценный и полезный, его будут потреблять независимо от качества вёрстки или адаптации браузера.
Почему?
Потому что сам человек является самой лучшей адаптивной моделью, которая подстраивается под что угодно. Для этого нужны только время и привыкание. Будут найдены необходимые паттерны, и человек оптимизирует потребление нужной ему информации.
Пример с 3D-кинотеатрами
Это хорошо заметно на примере попыток внедрить 3D-кинотеатры для просмотра фильмов. Эффект 3D-присутствия в специальных очках восхищал буквально первые несколько минут.
Потом мозг адаптировался, и зритель переставал замечать 3D-картинку. Чтобы эффект появился вновь, приходилось снимать очки, проморгаться и одеть опять — буквально на минутку. А потом мозг снова адаптировался, и вы опять видели обычное двумерное кино .
Исследования подтверждают: примерно половина зрителей воспринимают объём не за счёт бинокулярного зрения (разницы картинок для левого и правого глаза), а с помощью других зрительных данных — геометрии теней, перспективы, заслонения дальних объектов ближними . И в условиях просмотра динамичных кадров у многих возникает стереослепота — отказ мозга воспринимать объём, несмотря на наличие 3D-эффекта.
Более того, научное исследование 2012 года показало, что 3D-презентация не улучшает запоминание контента по сравнению с 2D. Более того, 3D приводила к снижению положительных эмоций и увеличению отрицательных .
Вывод: эффект 3D был настолько кратковременным, что люди просто перестали «клевать» на 3D-кинотеатры. Сама технология, кроме удорожания сеансов, по сути не взлетела. Потому что мозг адаптируется ко всему, что ему предлагают.
Что это значит для вёрстки
То же самое происходит и с ужасной вёрсткой на сайтах. Если контент действительно нужен пользователю, он найдёт способ его прочитать:
- Увеличит шрифт в настройках браузера.
- Включит режим чтения.
- Повернёт экран.
- Просто привыкнет к неудобному интерфейсу.
Но это не значит, что можно забить на адаптивность. Потому что если контент не уникален — пользователь просто уйдёт к конкурентам, у которых сайт удобнее.
🎯 Акт 5: Что в итоге
- Браузеры пытаются адаптировать контент за вас. Яндекс Браузер, Safari, Samsung Internet — у всех есть режимы чтения, нейросети и другие инструменты, которые «исправляют» неудобные сайты.
- Мозг адаптируется ко всему. 3D-кино не взлетело, потому что эффект пропадал через несколько минут. Плохая вёрстка тоже не остановит пользователя, если контент очень нужен.
- Но полагаться на это — плохая стратегия. Если ваш сайт неудобен, а у конкурента удобен — пользователь выберет конкурента. Адаптивность — это не прихоть, а вопрос выживания в конкурентной среде.
- Вертикальный контент не «победил» горизонтальный. Он занял свою нишу: быстрое, эмоциональное, развлекательное потребление на смартфонах. Горизонтальный формат остаётся для длинного, вдумчивого контента.
🔮 Эпилог: Правила адаптации — это не догма, а инструмент
Да, пользователь может привыкнуть к чему угодно. Да, браузеры пытаются «спасти» неудобные сайты. Да, мозг — лучший адаптивный механизм.
Но ваша задача как разработчика — не заставлять пользователя адаптироваться.
Ваша задача — сделать так, чтобы ему не пришлось этого делать.
- Сделайте превью горизонтальными или квадратными.
- Сделайте плеер адаптивным под формат видео.
- Добавьте субтитры (особенно для вертикального видео).
- Используйте aspect-ratio в CSS.
- Проверяйте сайт на реальных устройствах.
А браузеры пусть занимаются своим делом — исправляют чужие ошибки. 😏
P.S. Если вы всё ещё используете горизонтальные превью для вертикального видео — ничего страшного. Главное, чтобы под превью был понятный заголовок. А если вы используете вертикальные превью в ленте — переделывайте. Иначе пользователь просто пролистает мимо. А браузер ему в этом даже не поможет.