MockuptopВсе руководства

Размеры продуктовых мокапов для соцсетей

Обрезают все площадки, и каждая обрезает по-своему в ленте, в превью и в полном просмотре. Надёжный подход — не заучивать таблицу точных размеров, а проектировать внутри безопасной зоны, переживающей все обычные обрезки, и затем выгрузить пару пропорций из одной композиции.

Три пропорции закрывают почти всё

Квадрат 1080 × 1080 работает почти в любой ленте и является самым безопасным одиночным экспортом. Горизонталь 1200 × 630 закрывает превью ссылок и карточки X и LinkedIn. Вертикаль 1080 × 1350 или 1080 × 1920 закрывает ленту Instagram и истории. Соберите композицию один раз с устройством по центру и щедрым полем, а затем переэкспортируйте в этих трёх пропорциях, меняя кадр, а не масштабируя тот же файл.

Проектируйте под обрезку, которой не видите

Превью в ленте часто обрезают горизонтальную картинку ближе к квадрату, а карточки ссылок режут сверху и снизу. Держите устройство и текст в центральной области — примерно средние 80 процентов по обеим осям — и считайте внешнюю полосу расходным материалом. Подпись, идеальная в вашем экспорте и разрезанная пополам в ленте, — самая частая ошибка в соцсетях.

Движение выигрывает у статики, но коротко

Беззвучная петля на две-четыре секунды, где мокап поворачивается или камера наезжает, стабильно обыгрывает статичную картинку в лентах с автовоспроизведением. Делайте её достаточно короткой, чтобы точка склейки была незаметна, экспортируйте в той же пропорции, что и статику, и всегда загружайте хороший постер, потому что многие поверхности сначала показывают картинку, а некоторые не проигрывают видео никогда.

Частые вопросы

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

1080 × 1080. Он приемлемо показывается почти везде и редко обрезается плохо.

Должны ли соцсетевые мокапы совпадать со скриншотами стора?

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

Нужен ли отдельный мокап для Product Hunt?

Галерея предпочитает горизонталь около 1270 × 760. Достаточно горизонтального экспорта той же композиции.

Сделайте это прямо в браузере. Положите скриншот на 3D-устройство, подвигайте камеру, выгрузите кадр или видео. Без установки и без аккаунта.

Открыть 3D-редактор Открыть фоторедактор
Язык: EN TR DE ES FR IT PT AR RU JA KO