Презентации в Sketch: быстро и удобно с Magic Presenter
Наш канал в

Демо-видео Magic Presenter

 

Какие инструменты вы использовали для презентации?

На ум приходят Powerpoint и Keynote, или даже Google Slides. Если вы пользователь Sketch, вероятнее всего вы экспортируете свои дизайны, а потом импортируете их в вышеупомянутые инструменты.

После того, как я сам подготовил несколько презентаций, этот процесс показался мне очень трудоемким. Нехватка интеграции между дизайн-инструментом и программой для создания презентаций явно не лучший вариант. Это особенно чувствуется, когда нужно внести изменения в дизайн, после чего процесс экспорта графики и бегания от одного инструмента к другому придется повторить, чтобы обновить свои слайды. Это попросту утомляет и надоедает.

Я думаю, что дизайн и создание презентаций должны производиться в едином процессе. Поэтому было разработано расширение Magic Presenter для Sketch. С возможностью разработки презентации прямо в Sketch ваш дизайн и есть ваши слайды. Для того, чтобы “сшить” их в презентацию, нужна всего одна горячая клавиша.

Вот как все работает:

Подготовка слайдов

1-CMYSilICKagpeeBqcIwUqQ

Мой набор слайдов для встречи Swift HK на тему “Начало разработки мобильного UI в Sketch”.

Я подготавливаю слайды в артбордах с одинаковым разрешением. Выбирайте разрешение, оптимальное для вашего проектора или экрана компьютера, который будет использоваться для показа. У меня это 1024 * 768.

Войдите в режим презентации

 

Plugins и кликните на “Magic Presenter”, или же воспользоваться горячей клавишей “Ctrl Shift Cmd P”.

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

Полноэкранный режим

Чтобы аудитория могла сфокусироваться на слайдах, вы можете перейти в полноэкранный режим с помощью Magic Presenter. Нажмите “cmd Enter” или просто кликните на маленькую зеленую кнопку в левом верхнем углу.

Изменение порядка слайдов

Порядок слайдов определяется в соответствии с “уровнем” артбордов. Навигатор слева показывает, какой слайд первый, сверху вниз.

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

Слайды могут выглядеть еще лучше

 

Векторный шаблон “Angle” под Macbook Pro от DesignCode.io

Мое второе расширение – Magic Mirror дает возможность проектировать вам свои собственные UI-дизайны с красивыми фотообложками или перспективными фигурами. Они хорошо работают в паре, делая слайды еще красивее.

Планы на будущее

Я удивился тому, что ранее никто не пытался сделать нечто подобное для Sketch, и у меня есть целое поле для улучшений. (Вы можете вносить свои предложения в комментариях). Я планирую добавить:

  1. Переходы между слайдами
  2. Внешние и внутренние ссылки
  3. Анимации для элементов
  4. Быстрый превью, возможность поделиться через браузер
  5. Дистанционное управление с iPhone-приложения

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

Подпишитесь на рассылку

Раз в неделю мы будем присылать на почту дайджест с лучшими материалами

Похожие записи

Полное руководство по дизайну iOS 9 в Sketch

iOS сильно выросла в течение последних лет. С ее iOS 9 апгрейдом, Apple представил новый системный шрифт под названием San Francisco, 3D Touch и многозадачность на iPad. В Xcode вы найдете Stack Views, фантастический инструмент для более адаптивных макетов, гораздо проще Auto Layout.

Самое подробное руководство по дизайну в Sketch

Работая со Sketch последние три года, я освоил ряд ключевых техник, которые значительно улучшили мой рабочий процесс. Так как я, помимо рисования, также обожаю прототипировать и кодить, мне нужен инструмент для быстрого выполнения дизайн-проектов и легкой генерации исходников. Sketch вместе с его плагинами и другие инструменты для прототипирования полностью справляются с этой задачей. Часть 1 Часть 3 Часть 4

Серия уроков Sketch (часть1 из 5): Настройка Sketch

Первое что нам следует изучить, это настройка Sketch. Если вы только начали создавать дизайны для веб и являетесь новичком в Sketch или Photoshop, или вы просто разработчик, желающий включить UI-дизайн в свой репертуар, эти простые уроки по настройке идеально подойдут для быстрого ознакомления с работой Sketch. Часть 2 Часть 3 Часть 4 Часть 5