상태 표시줄

상태 표시줄에는 시간 및 날씨 정보와 함께 연결성 및 배터리 잔량과 같은 시스템 상태 세부정보가 표시됩니다.

이 섹션에서는 상태 표시줄의 요소와 다양한 배경 투명도 수준의 옵션에 대해 설명합니다.


분석

상태 표시줄은 화면 상단에 나타나며 아래와 같은 요소가 표시됩니다. 사용자는 설정에서 날씨 표시를 켜거나 끌 수 있습니다.

상태 표시줄의 요소는 왼손잡이와 오른손잡이 자동차에서 같은 순서로 표시됩니다.

상태 표시줄 구성
1. 시계 – 현재 시간을 디지털 방식으로 표시합니다.
2. 날씨 정보: 온도 및 날씨 아이콘
3. 연결: Wi-Fi 및 모바일 데이터
4. 배터리 잔량

배경 옵션

상태 표시줄의 배경에는 세 가지 옵션이 있습니다.

  • Opaque
  • 투명
  • 반투명 그래디언트

기본 옵션은 불투명한 배경을 사용하는 것이지만 앱 개발자는 앱의 상태 표시줄에 사용할 투명 배경이나 반투명 배경을 선택할 수도 있습니다.

Opaque

기본적으로 상태 표시줄은 불투명한 배경으로 렌더링되어 상태 표시줄 요소의 가독성을 최대한 보호합니다. 그러나 어느 정도 투명도를 선택하면 상태 표시줄과 앱 콘텐츠 간에 더 원활하게 전환될 수 있으며 앱 콘텐츠의 상당 부분이 표시되도록 할 수 있습니다.

투명

화면이 상태 표시줄 요소 뒤에 충분한 대비를 제공하는 앱은 투명한 배경을 사용할 수 있습니다. 현재 이 옵션은 대부분의 미디어 및 커뮤니케이션 앱은 물론 앱 런처와 같은 시스템 환경에도 사용됩니다.

앱 런처 및 iHeartRadio 미디어 재생 화면의 스크린샷
이 예에서는 화면 상단에 이미 단색 배경이 있으므로 상태 표시줄의 배경이 투명하면 화면 상단에 단색 배경이 자연스럽게 섞여 들어갑니다.

반투명 그래디언트

화면 상단까지 확장되는 시각적 정보를 표시하는 앱에서는 선형 그래디언트가 적용된 반투명 배경을 상태 표시줄에 제공할 수 있습니다. 그라데이션은 상태 표시줄 요소가 읽기에 충분한 불투명도를 제공하며 부분적인 투명도는 앱의 정보를 계속 표시하는 데 도움이 됩니다.

내비게이션 앱의 스크린샷
내비게이션 앱은 상태 표시줄 뒤에 반투명 선형 그래디언트를 사용하여 지도 요소가 계속 표시되도록 하는 동시에 상태 표시줄 요소의 가독성을 높일 수 있습니다.