티스토리 뷰
스마트폰 화면에서 컨텐츠 영역 넓게 사용하기.
스마트폰의 작은 화면에서 컨텐츠 영역을 넓게 사용하기 위한 방법으로 화면 상하단의 영역을 숨겼다가 보여주는 식의 방법이 사용된다. 화면을 위로 밀면 상단 영역이 축소되거나 내비게이션 바로 변화되면서 최소화 되고, 주요 컨텐츠를 볼 수 있는 공간이 늘어난다. 다시 화면을 아래로 당겨 컨텐츠의 최상단으로 이동하면 최소화 되었던 상단 영역이 원래데로 돌아온다.
상단 컨텐츠 영역이 축소되는 사례 (iOS)
네이버 블로그 (mobile web)
유튜브 (mobile app)
상단 비쥬얼 영역이 내비게이션 바로 전환되는 사례 (iOS)
네이버 밴드 (mobile app)
벅스뮤직 (mobile app)
브라우저 자체적으로 상하단 축소, 숨김 사례 (iOS)
사파리 브라우저 iOS (mobile app)
크롬 브라우저 iOS (mobile app)
'Mobile app study' 카테고리의 다른 글
브런치 모바일앱 UI - Part 1 홈, 글목록, 글본문 (7) | 2016.04.20 |
---|---|
모바일웹 쇼핑몰 상품소개 화면 - 탭 메뉴 화면 상단 고정 (0) | 2016.04.18 |
도미노피자 Domino's 모바일앱 '주문하기' 리디자인 – Plus 추가토핑 선택과 취소 (0) | 2016.03.25 |
iPhone Screen Transition 아이폰 화면 전환 애니메이션 모음 01 (0) | 2016.03.16 |
팩시밀리 없이 스마트폰으로 팩스 수신, 발신하기 * 모바일 팩스 송수신 '엔팩스 enFax' (0) | 2016.03.10 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 벅스뮤직
- 카카오페이
- 인비전
- 와이어프레임
- 음악앱
- 마이크로인터랙션
- invision
- 모바일앱
- 토스
- 원더리스트
- 오래가는 UX 디자인
- 리스트뷰
- 디자인과 인간심리
- 도미노피자
- rindesign
- 모바일 스케치
- 북노트
- 네이버뮤직
- UI 디자인 툴
- 프로토타입
- 모바일송금
- 댄새퍼
- 온라인 간편결제
- 피자주문
- 스케치앱
- 보헤미안 코딩
- UX 디자인 7가지 비밀
- 포토샵 CC 2015
- sketchApp
- 페이코
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
글 보관함