Status Bars
The status bar appears along the upper edge of the screen and displays useful information about the device’s current state, like the time, cellular carrier, and battery level. The actual information shown in the status bar varies depending on the device and system configuration.
Status bar는 화면의 상단 가장자리를 따라 나타나며, 시간, 이동 통신사, 배터리 양과 같이 기기의 현재 상태에 관한 유용한 정보를 보여줍니다. Status bar에 보이는 실제 정보는 기기 및 시스템 구성에 따라 달라집니다.
Use the system-provided status bar. People expect the status bar to be consistent systemwide. Don’t replace it with a custom status bar.
시스템에서 제공하는 status bar를 사용하세요. 사용자는 시스템 전체적으로 status bar가 일관되기를 기대합니다. 커스텀 status bar로 대체하지 마세요.
Coordinate the status bar style with your app design. The visual style of the status bar’s text and indicators is either light or dark, and can be set globally for your app or individually for different screens. A dark status bar works well above light-colored content and a light status bar works well above dark-colored content.
앱 디자인에 맞게 status bar 스타일을 구성하세요. Status bar의 텍스트와 indicator의 시각적인 스타일은 밝거나 또는 어두우며, 앱 전체적으로 또는 각기 다른 화면에 개별적으로 설정될 수 있습니다. 어두운 status bar는 밝은 색의 콘텐츠에 적합하며, 밝은 status bar는 어두운 콘텐츠에 어울립니다.
Obscure content under the status bar. By default, the background of the status bar is transparent, allowing content beneath to show through. Keep the status bar readable and don’t imply that content behind it is interactive. There are several common techniques for doing this:
Status bar 아래에 콘텐츠를 숨기세요. 기본적으로, status bar의 배경은 투명하여 아래에 있는 콘텐츠를 볼 수 있습니다. Status bar를 알아볼 수 있도록 유지하고 뒤에 있는 콘텐츠가 인터랙티브 하다는 의미를 포함하지 마세요. 이것을 하기 위한 몇 가지 일반적인 기술들이 있습니다:
- Use a navigation bar in your app, which automatically displays a status bar background and ensures that content doesn’t appear under the status bar.
- Status bar 배경을 자동으로 보여주는 navigation bar를 사용하고, 콘텐츠가 status bar 아래에 나타나지 않도록 하세요.
- Display a custom image, like a gradient or solid color, behind the status bar.
- Status bar 뒤에 그래디언트 또는 단색과 같은 커스텀 이미지를 표시하세요.
- Place a blurred view behind the status bar. For developer guidance, see UIBlurEffect.
- Status bar 뒤에 blurred view를 위치시키세요. UIBlurEffect와 관련된 개발자 가이드는 다음을 참조하세요.
Consider temporarily hiding the status bar when displaying full-screen media. A status bar can be distracting when users are trying to focus on media. Temporarily hide these elements to provide a more immersive experience. The Photos app, for example, hides the status bar and other interface elements when the user browses full-screen photos.
전체 화면으로 media를 보여줄 때는 잠시 status bar 숨기는 것을 고려하세요. 사용자가 media에 집중하려고 노력할 때, status bar는 집중력을 흩트릴 수 있습니다. 좀 더 몰입할 수 있는 경험을 제공하기 위해서 이러한 요소들을 일시적으로 숨기세요. 예를 들어, 사진 앱은 사용자가 전체 화면으로 사진을 둘러볼 때, status bar와 다른 인터페이스 요소들을 숨깁니다.
애니메이션 보기
Avoid permanently hiding the status bar. Without a status bar, people must leave your app to check the time or see if they have a Wi-Fi connection. Let people redisplay a hidden status bar by using a simple, discoverable gesture. When browsing full-screen photos in the Photos app, a single tap shows the status bar again.
Status bar를 영구적으로 숨기는 것은 피하세요. Status bar가 없다면, 사용자는 시간 또는 Wi-Fi 연결을 확인하기 위해서 앱을 나가야만 합니다. 간단하고 발견 가능한 제스처를 사용하여 숨겨진 status bar를 사용자에게 다시 표시하세요. 사진 앱에서 전체 화면으로 사진을 둘러볼 때, 간단한 tap은 status bar를 다시 보여줍니다.
For developer guidance, see the UIStatusBarStyle constant in UIApplication and the preferredStatusBarStyle property in UIViewController.
UIApplication의 UIStatusBarSytle 상수, UIViewController의 preferredStatusBarSytle 프로퍼티와 관련된 개발자 가이드는 다음 문서를 참조하세요.
수정해야 할 부분이 있다면 알려주세요!
감사합니다!
'Human Interface Guidelines > 글' 카테고리의 다른 글
HIG 번역) Technologies- Accessibility - User Interaction (0) | 2020.05.15 |
---|---|
HIG 번역) Views - Alerts (0) | 2020.05.14 |
HIG 번역) Controls - Text Fields (0) | 2020.04.29 |
HIG 번역) Controls - Switches (0) | 2020.04.28 |
HIG 번역) Icons and Images - Image Size and Resolution (0) | 2020.04.26 |
댓글