16:9, 4:5 чи 9:16: який формат для відео-кейсу

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

Безкоштовно у Figma Community · 3 безкоштовні експорти щотижня · без водяного знака

Чому обрізка не працює

Десктопний лендінг на екрані приблизно вдвічі ширший, ніж вищий. Виріжте з нього вертикальне вікно — і лишиться смуга посередині: пів заголовка, третина сітки карток. Якщо ж зменшити всю сторінку під ширину, проблема протилежна: текст стає задрібним для телефона.

Вертикальній версії потрібна власна постановка: сторінка як об’єкт на вертикальній сцені, камера ближче до важливого і заголовок, зверстаний під цей екран.

Довжина йде за форматом

Широка версія може дозволити собі всю сторінку. Вертикальну дивляться люди, які гортають стрічку, тож вона має швидко сказати головне й закінчитись. У Casecut три формати одного проєкту виходять різної довжини саме тому: вертикальний монтаж найкоротший.

Простий порядок

1. Експортуйте всі три одразу. У Casecut три формати — це один запуск експорту.
2. Постіть 16:9 там, де читають. X, LinkedIn, сторінка кейсу на вашому сайті.
3. Постіть 4:5 там, де розглядають. Стрічка, Behance, Dribbble.
4. Постіть 9:16 там, де свайпають. Reels, Stories, TikTok, Shorts.

Спробуйте на власному фреймі

Дизайн-рілси9:16, 4:5 і 16:9 з одного фрейму — кожен зі своєю камерою.ВідкритиВідео-кейсиМоушен-кейс до кожного проєкту — для Behance, Dribbble і X.Відкрити

Ще з блогу

7 жовтня 20262 хв читанняВідео з прототипу Figma: чотири способиЗапис екрана, After Effects, моушен-інструменти й автоматичний проліт.Читати7 жовтня 20262 хв читанняЯк показати дизайн лендінгуПрактична структура для Behance, Dribbble, X і LinkedIn.Читати7 жовтня 20262 хв читанняХовери у Figma — у відеоЯк зібрати варіанти, щоб кнопки й картки показували справжній ховер.Читати