Презентації в Sketch: швидко і зручно з Magic Presenter

1. Демо-відео Magic Presenter Які інструменти ви використовували для презентації? На думку спадають...
2. Увійдіть в режим презентації
3. Повноекранний режим
4. Зміна порядку слайдів
5. Слайди можуть виглядати ще краще
6. Плани на майбутнє

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

Які інструменти ви використовували для презентації?

На думку спадають Powerpoint і Keynote, або навіть Google Slides. Якщо ви користувач Sketch , Найімовірніше ви експортуєте свої дизайни, а потім імпортуєте їх в вищезгадані інструменти.

Після того, як я сам підготував кілька презентацій, цей процес здався мені дуже трудомістким. Брак інтеграції між дизайн-інструментом і програмою для створення презентацій явно не кращий варіант. Це особливо відчувається, коли потрібно внести зміни в дизайн, після чого процес експорту графіки і бігання від одного інструменту до іншого доведеться повторити, щоб оновити свої слайди. Це просто стомлює і набридає.

Я думаю, що дизайн і створення презентацій повинні проводитися в єдиному процесі. Тому було розроблено розширення Magic Presenter для Sketc h. З можливістю розробки презентації прямо в Sketch ваш дизайн і є ваші слайди. Для того, щоб "зшити" їх в презентацію, потрібна всього одна гаряча клавіша.

Ось як все працює:

підготовка слайдів

Мій набір слайдів для зустрічі 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-додатки

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