From Design pattern
Jump to: navigation, search
Line 1: Line 1:
Status bar는 디바이스의 현재 상태에 대한 정보를 알려주는 패턴이다. 가로, 세로 상관 없이 모든 방향에서 화면의 상단에 사용자가 설정해 둔 디바이스의 현재와 상태 각종 정보를 보여준다.
+
Status bar는 디바이스의 현재 상태에 대한 정보를 알려주는 패턴이다. 가로, 세로 상관 없이 모든 방향에서 화면의 상하좌우 새로운 레이어가 나타나 사용자가 설정해 둔 디바이스의 현재와 상태 각종 정보를 보여준다. 네트워크 연결 유무 및 강도, 비행기모드, 진동, 알람, 푸시알람 그리고 배터리 잔량 등 사용자가 설정한 각종 모드를 보여준다.
  
 
=== With this pattern, we can solve... ===
 
=== With this pattern, we can solve... ===
(네트워크 연결 유무 및 강도 / 비행기, 진동, 알람 등 사용자가 설정한 각종 모드 / 푸시 알람 / 배터리 잔량 등)
+
* 일반적으로, 모바일 애플리케이션 디자이너들은 Status bar 영역의 아이콘이나 정보 표시 방법 등을 임의로 수정할 수 없습니다. 필자가 안드로이드 4.0 아이스크림샌드위치(ICS) 버전의 제조사 프로젝트를 진행했을 때에는 Status bar까지 디자인했던 경험이 있으나, 요새는 거의 OS 기준을 따르는 것으로 보입니다.
 
+
* 안드로이드의 Status bar와 iOS 태블릿인 iPad Status bar의 배경 색상은 검은색에 투명 값이 없는 솔리드한 상태이지만, iOS 휴대폰인 iPhone Status bar의 배경은 투명으로 제공되어 애플리케이션의 아이덴티티를 더욱 뚜렷하게 전달할 수 있습니다. 배경 색상의 명도에 따라, Status bar의 텍스트와 아이콘이 검정, 또는 흰색으로 제공됩니다.
일반적으로, 모바일 애플리케이션 디자이너들은 Status bar 영역의 아이콘이나 정보 표시 방법 등을 임의로 수정할 수 없습니다. 필자가 안드로이드 4.0 아이스크림샌드위치(ICS) 버전의 제조사 프로젝트를 진행했을 때에는 Status bar까지 디자인했던 경험이 있으나, 요새는 거의 OS 기준을 따르는 것으로 보입니다.
+
 
+
안드로이드의 Status bar와 iOS 태블릿인 iPad Status bar의 배경 색상은 검은색에 투명 값이 없는 솔리드한 상태이지만, iOS 휴대폰인 iPhone Status bar의 배경은 투명으로 제공되어 애플리케이션의 아이덴티티를 더욱 뚜렷하게 전달할 수 있습니다. 배경 색상의 명도에 따라, Status bar의 텍스트와 아이콘이 검정, 또는 흰색으로 제공됩니다.
+
  
 
=== Example: ===
 
=== Example: ===

Revision as of 11:59, 2 July 2014

Status bar는 디바이스의 현재 상태에 대한 정보를 알려주는 패턴이다. 가로, 세로 상관 없이 모든 방향에서 화면의 상하좌우 새로운 레이어가 나타나 사용자가 설정해 둔 디바이스의 현재와 상태 각종 정보를 보여준다. 네트워크 연결 유무 및 강도, 비행기모드, 진동, 알람, 푸시알람 그리고 배터리 잔량 등 사용자가 설정한 각종 모드를 보여준다.

With this pattern, we can solve...

  • 일반적으로, 모바일 애플리케이션 디자이너들은 Status bar 영역의 아이콘이나 정보 표시 방법 등을 임의로 수정할 수 없습니다. 필자가 안드로이드 4.0 아이스크림샌드위치(ICS) 버전의 제조사 프로젝트를 진행했을 때에는 Status bar까지 디자인했던 경험이 있으나, 요새는 거의 OS 기준을 따르는 것으로 보입니다.
  • 안드로이드의 Status bar와 iOS 태블릿인 iPad Status bar의 배경 색상은 검은색에 투명 값이 없는 솔리드한 상태이지만, iOS 휴대폰인 iPhone Status bar의 배경은 투명으로 제공되어 애플리케이션의 아이덴티티를 더욱 뚜렷하게 전달할 수 있습니다. 배경 색상의 명도에 따라, Status bar의 텍스트와 아이콘이 검정, 또는 흰색으로 제공됩니다.

Example:


Android_LG G Pro 홈버튼LED

""