탐색 모음에 대한 지침(Windows 스토어 앱)

Windows 스토어 앱의 탐색 모음 작업을 하는 경우 다음 지침을 따릅니다. 탐색 모음은 앱의 맨 위에 표시되고 탐색 컨트롤을 포함하는 앱 바입니다. 탐색 모음은 탭, 문서, 메시징 또는 게임 세션을 비롯한 여러 컨텍스트 간에 전환하는 데 유용합니다.

탐색 모음을 사용해야 하는 경우

앱의 기본 캔버스나 탐색 모음에 탐색 컨트롤을 배치한 다음 오른쪽 화면을 선택하여 앱을 쉽게 사용할 수 있습니다. 탐색 모음은 필요 시 앱의 모든 영역에 대한 전역 액세스를 제공하려는 경우에 유용합니다. 캔버스는 작업을 완료하기 위해 탐색이 필요한 경우에 유용합니다. 예를 들어 사진 파일을 찾아서 보는 데만 사용되는 사진 검색 앱에서 모든 탐색은 콘텐츠를 탭하거나 이동하거나 선택하여 캔버스에서 수행되어야 하며, 캔버스에 검색 상자를 배치하여 사용자가 파일을 쉽게 찾을 수 있도록 해야 합니다.

탐색 모음의 구조

사용자가 위쪽 또는 아래쪽 가장자리에서 살짝 밀면 탐색 모음이 나타납니다. 위쪽 앱 바 안에 탐색 모음을 배치하기 때문에 사용되는 애니메이션은 앱 바 애니메이션과 같습니다. 탐색 모음의 항목에 스타일을 지정할 수 있지만 기본 모양은 단순한 단추입니다. 그러나 또 다른 일반적인 시각적 처리는 단추와 미리 보기 사용입니다.

단추와 미리 보기가 포함된 탐색 모음 그림

위쪽 앱 바에 다른 기능을 추가할 수도 있습니다. 예를 들어 새로운 탭 또는 세션을 만드는 '+' 단추를 추가하거나 검색 상자를 통합합니다. 탐색 모음의 오른쪽에 이 추가 기능을 배치합니다.

스토어 앱처럼 탐색 모음을 여러 영역으로 나눌 수도 있습니다. 여기서 위쪽 섹션은 전역 탐색에 사용되고 아래쪽 섹션은 앱 범주에 사용되는 것을 확인할 수 있습니다.

스토어 앱의 탐색 모음 그림

권장 사항 및 금지 사항

권장 사항
  • 탐색과 명령을 별도로 유지합니다. 탐색은 위쪽 탐색 모음에 배치하고 명령은 아래쪽 앱 바에 배치하는 것이 좋습니다.
  • 콘텐츠에 최적화되도록 탐색 단추의 스타일을 지정합니다. 예를 들어 큰 사각형 단추를 사용하여 미리 보기를 나타냅니다.
  • 탐색 모음의 명령 및 컨트롤을 의미 있는 특정 섹션으로 그룹화합니다. 예를 들어 스토어 앱에서 위쪽 섹션은 전역 탐색에 사용되고 아래쪽 섹션은 앱 범주에 사용되는 것을 확인할 수 있습니다.
  • 탐색 분할 단추를 사용하여 첫 번째 수준 및 두 번째 수준 탐색 명령을 구성합니다.
  • 창 크기가 작을 경우 세로 레이아웃으로 변경합니다.
금지 사항
  • 핵심 시나리오에 중요한 UI를 탐색 모음에 숨기지 마세요. 대신 앱 캔버스에 배치합니다. 예를 들어 검색이 핵심 시나리오에 중요한 경우 탐색 모음이나 앱 바가 아니라 캔버스에 검색 상자를 배치합니다.
  • 탐색 모음에 뒤로 단추를 추가하지 마세요.

 

관련 항목

디자이너용
명령 디자인
탐색 디자인
개발자용(JavaScript로 작성한 Windows 스토어 앱)
빠른 시작: 탐색 모음(NavBar) 추가
앱 바에 접근성 구현
개발자용(C++, C# 또는 Visual Basic으로 작성한 Windows 스토어 앱)
빠른 시작: 페이지 간 탐색
개발자용(DirectX 및 C++로 작성한 Windows 스토어 앱)
앱 바 또는 설정 만들기

 

 

표시:
© 2014 Microsoft