앱에 사용자가 이동할 수 있는 여러 대상이 포함되어 있다면 다른 앱에서 흔히 사용되는 레이아웃 및 탐색 쌍을 사용하는 것이 좋습니다. 많은 사용자가 이미 이러한 쌍에 대한 정신적 모델을 보유하고 있으므로 앱이 더 직관적일 것입니다.
레이아웃 및 탐색 쌍
탐색 메뉴와 모달 탐색 창은 상위 레이아웃 뷰와 기본 탐색 대상의 기본 탐색 패턴으로 사용됩니다.
탐색 메뉴는 동일한 계층 구조 수준에서 3~5개의 탐색 대상을 보유할 수 있습니다. 이 구성요소는 대형 화면의 탐색 레일로 변환됩니다.
탐색 창은 5개 이상의 탐색 대상을 보유할 수 있지만 탐색 메뉴만큼 이상적인 패턴은 아닙니다. 이는 사용자가 소형 크기에서 상단 표시줄에 도달해야 하기 때문입니다.
Material 3 탭과 하단 앱 바는 기본 탐색을 보완하거나 하위 뷰에 표시하는 데 사용할 수 있는 보조 탐색 패턴입니다.
여기서 탭은 형제 콘텐츠를 그룹화하는 보조 탐색 레이어 역할을 합니다.
레이아웃 작업
사용자가 작업을 완료할 수 있도록 컨트롤을 제공합니다. 일반적인 패턴에는 상단 표시줄 작업, 플로팅 작업 버튼 (FAB), 메뉴가 포함됩니다.
가장 중요한 작업의 경우 FAB는 사용자에게 크고 눈에 띄는 버튼을 제공합니다. 이 수준에서는 한 번에 하나의 작업만 제공합니다. FAB는 여러 크기와 라벨이 포함된 확장된 형태로 표시될 수 있습니다. Scaffold를 사용하여 FAB를 고정하여 스크롤할 때도 항상 표시되도록 합니다.
사용자가 식물 갤러리에 식물을 추가할 수 있는 플로팅 작업 버튼 (FAB)
보조 작업은 상단 표시줄 내에 배치하거나 관련 콘텐츠 근처에 그룹화된 경우 페이지 내에 배치할 수 있습니다.
즉시 또는 자주 필요하지 않은 추가 작업은 더보기 메뉴에 추가합니다.
적응형 탐색
창 크기 클래스에 적합한 레이아웃을 사용합니다. 크기 전반에 동일한 하단 탐색 메뉴를 사용하지 마세요.
권장사항
금지사항
중간 크기는 탐색 레일 또는 가로 탐색 항목을 사용할 수 있습니다.
탐색 레일은 소형이지만 커버 화면에서 더 인체공학적일 수 있습니다.
더 큰 커버는 탐색 방향을 활용할 수 있습니다. 사용자가 콘텐츠와 상호작용하는 방법을 고려합니다.