From Design pattern
Jump to: navigation, search
 
(13 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
Status bar는 디바이스의 현재 상태에 대한 정보를 알려주는 패턴이다. 가로, 세로 상관 없이 모든 방향에서 화면의 상단에 사용자가 설정해 둔 디바이스의 현재와 상태 각종 정보를 보여준다.
+
Status bar는 디바이스의 현재 상태에 대한 정보를 알려주는 패턴이다. 가로, 세로 상관 없이 모든 방향에서 화면의 상하좌우 새로운 레이어가 나타나 사용자가 설정해 둔 디바이스의 현재와 상태 각종 정보를 보여준다. 네트워크 연결 유무 및 강도, 비행기모드, 진동, 알람, 푸시알람 그리고 배터리 잔량 등 사용자가 설정한 각종 모드를 보여준다.
  
 
=== With this pattern, we can solve... ===
 
=== With this pattern, we can solve... ===
−
(네트워크 연결 유무 및 강도 / 비행기, 진동, 알람 등 사용자가 설정한 각종 모드 / 푸시 알람 / 배터리 잔량 등)
+
* Android의 Status bar와 iOS 기기 중 iPad의 Status bar의 배경 색상은 검은색에 투명 값이 없는 솔리드한 상태이지만, iOS 휴대폰인 iPhone의 Status bar의 배경은 투명으로 제공되어 애플리케이션의 아이덴티티를 더욱 뚜렷하게 전달해 준다.
 +
* 배경 색상의 명도에 따라, Status bar의 텍스트와 아이콘이 검정, 또는 흰색으로 제공된다.
  
−
일반적으로, 모바일 애플리케이션 디자이너들은 Status bar 영역의 아이콘이나 정보 표시 방법 등을 임의로 수정할 수 없습니다. 필자가 안드로이드 4.0 아이스크림샌드위치(ICS) 버전의 제조사 프로젝트를 진행했을 때에는 Status bar까지 디자인했던 경험이 있으나, 요새는 거의 OS 기준을 따르는 것으로 보입니다.
+
=== Example ===
 +
[[file:Status_bar.jpg|533px]]
 +
----
  
−
안드로이드의 Status bar와 iOS 태블릿인 iPad Status bar의 배경 색상은 검은색에 투명 값이 없는 솔리드한 상태이지만, iOS 휴대폰인 iPhone Status bar의 배경은 투명으로 제공되어 애플리케이션의 아이덴티티를 더욱 뚜렷하게 전달할 수 있습니다. 배경 색상의 명도에 따라, Status bar의 텍스트와 아이콘이 검정, 또는 흰색으로 제공됩니다.
+
=== iOS_Top 5 Free Status Bar Tweaks for iOS 6 ===
 +
{{#Widget:Youtube|id=fsX0JqRkAnM|width=665|height=374}}
  
−
=== Example: ===
+
===iOS_Arrange status bar===
 +
“#00:40-01:00”
 +
{{#Widget:Youtube|id=QI88mIVpFxY|width=665|height=374}}
  
−
----
+
===iOS_No Status===
 +
“#00:57-01:00”
 +
{{#Widget:Youtube|id=fnjhJVxvwso|width=665|height=374}}
 +
 
 +
=== iOS_iOS7 status bar ===
 +
{{#Widget:Youtube|id=OOI4tdTR-EU|width=665|height=374}}
 +
 
 +
=== iOS_Ipad:Using the Status Bar Icons===
 +
{{#Widget:Youtube|id=3tBxs1Npj4g|width=665|height=374}}
 +
 
 +
=== Android_Omega Status Bar===
 +
“#02:55-03:00”
 +
{{#Widget:Youtube|id=bEHluTqgyhg|width=665|height=374}}
  
−
=== Android_LG G Pro 홈버튼LED ===
+
=== Android_Transparent Status Bar===
−
{{#Widget:Youtube|id=###########|width=665|height=374}}
+
“#00:09-00:16”
 +
{{#Widget:Youtube|id=u1XQW5-6lOA|width=665|height=374}}
  
  
−
[[category:Show present state]]
+
[[category:Notify conditions]]

Latest revision as of 15:45, 15 July 2014

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

With this pattern, we can solve...

  • Android의 Status bar와 iOS 기기 중 iPad의 Status bar의 배경 색상은 검은색에 투명 값이 없는 솔리드한 상태이지만, iOS 휴대폰인 iPhone의 Status bar의 배경은 투명으로 제공되어 애플리케이션의 아이덴티티를 더욱 뚜렷하게 전달해 준다.
  • 배경 색상의 명도에 따라, Status bar의 텍스트와 아이콘이 검정, 또는 흰색으로 제공된다.

Example

Status bar.jpg

iOS_Top 5 Free Status Bar Tweaks for iOS 6

""

iOS_Arrange status bar

“#00:40-01:00” ""

iOS_No Status

“#00:57-01:00” ""

iOS_iOS7 status bar

""

iOS_Ipad:Using the Status Bar Icons

""

Android_Omega Status Bar

“#02:55-03:00” ""

Android_Transparent Status Bar

“#00:09-00:16” ""

Retrieved from "http://www.ixpatterns.com/index.php?title=Status_bar&oldid=107907"