PaintCode - управление исходниками Sketch

Активное освоение новых приемов работы – очень важная часть развития навыков, так как постоянно появляются новые инструменты. Пока я продолжаю экспериментировать, думаю, будет очень полезно поделиться моим текущим процессом форматирования и передачи исходников дизайна интерфейса под iOS. Я пришел к этому процессу через 4 приложения (1 2 3 4), в которых работаю последние 8 месяцев.

Инструменты для хранения исходников

Sketch

Вы знаете Sketch, вы любите его или ненавидите. И в зависимости от момента, в который вы спросите меня, я соглашусь на разные чувства к этой программе.

Страницы используются в Sketch для набросков по микро-проектам в рамках одного приложения: это могут быть отдельные сценарии поведения пользователя или наборы функционала. Для каждой страницы (Page) мы делаем артборд, которые содержит всю отрисованную графику касательно этой части приложения (более детально об этом позже).

Мы создаем все в разрешении 1x в Sketch за исключением скриншотов для App Store. Я много экспериментировал с плотностями экрана, и уверен, что дизайн в 1х для нас – лучший выбор. Мы создаем дизайны в 1х в Sketch, и в бесконечной плотности в PaintCode.

Мы храним файлы Sketch и все другие исходники (шрифты, SVG-файлы, материалы источников графики и т.д.) в директории inVision, синхронизированной с DropBox.

Sketch Measure

Sketch Measure

Когда я создавал дизайн интерфейса приложения в Photoshop, я использовал несколько разных инструментов для генерации спецификаций под разработку. Эти инструменты по-разному стоили и поддерживались. Sketch Measure от Jam Mo – наилучший (и самый быстрый) продукт для спецификаций, который мне доводилось использовать в PS/Sketch, а постоянная поддержка и развитие плагина просто впечатляют… К тому же, он бесплатный. Респект парням-создателям!

PaintCode