UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Презентация дизайна с помощью Sketch
Редакція
Редакція

Опубліковано • Оновлено

Презентация дизайна с помощью 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 и т.д. Это очень удобно для случаев, когда дизайн итерируется ежедневно или еженедельно, и надо постоянно отчитываться о проделанной работе с наглядными материалами.


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

Топ коментарі (0)