본문 바로가기

iOS/HIG

Status Bars

Status bars는 스크린의 가장 윗단에 나타나며 기기의 시간, 셀룰러, 배터리 레벨 등의 현재 상태를 표시한다. Status bar에 표시되는 실제 정보는 장치 및 시스템 구성에 따라 다르다. 

 

요구사항

  • 시스템에서 제공하는 status bar을 사용하세요.

 사람들은 status bar가 시스템 전반에 걸쳐 일관성이 있길 기대한다. 그러므로 커스텀한 status bar을 지양해야 한다.

 

 

  • 앱의 디자인에 따라 status bar의 스타일을 조정하세요.

 Status bar의 텍스트 및 시각적 스타일은 앱의 전역 적으나 각 스크린에 개별적으로 밝거나 어둡게 조정할 수 있다. 어두운 status bar는 밝은 콘텐츠와 잘 맞고 밝은 status bar는 어두운 컨텐츠와 잘 맞다.

 

  • Status bar밑의 콘텐츠를 흐리게 하세요.

 기본적으로 status bars의 배경은 투명하여 아래에 있는 내용을 볼 수 있다. Status bar을 읽을 수 있게끔 하고, 뒤에 있는 콘텐츠가 대화형임을 함축하지 말아야한다. 여기 이를 수행하기 위한 몇가지 기본적인 기술이 있다: 

  • Navigation bar을 사용하여 Status bar 배경을 자동으로 표시하고 컨텐츠가 status bar 밑에 나타나지 않도록 하세요
  • Status bar 뒤에 그라디언트 또는 단색의 사용자 지정 이미지를 표시하세요.
  • Status bar 뒤에 blurred view를 배치하세요. 개발자 지침은 UIBlurEffect를 참조하세요.

 

  • 전체 화면의 미디어를 표시할 때 일시적으로 status bar을 숨기는 것을 고려하세요.

 Status bar는 사용자가 미디어에 집중하려고 할 때 주의를 산만하게 할 수 있다. 보다 몰입감 있는 경험을 제공하기 위해 이러한 요소를 일시적으로 숨긴다. 예를 들어 사진 앱은 사용자가 전체 화면 사진을 탐색할 때 status bar 및 기타 인터페이스 요소를 숨긴다.

 

  • Status bar을 영구적으로 숨기지 마십시오.

 상태 표시줄이 없으면 사용자는 시간을 확인하거나 Wi-Fi 연결되어 있는지 확인하기 위해 앱을 종료해야 한다. 사람들이 숨겨진 status bar 다시 확인하기 위해 간단한 제스처를 사용하여 다시 볼수 있게끔 해야한다. 사진 앱에서 전체 화면 사진을 탐색할 한번만 탭하면 status bar 다시 표시된다.

'iOS > HIG' 카테고리의 다른 글

Picker and Date Picker  (0) 2022.02.18
Navigation Bars  (0) 2022.02.08
Segmented Controls  (0) 2022.02.07
Tab Bars  (0) 2022.01.25
Progress Indicators  (0) 2022.01.17