Презентация дизайна с помощью Sketch

 

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

Желательно, чтобы был ландшафтный формат в разрешении 16:9, PDF, и размер должен быть подходящим для пересылки по электронной почте, с копией в Dropbox. Лучше иметь две версии – с низким и высоким разрешением, одна версия детализированная, другая краткая и так далее.

Если вы создаете дизайн интерфейса в Sketch, у вас большие шансы получить в итоге огромный файл. Куча дизайнов, исходников, символов и стилей на десятках или сотнях артбордов. И все это работа в процессе, которая эволюционирует с каждым днем, и каждая мельчайшая перемена затрагивает различные части проекта. И последнее, на что вы бы хотели тратить свое время – это экспорт артбордов и бесконечное обновление ссылок в параллели презентации Keynote, Powerpoint или InDesign.

Но приходится идти на поводу у организационных требований, и создавать сто вариантов презентации, а потом и постоянно поддерживать их в актуальном состоянии. Как же это реализовать? Создайте комбинированный файл Sketch с дизайном и презентацией (набором слайдов) в одном!

 

 

Настройка артбордов: артборды с дизайном вверху и артбордами Slide Deck (слайды) внизу.

Вот такую конфигурацию мне нравится использовать. Я позиционирую все мои артборды с интерфейсом горизонтально слева направо на бесконечном канвасе. Затем я создаю артборды Slide Deck 16:9 снизу дизайнов. Теперь я могу переместить мои артборды с интерфейсом на артборды Slide Deck даже безо всякого дублирования или сглаживания. Затем я выделяю мои артборды Slide Deck и экспортирую их.

 

 

Никогда не дублируйте и не сглаживайте ничего. Просто передвигайте свои артборды.

Вот настоящая магия – все артборды внутри других артбордов автоматически включаются в экспорт артборда-контейнера. В зависимости от типа нужного мне слайда, я делаю мои UI-артборды примерно соответствующими их слайдовым двойникам.

 

Презентация дизайна с помощью Sketch

 

Артборды внутри другого артборда автоматически включаются в экспорт. Убедитесь, что для экспорта вы выделяете только внешние артборды.

Когда слайды готовы, есть несколько способов превратить их в презентабельную, пригодную для рассылки PDF-презентацию. Можно быстро экспортировать слайды в отдельные PDF-файлы, открыть их в Adobe Acrobat, и воспользоваться опцией “Combine Files” и сохранить все в один PDF.

PDF в Sketch

 

Чтобы не пришлось париться с каждым слайдом, придерживайтесь правильного порядка артбордов Sketch в списке слоев. Если вдруг все вышло из-под контроля, можно воспользоваться несколькими плагинами, которые помогут вам быстро отсортировать слои и артборды.

 

Готовая презентация макета дизайна

 

Презентация в завершенном виде

Обновление набора слайдов в файле Sketch, возможно, и не станет самым удачным способом разработки презентации, но в некоторых условиях такой подход действительно спасает и экономит массу времени. Не придется постоянно вручную изменять несколько экспортированных версий, не надо задействовать кучу приложения вроде Keynote, Powerpoint, Indesign и т.д. Это очень удобно для случаев, когда дизайн итерируется ежедневно или еженедельно, и надо постоянно отчитываться о проделанной работе с наглядными материалами.

 

Перевод статьи medium.com от автора Jørgen Eidem.