티스토리 뷰

스마트폰 화면에서 컨텐츠 영역 넓게 사용하기. 

 

스마트폰의 작은 화면에서 컨텐츠 영역을 넓게 사용하기 위한 방법으로 화면 상하단의 영역을 숨겼다가 보여주는 식의 방법이 사용된다. 화면을 위로 밀면  상단 영역이 축소되거나 내비게이션 바로 변화되면서 최소화 되고, 주요 컨텐츠를 볼 수 있는 공간이 늘어난다.  다시 화면을 아래로 당겨 컨텐츠의 최상단으로 이동하면 최소화 되었던 상단 영역이 원래데로 돌아온다. 

 

상단 컨텐츠 영역이 축소되는 사례 (iOS)

 

네이버 블로그 (mobile web)

 

 

유튜브 (mobile app)

 

 

 

 

상단 비쥬얼 영역이 내비게이션 바로 전환되는 사례 (iOS)

 

네이버 밴드 (mobile app)

 

 

벅스뮤직 (mobile app)

 

 

 

브라우저 자체적으로 상하단 축소, 숨김 사례 (iOS)

 

사파리 브라우저 iOS (mobile app)

 

 

크롬 브라우저 iOS (mobile app)