Storyboard 뷰를 사용하면 앱의 전반적인 디자인과 탐색을 시각화할 수 있습니다. Storyboard에서는 앱을 구성하는 다른 화면과 사용자 상호 작용을 볼 수 있습니다. 이를 통해 사용자가 어떻게 앱을 탐색할지 볼 수 있으며 사용자 경험이 가능한 한 직관적이고 사용자 친화적이도록 보장할 수 있습니다.

스토리 보드를 사용하면 탐색 문제나 막다른 곳을 식별하고 해결할 수도 있습니다. 이렇게 하면 나중에 문제를 수정하는 데 사용되는 시간과 리소스를 절약할 수 있습니다.

<aside> 💡 저희 베타 버전 스토리보드는 30 페이지 이하의 프로젝트에 최적화되어 있습니다.

</aside>

Storyboard

Storyboard legend

스토리보드에서 레전드는 캔버스 내부에서 사용되는 다른 라인, 아이콘 및 색상의 의미를 설명하는 시각적인 키 또는 가이드입니다.

우리는 스토리보드 내부에서 다음 요소들을 사용합니다:

Storyboard legend

1. Navigate 또는 Login 동작을 나타내는 실선을 사용합니다.
2. Bottom Sheet 동작을 나타내는 점선을 사용합니다.
3. 오른쪽 화살표 아이콘은 숨겨진 위젯을 나타냅니다.

Highlight routes on a page

스토리보드에서 많은 페이지가 표시되면, 특정 페이지에서 어느 경로가 어디로 가는지 식별하기 어려울 수 있습니다. 특히 라인이 서로 겹치는 경우 더욱 그렇습니다. 특정 페이지에서 들어오는 경로와 나가는 경로를 강조하려면, 페이지를 클릭하면 경로가 파란색으로 강조됩니다.

Highlight routes on a page

Move pages

캔버스의 기본 페이지 배열을 조정하고 동일한 기능에 속하는 페이지를 그룹화하는 것이 좋을 수도 있습니다. 이를 위해 페이지를 선택하고 원하는 위치로 끌어다 놓으세요.

Move pages

Open a page from Storyboard