Темы:
процесс
видео
шаблон
app store

eng

2018 - Киев 🇺🇦

Александр Калиберда

Работаю видео продюсером в Playcus. Автоматизирую производство рекламы.
Здесь пишу о своем опыте



Будь в курсе
новых заметок


︎

17.08.2018

Прекрати гуглить требования для витрин приложений!


Сейчас приложения зачастую выходят сразу на нескольких платформах. Самые популярные – это App Store и Google Play, но для игр также актуальны Facebook и Gameroom.

Технические требования у всех платформ разные, и запомнить их сложно. Чтобы упростить себе жизнь работу, мы в Playcus собрали и стуктурировали все требования в таблицу.


Сейчас я работаю с четырьмя платформами: 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. Все упорядочено в одном месте.

Таблица еще не полная, но уже вполне работоспособная :) Рекомендую сделать копию и модифицировать под свои нужды. Например, добавляй платформы, для которых ты оформляешь витрины приложений. Мне интересно совместно работать над упорядочиванием технических требований к разным платформам.

Ты работаешь с другими платформами и тебя тоже интересует, как упорядочить технические требования?
Давай вместе!


︎

Напиши мне
13.04.2018

Шаблон витрины 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: экспорт,  компоненты, панель слоев

Будь в курсе
новых заметок


︎