Руководство по мокапам и графике для сторов

Тридцать практических руководств про мокапы устройств, размеры скриншотов для App Store и Google Play, промо-видео, движения камеры и настройки экспорта — от команды, которая делает Mockuptop.

• Размеры скриншотов App Store без таблицКакие размеры скриншотов iPhone и iPad принимает App Store Connect, сколько их можно загрузить и почему обычно хватает одного набора.
• Размеры скриншотов и графики стора в Google PlayРазмеры для телефона, планшета, баннера и иконки на странице Play, а также ограничения пропорций, из-за которых загрузка не проходит.
• Превью-видео: требования и рабочая структураДлительность, разрешение, частота кадров и правила содержания превью App Store, плюс монтаж на 20 секунд, который работает без звука.
• Промо-видео Play и как заслужить это местоКак устроено промо-видео Play, почему это ссылка на YouTube, а не загрузка файла, и как построить первые пять секунд.
• Баннер, который переживает уменьшениеПравила дизайна баннера Google Play: безопасные зоны, размер текста и почему центр должен оставаться пустым.
• Как поместить скриншот внутрь мокапа iPhoneПошаговый способ превратить сырой скриншот в мокап устройства: пропорции, углы и выбор фона.
• Мокапы Android для страницы в PlayЧем мокап Android отличается от iPhone, какие пропорции выбрать и как сохранить единство страницы Play.
• Мокапы ноутбуков, которые делают веб-приложение убедительнымКак показать веб-приложение в мокапе ноутбука: ширина съёмки, угол крышки, тени и когда лучше плоская рамка браузера.
• Планшетные мокапы и почему сторы на них настаиваютРазмеры планшетных скриншотов, вертикаль или горизонталь и почему сторы считают эти материалы сигналом качества.
• Мокапы часов: маленький экран, большая проблема кадраКак убедительно показать крошечный экран: кадрирование, масштаб, ремешок и почему компоновка отличается от телефона.
• Осознанное использование 3D-мокаповРазница между плоским шаблоном и настоящим 3D-рендером и как использовать перспективу без потери читаемости.
• Рамка или чистый скриншот: решайте по местуКогда рамка помогает конверсии, когда тратит пиксели впустую и как решать по месту размещения, а не по привычке.
• Как писать подписи для скриншотов стораКак писать и размещать текст на скриншотах стора, чтобы он читался в миниатюре и добавлял то, чего не может картинка.
• Основную работу делает ваш первый скриншотПочему первая картинка карусели весит непропорционально много и как её выбрать и оформить.
• Предполётный чек-лист для графики стораКороткий предполётный список: размеры, порядок, подписи, локализация, единство и ошибки, приводящие к отказу.
• Локализация без одиннадцати переделокКак собрать набор скриншотов, который чисто переводится, какие языки окупаются и какие решения вёрстки удешевляют локализацию.
• Светлая или тёмная: какая тема идёт на страницуПоказывать приложение светлым или тёмным, как на выбор влияет фон стора и как показать обе темы, не удваивая работу.
• Фон, который оставляет экран главнымКак выбрать фон, оставляющий интерфейс в фокусе: направление градиента, контраст и работа с фирменным цветом.
• Освещение мокапа так, чтобы он выглядел предметомПрактичная схема из трёх источников, почему металл и стекло уходят в чёрный и как поставить контактную тень, которая заземляет, но не доминирует.
• Ракурсы: пять кадров, закрывающих почти всёКак наклон, поворот, угол обзора и зум влияют друг на друга в 3D-мокапе и какие кадры сохраняют экран читаемым.
• Ключевые кадры: минимальная работающая модельКак работают ключевые кадры в редакторе мокапов, какие свойства стоит анимировать и сколько кадров на самом деле нужно хорошему плану.
• Плавность отличает движение от осмысленного движенияЧто делают кривые плавности, какие подходят продуктовому движению и какие ошибки делают ролик любительским.
• Как на самом деле собирается ролик на 20 секундСтруктура по планам для короткого продуктового видео, с таймингами, задачей каждого такта и местом, где проваливается большинство попыток.
• Выбор формата экспорта для мокапаКакой формат выбрать для сторов, сайтов и соцсетей и как прозрачность и градиенты меняют ответ.
• Экспорт видео мокапа, которое не выглядит пережатымРазрешение, частота кадров, битрейт и кодек при экспорте анимированного мокапа и почему покадровый экспорт лучше записи экрана.
• Прозрачные мокапы: полезны везде, кроме сторовЭкспорт мокапа с альфа-каналом, где прозрачность помогает и где из-за неё загрузку отклонят.
• Мокап в шапке лендингаКак использовать мокап на лендинге: размер, кадрирование, статика или видео и как сохранить скорость страницы.
• Размеры продуктовых мокапов для соцсетейПрактичные пропорции для X, LinkedIn, Instagram и Product Hunt и безопасные зоны, спасающие от катастроф с обрезкой.
• Мокапы устройств и юридические вопросы, которые пропускаютПрактические правила использования изображений устройств в маркетинге: знаки, лицензии на фото и почему нейтральное устройство — вариант с низким риском.
• Как превратить запись экрана в превью для стораПолный маршрут: чистая запись на устройстве или симуляторе, подрезка, укладка в мокап и экспорт, готовый для стора.