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

❗️ Бета-версия Сториборд оптимизирована для проектов с 30 или менее страницами.

spaces_-MhFNOxEwcl8ED58MUC__uploads_87BuvVyGCWwreaxIPllM_Screenshot 2023-02-28 at 2

Связи сториборд

Связи сториборд — это элементы, которые объясняют значение различных линий, значков и цветов, используемых внутри рабочего пространства.
В сториборд мы используем следующие элементы:

spaces_-MhFNOxEwcl8ED58MUC__uploads_INB1nMGkDNIRqbWnR6hW_Screenshot 2023-02-28 at 3
  1. Сплошная линия используется для представления действия «Переход» или «Вход».
  2. Пунктирная линия используется для представления действия «Нижний лист».
  3. Значок стрелки вправо используется для представления скрытых виджетов.

Выделение маршрутов на странице

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

highlight-route

Перемещение страниц

Возможно, вам захочется изменить стандартное расположение страниц на рабочем пространстве и сгруппировать их. Для этого выберите страницу и перетащите ее в нужное место.

move-pages

Переход на страницу из сториборд

Вы также можете открыть страницу непосредственно из сториборд. Для этого просто дважды щелкните на странице.

open-page