From Design pattern
Jump to: navigation, search

Navi

Samsung Galaxy Note(Android)_Internet

  • 화면 가장자리를 tap & hold 하여 불러온 퀵메뉴에서 hold & drag를 통하여 하위메뉴를 연다.


Android_Sportypal

  • 가로로 스크롤을 이동해 동일레벨에 있는 운동의 종류를 훑어본다.

Android_대한민국 구석구석

  • 화살표 버튼을 클릭해 숨겨져있던 여행지 필터링 기능을 불러온다.

ios_Paper_Slide to page

  • 동일 레벨상의 축소된 각 페이지의 정보들을 좌우로 넘겨본다.

ios_Paper_Slide to page

  • 동일 레벨상의 확대된 각 페이지의 정보들을 좌우로 넘겨본다.

ios_Paper_drag to activate

  • 동일 레벨상의 축소된 정보들을 아래서 위로 드래그 하여 크게 본다.(수정 예정)

ios_Paper_slide to move

  • 화면을 아래로 드래그 하여 자신의 정보에 관련된 페이지를 볼 수 있다.

ios_airbnb_drag to activate

  • 다른 메뉴 활성화를 위해 작아졌던 화면을 드래그 하여 활성화 시킨다.

ios_airbnb_slide to scroll

  • 카테고리별로 나누어진 메뉴를 위 아래로 스크롤 하여 본다.

ios_airbnb_slide to page

  • 다양한 객실에 대한 정보를 좌우 스크롤로 넘겨 본다.

ios_News digest_slide to move

  • 하단부분 가로 스크롤을 좌우로 움직여 이전 날짜의 정보를 본다.


iOS_Applauze

  • wheel pattern을 찾다가 발견했었는데, 조금 다른 것 같아서 보류했습니다.

iSense Music-3D Music player

  • #00:06-#00:27

""

motion ring

  • 페이지 이동을 따로 다룬 패턴이 없어서 이 패턴을 만들거나 할 것 같습니다.

""

Android

  • swipe하여 페이지를 넘긴다.

58번 사례 navigation

  • 현재 기기의 일반정보를 터치나 버튼의 조작 없이 확인한다.
  • 슬리핑 모드에서 근접 센서 위에 손을 가져가면 터치 없이도 시간, 날짜, 부재중 전화, 문자 메시지, 잔여 베터리 용량 등을 한눈에 확인할 수 있다.

"" ""


Tab bar indicator(Dynamic tab menu)

iOS_ ipad 조선일보

iOS_Naver

  • 좌우로 drag해서 화면을 움직여 다음 tab 화면으로 이동한다.

Android_TMON


Previous/Next button

580번 사례

  • 신문에서 다음면을 보기위해 전/후버튼을 눌러 페이지를 이동한다.


Turn page like Cut

269번 사례

  • 화면의 일부분을 drag하여, 접촉된 위치를 잘라내어 화면 뒤에 있는 숨겨진 정보를 본다.


219번 사례

  • 기사들이 나열된 목록에서 현재 기사의 대표이미지가 크게 보이며, 하나씩 넘길 때 다음 기사의 대표이미지가 커지면서 넘어간다.


Menu 더 보기

  • Action bar, Tab bar에서의 더 보기 ...버튼

Android_Evernote

  • Navigation의 Drop menu에도 있는 사례


iOS

  • 설정의 멀티태스킹 동작을 활성화한 상태에서 네개 이상의 손가락을 아무 화면에서나 좌우로 swipe하면 멀티태스킹 화면에서 좌우에 해당하는 앱으로 바로 이동한다.

267번 사례

  • 화면속 상자를 drag하여 늘려서 숨겨진 정보를 본다.