1. Запуск просмотра

Предварительный просмотр прототипа можно запустить тремя способами:

нажмите Запустить в правом верхнем углу;

наведите указатель на сценарий в списке на правой панели и нажмите появившуюся кнопку Запустить;

нажмите Запустить в левом верхнем углу фрейма.

2. Модель устройства

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

Совет: можно переключаться между книжной и альбомной ориентацией.

3. Общий доступ к прототипу

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

4. Масштаб просмотра

В режиме демонстрации доступны четыре варианта масштаба и два дополнительных параметра.

• Полный просмотр: фрейм выравнивается по верхнему краю или ширине, чтобы показать все содержимое с автоматическими отступами по краям.
• Масштаб 100%: размер на экране полностью соответствует фактическому размеру фрейма.
• Вписать в экран: ширина фрейма автоматически подстраивается под область просмотра.
• Заполнить экран: масштаб подстраивается с учетом соотношения сторон. Для длинной страницы по области просмотра выравнивается высота, а для широкой — ширина.
• Выделять интерактивные области: активные области всегда остаются подсвеченными.
• Скрыть элементы управления: все элементы управления скрываются.

Совет: нажмите кнопку полноэкранного режима в правом верхнем углу, чтобы максимально увеличить область просмотра широкого содержимого.

5. Переключение фреймов

Переключайте фреймы стрелками влево и вправо в верхней части экрана (горячие клавиши: ← →). Чтобы быстро вернуться к первому фрейму, нажмите Перезапустить (горячая клавиша: R).

6. Подсветка активных областей

Щелкните по фону области просмотра, чтобы подсветить активные области с интерактивными событиями.

Совет: нажмите Shift + 8, чтобы активные области оставались подсвеченными.

7. Сценарии взаимодействия

В левой части страницы просмотра находится список сценариев. Здесь можно просмотреть нужный сценарий или найти относящийся к нему фрейм.

8. Иммерсивный режим

Щелкните по фону области просмотра или запустите взаимодействие, чтобы перейти в иммерсивный режим. Все элементы управления будут скрыты и не станут отвлекать от прототипа. Чтобы вернуть их, снова щелкните по фону.

Совет: нажмите Shift + 9, чтобы иммерсивный режим оставался включенным.