Работаю видео продюсером в Playcus. Автоматизирую производство рекламы.
Здесь пишу о своем опыте
Будь в курсе
новых заметок
︎
Прекрати гуглить требования для витрин приложений!
Сейчас приложения зачастую выходят сразу на нескольких платформах. Самые популярные – это App Store и Google Play, но для игр также актуальны Facebook и Gameroom.
Технические требования у всех платформ разные, и запомнить их сложно. Чтобы упростить себе
Сейчас я работаю с четырьмя платформами: App Store, Google Play, Facebook, Amazon. Копию таблицы шарю в открытый доступ (смотреть лучше с ноутбука). Таблица собрана в Airtable, это аналог Google Sheets.
Name – так называтся исходник, чтобы тот, кто будет наполнять витрину, смог разобраться. Имя формируеться из двух частей: в первых скобках сокращенное название платформы (AS – App Store, GP – Google Play, FB – Facebook, AZ – Amazon), во вторых скобках – название креатива, как в гайдах платформы.
Full requirments – текст технических требований, взятый из гайда.
Best Practice – столбец, где собираются лучшие практики использования конкретного креатива.
Guide – ссылка на страницу гайда.
Platform – вспомогательный параметр, позволяет сортировать по платформам. Полезно, если вам нужно сосредоточится только на одной или нескольких конкретных платформах.
Type of creative – разделяет креативы по типу. Как и в случае с Platform, можно отсортировать требования, но уже по типу. Например, показать только тех. требования к скриншотам на всех платформах.
Device, ratio, orientation – тоже для сортировки, но по соответствующим параматрам.
Size – размер креатива.
И самое полезное – Link to Template это ссылка на мокап. По большому счету это все что нужно. В мокапе уже выставленны нужные размеры, есть направляющие для сложной графики типа обложки страницы приложения в Facebook или feature graphic для Amazon.
Таблица помогает быстрее найти требования для графики и видео. Мне теперь не приходится гуглить каждый раз, когда нужно создать баннер для App Store. Все упорядочено в одном месте.
Таблица еще не полная, но уже вполне работоспособная :) Рекомендую сделать копию и модифицировать под свои нужды. Например, добавляй платформы, для которых ты оформляешь витрины приложений. Мне интересно совместно работать над упорядочиванием технических требований к разным платформам.
Ты работаешь с другими платформами и тебя тоже интересует, как упорядочить технические требования?
Давай вместе!
︎
Напиши мне
Шаблон витрины App Store Mockup (V1.0) для тестирования иконки и скриншотов
Есть много онлайн-сервисов для проверки внешнего вида витрины приложения. Я ими не пользуюсь, так как они не интегрируются с основным инструментом работы (Photoshop, Sketch, Figma). Важно в процессе создания графики сразу видеть, что будет в итоге, а не загружать промежуточные результаты по 100500 раз. Сейчас я использую сделанные “на коленках” шаблоны в Photoshop. Они некрасивые, но свою функцию выполняют исправно.
В этой заметке я расскажу о первой попытке причесать шаблон без потери основной функции.
Шаблон сделан в Figma. Это условно бесплатный инструмент (может полнофункционально работать в браузере) для создания интерфейсов и прототипов, аналог Sketch. В отличие от Photoshop, намного легче и быстрее. Работает на Windows и IOS, а Sketch только на IOS.
Чтобы шаблоном могли пользоваться не только дизайнеры, но и маркетологи, я решил начать с Figma.
Компоненты
Шаблон построен с помощью компонентов (аналог смарт-объектов Photoshop). Позволяет на лету обновлять изменения иконки во всех местах, где она присутствует. Работает и со скриншотами.
Превью графики основных страниц App Store на iPad и iPhone
Умеет показывать превью страницы приложения, поиска и иконку на рабочем столе для iPad (Pro, Air) и iPhone (7, X). Можно по старинке скидывать картинку превью на утверждение в чат или добавить пользователя и точечно обсуждать оформление прямо в макете.
Комментирование в макете
Превью
Вывод графики в соответствии с техническими требованиями
Экспортирует графику для загрузки в App Store. Удобно, если создавать графику в Figma.
Плюшки
Шаблон можно модифицировать: менять цвет устройства, композицию превью. Расстояние между скриншотами пропорционально действительным на странице приложения. Удобно в случае, если нужно нарисовать переходящие элементы на нескольких скриншотах.
Как использовать
Открой ссылку, авторизируйся/зарегистрируйся, скопируй шаблон
Как работает Figma: экспорт, компоненты, панель слоев
Будь в курсе
новых заметок
︎