Прототипы и показ

1Взаимодействия

Назначьте слою триггер (нажатие, наведение или долгое нажатие) и действие:

• Перейти на другой экран с переходом «Сдвиг» или «Затухание».
• Вернуться назад.
• Прокрутить к разделу.
• Открыть URL.

2Анимация

Анимируйте слой при появлении, при прокрутке в область видимости, при наведении или нажатии. Задайте, что меняется (например, ширина, высота или цвет заливки), начальное и конечное значения, длительность, задержку и кривую сглаживания. Экспортированный HTML воспроизводит состояния наведения и нажатия.

3Просмотр

Нажмите Cmd+P. Выберите «Телефон», «Десктоп» или «Холст». Рамка устройства оставляет строку состояния вверху, а панель навигации внизу.

• С помощью «Отметить как экран» и «Сделать стартовым экраном» выберите, какие артборды будут страницами и какой откроется первым.
• Экраны ведут себя как сайт: адресная строка, история по Cmd+[ и Cmd+] или кнопкам мыши и ссылки между разделами.
• Ссылки в шапках и подвалах автоматически связываются с соответствующими экранами.
• Tab переключает фокус между полями ввода и кнопками.

4Слайды и показ

Вкладка «Слайды» показывает артборды в виде слайдов или карточек. Задайте переход («Нет», «Затухание», «Сдвиг» или «Выталкивание») длительностью от 100 миллисекунд до 5 секунд.

Показ запускается по Cmd+Enter. Enter, пробел или Page Down — вперёд; Backspace или Page Up — назад; Home и End — к первому и последнему слайду; Escape завершает показ.