From Design pattern
Jump to: navigation, search
Line 1: Line 1:
== 카루셀 ==
+
항목이 회전목마처럼 돌아가며 보여진다.
=== iPhone_JangoRadio_2 ===
+
{{#Widget:Vimeo|id=95776946|width=300|height=455}}
+
  
== 목록 인디케이터&컨트롤러 ==
+
== Horizontal ==
=== iPhone_Carousel_1 ===
+
항목이 회전목마처럼 가로로 돌아가며 보여진다.
{{#Widget:Vimeo|id=95777289|width=300|height=455}}
+
  
=== iPhone Calendars5 8 ===
+
=== 565번 사례 ===
{{#Widget:Vimeo|id=95762432|width=300|height=455}}
+
* 화면을 드래그하여 캐로셀 형태로 그림을 돌려본다.
 +
<videoflash type="vimeo">93933788|533|395</videoflash>
  
=== iPhone Calendars5 3 ===
+
=== 389번 사례 ===
{{#Widget:Vimeo|id=95762431|width=300|height=455}}
+
* 대형 터치스크린에서 화면을 drag 하여 가로로 나열된 항목을 둘러본다.
 +
* 단, 아래 영상의 15초 ~ 18초에 해당한다.
 +
<videoflash type="vimeo">36790650#t=15s|665|374</videoflash>
  
=== iPhone Calendars5 6 ===
+
{{#Widget:Vimeo|id=36790650|width=665|height=374|start=14s}}
{{#Widget:Vimeo|id=95762266|width=300|height=455}}
+
  
== 목록 ==
+
== Vertical ==
=== iPhone_FoxNews_1 ===
+
항목이 회전목마처럼 세로로 돌아가며 보여진다.
{{#Widget:Vimeo|id=95773440|width=300|height=455}}
+
  
=== iPhone 911MemorialMuseum 3 ===
+
== Ferris wheel ==
{{#Widget:Vimeo|id=95762040|width=300|height=455}}
+
항목이 대관람차처럼 돌아가며 보여진다.
  
== 계층 이동 ==
+
=== 415번 사례 ===
 +
* 메뉴를 swipe 하면 관람차가 돌듯이 메뉴를 회전시켜 둘러 볼 수 있다.
 +
<videoflash type="vimeo">93552806|300|533</videoflash>
  
=== iPhone Amazon 1 ===
+
=== 347번 사례 ===
{{#Widget:Vimeo|id=95762048|width=300|height=455}}
+
* 1부터 25까지의 목록이 큰 원 모양으로 배열되어 한바퀴 돌면 다시 반복되며, 좌우로 swipe하여 가로에 비슷하게 목록을 움직인다.
 +
<videoflash type="vimeo">93045993|533|395</videoflash>
  
=== iPhone_Learnist_5 ===
+
[[Category:Move in same level]]
{{#Widget:Vimeo|id=95779362|width=300|height=455}}
+
 
+
=== iPhone_Breeze_3 ===
+
{{#Widget:Vimeo|id=95777502|width=300|height=455}}
+
 
+
=== iPhone_Breeze_2 ===
+
{{#Widget:Vimeo|id=95777478|width=300|height=455}}
+
 
+
=== iPhone_Carousel_2 ===
+
{{#Widget:Vimeo|id=95777330|width=300|height=455}}
+
 
+
=== iPhone_HuffPost_5 ===
+
{{#Widget:Vimeo|id=95773877|width=300|height=455}}
+
 
+
=== iPhone_USAToday_3 ===
+
{{#Widget:Vimeo|id=95773708|width=300|height=455}}
+
 
+
=== iPhone_FoxNews_2 ===
+
{{#Widget:Vimeo|id=95773475|width=300|height=455}}
+
 
+
=== iPhone_NPRNews_4 ===
+
{{#Widget:Vimeo|id=95773391|width=300|height=455}}
+
 
+
=== iPhone_Yahoo_4 ===
+
{{#Widget:Vimeo|id=95772697|width=300|height=455}}
+
 
+
=== iPhone_Gmail_1 ===
+
{{#Widget:Vimeo|id=95772388|width=300|height=455}}
+
 
+
=== iPhone_JetSetter_8 ===
+
{{#Widget:Vimeo|id=95772042|width=300|height=455}}
+
 
+
=== iPhone_JetSetter_6 ===
+
{{#Widget:Vimeo|id=95771950|width=300|height=455}}
+
 
+
=== iPhone_JetSetter_5 ===
+
{{#Widget:Vimeo|id=95771872|width=300|height=455}}
+
 
+
=== iPhone_JetSetter_2 ===
+
{{#Widget:Vimeo|id=95771676|width=300|height=455}}
+
 
+
=== iPhone_MadeSquare_2 ===
+
{{#Widget:Vimeo|id=95771188|width=300|height=455}}
+
 
+
=== iPhone_Gogobot_3 ===
+
{{#Widget:Vimeo|id=95770948|width=300|height=455}}
+
 
+
=== iPhone Calendars5 7 ===
+
{{#Widget:Vimeo|id=95762433|width=300|height=455}}
+
 
+
=== iPhone AskForTask 2 ===
+
{{#Widget:Vimeo|id=95762139|width=300|height=455}}
+
 
+
== 동일레벨 이동 ==
+
=== iPhone_NikePlusMove_1 ===
+
{{#Widget:Vimeo|id=95777410|width=300|height=455}}
+
 
+
=== iPhone_oflow_1 ===
+
{{#Widget:Vimeo|id=95776888|width=300|height=455}}
+
 
+
=== iPhone_Yummly_8 ===
+
{{#Widget:Vimeo|id=95774503|width=300|height=455}}
+
 
+
=== iPhone_HuffPost_1 ===
+
{{#Widget:Vimeo|id=95773752|width=300|height=455}}
+
 
+
=== iPhone_USAToday_1 ===
+
{{#Widget:Vimeo|id=95773594|width=300|height=455}}
+
 
+
=== iPhone_CNN_1 ===
+
{{#Widget:Vimeo|id=95773177|width=300|height=455}}
+
 
+
=== iPhone_Yahoo_5 ===
+
{{#Widget:Vimeo|id=95772760|width=300|height=455}}
+
 
+
=== iPhone_JetSetter_7 ===
+
{{#Widget:Vimeo|id=95771979|width=300|height=455}}
+
 
+
=== iPhone_JetSetter_3 ===
+
{{#Widget:Vimeo|id=95771735|width=300|height=455}}
+
 
+
=== iPhone_MadeSquare_3 ===
+
{{#Widget:Vimeo|id=95771218|width=300|height=455}}
+
 
+
=== iPhone_SleepGenius_1 ===
+
{{#Widget:Vimeo|id=95771088|width=300|height=455}}
+
 
+
=== iPhone Amazon 3 ===
+
{{#Widget:Vimeo|id=95762137|width=300|height=455}}
+
 
+
 
+
== 탭 ==
+
=== iPhone_NPRNews_2 ===
+
{{#Widget:Vimeo|id=95773337|width=300|height=455}}
+
 
+
=== iPhone_JetSetter_9 ===
+
{{#Widget:Vimeo|id=95772063|width=300|height=455}}
+
 
+
== 스크롤링 탭 ==
+
=== iPhone_Bloomberg_1 ===
+
{{#Widget:Vimeo|id=95773983|width=300|height=455}}
+
 
+
=== iPhone_Groupon_1 ===
+
{{#Widget:Vimeo|id=95772840|width=300|height=455}}
+
 
+
=== iPhone_ENow_2 ===
+
{{#Widget:Vimeo|id=95771333|width=300|height=455}}
+
 
+
 
+
== 숨겨진 메뉴 호출 ==
+
=== iPhone 911MemorialMuseum 4 ===
+
{{#Widget:Vimeo|id=95762045|width=300|height=455}}
+
 
+
=== iPhone_Seene_1 ===
+
{{#Widget:Vimeo|id=95777540|width=300|height=455}}
+
 
+
=== iPhone_Yummly_2 ===
+
{{#Widget:Vimeo|id=95774182|width=300|height=455}}
+
 
+
=== iPhone_Bloomberg_2 ===
+
{{#Widget:Vimeo|id=95774030|width=300|height=455}}
+
 
+
=== iPhone_HuffPost_2 ===
+
{{#Widget:Vimeo|id=95773784|width=300|height=455}}
+
 
+
=== iPhone_USAToday_2 ===
+
{{#Widget:Vimeo|id=95773661|width=300|height=455}}
+
 
+
=== iPhone_FoxNews_3 ===
+
{{#Widget:Vimeo|id=95773501|width=300|height=455}}
+
 
+
=== iPhone_CNN_2 ===
+
{{#Widget:Vimeo|id=95773205|width=300|height=455}}
+
 
+
=== iPhone_BuzzFeed_1 ===
+
{{#Widget:Vimeo|id=95773016|width=300|height=455}}
+
 
+
=== iPhone_MyFitnessPal_3 ===
+
{{#Widget:Vimeo|id=95776698|width=300|height=455}}
+
 
+
=== iPhone_Google-Docs_4 ===
+
{{#Widget:Vimeo|id=95772952|width=300|height=455}}
+
 
+
=== iPhone_Groupon_2 ===
+
{{#Widget:Vimeo|id=95772877|width=300|height=455}}
+
 
+
=== iPhone_Yahoo_3 ===
+
{{#Widget:Vimeo|id=95772659|width=300|height=455}}
+
 
+
=== iPhone_Gmail_4 ===
+
{{#Widget:Vimeo|id=95772492|width=300|height=455}}
+
 
+
=== iPhone_Gmail_3 ===
+
{{#Widget:Vimeo|id=95772458|width=300|height=455}}
+
 
+
=== iPhone_Tinder_3 ===
+
{{#Widget:Vimeo|id=95772230|width=300|height=455}}
+
 
+
=== iPhone_ENow_5 ===
+
{{#Widget:Vimeo|id=95771492|width=300|height=455}}
+
 
+
=== iPhone_ENow_1 ===
+
{{#Widget:Vimeo|id=95771288|width=300|height=455}}
+
 
+
=== iPhone_FOX-NOW_1 ===
+
{{#Widget:Vimeo|id=95771003|width=300|height=455}}
+
 
+
=== iPhone_Gogobot_2 ===
+
{{#Widget:Vimeo|id=95770896|width=300|height=455}}
+
 
+
=== iPhone Calendars5 4 ===
+
{{#Widget:Vimeo|id=95762262|width=300|height=455}}
+
 
+
=== iPhone AskForTask 3 ===
+
{{#Widget:Vimeo|id=95762142|width=300|height=455}}
+
 
+
== 팝업  ==
+
=== iPhone_Rookie_3 ===
+
{{#Widget:Vimeo|id=95777093|width=300|height=455}}
+
 
+
=== iPhone_JetSetter_10 ===
+
{{#Widget:Vimeo|id=95772088|width=300|height=455}}
+
 
+
== 메뉴 ==
+
=== iPhone_Hangout_4 ===
+
{{#Widget:Vimeo|id=95773127|width=300|height=455}}
+
 
+
=== iPhone_Vine_1 ===
+
{{#Widget:Vimeo|id=95777123|width=300|height=455}}
+
 
+
=== iPhone_Hangout_2 ===
+
{{#Widget:Vimeo|id=95773067|width=300|height=455}}
+
 
+
== 옵션 ==
+
=== iPhone_Hangout_3 ===
+
{{#Widget:Vimeo|id=95773089|width=300|height=455}}
+
 
+
== 컨텍스트 메뉴 ==
+
=== iPhone_Yummly_4 ===
+
{{#Widget:Vimeo|id=95774283|width=300|height=455}}
+
 
+
=== iPhone_Gmail_2 ===
+
{{#Widget:Vimeo|id=95772421|width=300|height=455}}
+
 
+
=== iPhone Calendars5 2 ===
+
{{#Widget:Vimeo|id=95762258|width=300|height=455}}
+
 
+
== 실시간 프리뷰 ==
+
=== iPhone_Rookie_2 ===
+
{{#Widget:Vimeo|id=95777056|width=300|height=455}}
+
 
+
== 페이지 끝 ==
+
=== iPhone_Learnist_4 ===
+
{{#Widget:Vimeo|id=95779328|width=300|height=455}}
+
 
+
=== iPhone_Gogobot_4 ===
+
{{#Widget:Vimeo|id=95770976|width=300|height=455}}
+
 
+
== 다중선택-서랍에 넣기 ==
+
=== iPhone_Carousel_3 ===
+
{{#Widget:Vimeo|id=95777370|width=300|height=455}}
+
 
+
== 검색 ==
+
=== iPhone_Learnist3 ===
+
{{#Widget:Vimeo|id=95779267|width=300|height=455}}
+
 
+
=== iPhone_JangoRadio_1 ===
+
{{#Widget:Vimeo|id=95776903|width=300|height=455}}
+
 
+
=== iPhone_Vine_2 ===
+
{{#Widget:Vimeo|id=95777172|width=300|height=455}}
+
 
+
=== iPhone_Yummly_3 ===
+
{{#Widget:Vimeo|id=95774233|width=300|height=455}}
+
 
+
=== iPhone_Target_1 ===
+
{{#Widget:Vimeo|id=95773953|width=300|height=455}}
+
 
+
=== iPhone_HuffPost_4 ===
+
{{#Widget:Vimeo|id=95773844|width=300|height=455}}
+
 
+
=== iPhone_FoxNews_4 ===
+
{{#Widget:Vimeo|id=95773561|width=300|height=455}}
+
 
+
=== iPhone_NPRNews_1 ===
+
{{#Widget:Vimeo|id=95773302|width=300|height=455}}
+
 
+
=== iPhone_AlienBlue_1 ===
+
{{#Widget:Vimeo|id=95773238|width=300|height=455}}
+
 
+
=== iPhone_Gogle-Docs_2 ===
+
{{#Widget:Vimeo|id=95772986|width=300|height=455}}
+
 
+
=== iPhone_Gmail_5 ===
+
{{#Widget:Vimeo|id=95772540|width=300|height=455}}
+
 
+
=== iPhone_ENow_4 ===
+
{{#Widget:Vimeo|id=95771430|width=300|height=455}}
+
 
+
=== iPhone_Gogobot_1 ===
+
{{#Widget:Vimeo|id=95770877|width=300|height=455}}
+
 
+
== 리스트 이동(필름?) ==
+
=== iPhone_Learnist_2 ===
+
{{#Widget:Vimeo|id=95779233|width=300|height=455}}
+
 
+
=== iPhone Amazon 2 ===
+
{{#Widget:Vimeo|id=95762049|width=300|height=455}}
+
 
+
=== iPhone_Cameo_1 ===
+
{{#Widget:Vimeo|id=95777659|width=300|height=455}}
+
 
+
=== iPhone_MyFitnessPal_2 ===
+
{{#Widget:Vimeo|id=95776651|width=300|height=455}}
+
 
+
== 커버 컨텐트 목록 이동 ==
+
=== iPhone_Learnist_1 ===
+
{{#Widget:Vimeo|id=95779184|width=300|height=455}}
+
 
+
=== iPhone 911MemorialMuseum 2 ===
+
{{#Widget:Vimeo|id=95762037|width=300|height=455}}
+
 
+
 
+
== 카드목록 펼쳐보기 ==
+
=== iPhone_Jelly_2 ===
+
{{#Widget:Vimeo|id=95779122|width=300|height=455}}
+
 
+
== 카드목록 넘겨보기 ==
+
=== iPhone_Jelly_1 ===
+
{{#Widget:Vimeo|id=95779093|width=300|height=455}}
+
 
+
== 랜딩 ==
+
=== EvernoteHello Landing ===
+
{{#Widget:Vimeo|id=95761184|width=300|height=455}}
+
 
+
=== Flickr Landing ===
+
{{#Widget:Vimeo|id=95761878|width=300|height=455}}
+
 
+
=== Gmail Landing ===
+
{{#Widget:Vimeo|id=95761881|width=300|height=455}}
+
 
+
=== iPhone_Sphere_1 ===
+
{{#Widget:Vimeo|id=95779045|width=300|height=455}}
+
 
+
=== iPhone_MapMyRun_1 ===
+
{{#Widget:Vimeo|id=95776799|width=300|height=455}}
+
 
+
=== iPhone_Yummly_1 ===
+
{{#Widget:Vimeo|id=95774142|width=300|height=455}}
+
 
+
=== iPhone_Life360_1 ===
+
{{#Widget:Vimeo|id=95774102|width=300|height=455}}
+
 
+
=== iPhone_EasilyDo_1 ===
+
{{#Widget:Vimeo|id=95773927|width=300|height=455}}
+
 
+
=== iPhone_Google_Docs_1 ===
+
{{#Widget:Vimeo|id=95772894|width=300|height=455}}
+
 
+
=== iPhone_Uber_1 ===
+
{{#Widget:Vimeo|id=95772306|width=300|height=455}}
+
 
+
=== iPhone_Tinder_1 ===
+
{{#Widget:Vimeo|id=95772148|width=300|height=455}}
+
 
+
=== iPhone_MadeSquare_1 ===
+
{{#Widget:Vimeo|id=95771145|width=300|height=455}}
+
 
+
=== OfficeMobile_Landing ===
+
{{#Widget:Vimeo|id=95770840|width=300|height=455}}
+
 
+
=== MapMyWalk_Landing ===
+
{{#Widget:Vimeo|id=95770814|width=300|height=455}}
+
 
+
=== Uber_Landing ===
+
{{#Widget:Vimeo|id=95770785|width=300|height=455}}
+
 
+
=== Superb_Landing ===
+
{{#Widget:Vimeo|id=95770733|width=300|height=455}}
+
 
+
=== NikeplusRunning_Landing ===
+
{{#Widget:Vimeo|id=95770697|width=300|height=455}}
+
 
+
=== Path_Landing ===
+
{{#Widget:Vimeo|id=95770618|width=300|height=455}}
+
 
+
=== Wunderlist_Landing ===
+
{{#Widget:Vimeo|id=95770578|width=300|height=455}}
+
 
+
=== Skype_Landing ===
+
{{#Widget:Vimeo|id=95766978|width=300|height=455}}
+
 
+
=== iPhone AskForTask 1 ===
+
{{#Widget:Vimeo|id=95762138|width=300|height=455}}
+
 
+
== 컨텍스트메뉴/퀵메뉴 ==
+
=== iPhone_Mailbox_2 ===
+
{{#Widget:Vimeo|id=95779005|width=300|height=455}}
+
 
+
=== iPhone_AlienBlue_2 ===
+
{{#Widget:Vimeo|id=95773277|width=300|height=455}}
+
 
+
== 프로그레스
+
=== iPhone_Mailbox_1 ===
+
{{#Widget:Vimeo|id=95778967|width=300|height=455}}
+
 
+
=== iPhone_Pinterest_1 ===
+
{{#Widget:Vimeo|id=95772009|width=300|height=455}}
+
 
+
=== iPhone_JetSetter_4 ===
+
{{#Widget:Vimeo|id=95771768|width=300|height=455}}
+
 
+
=== iPhone_Moju_1 ===
+
{{#Widget:Vimeo|id=95771610|width=300|height=455}}
+
 
+
== 단계 프로그레스 ==
+
=== iPhone_MyFitnessPal_1 ===
+
{{#Widget:Vimeo|id=95776606|width=300|height=455}}
+
 
+
=== iPhone_Uber_2 ===
+
{{#Widget:Vimeo|id=95772354|width=300|height=455}}
+
 
+
 
+
== 화면 보기 옵션 변경 ==
+
=== iPhone_Sunrise_3 ===
+
{{#Widget:Vimeo|id=95778928|width=300|height=455}}
+
 
+
=== iPhone_Google-Docs_3 ===
+
{{#Widget:Vimeo|id=95772926|width=300|height=455}}
+
 
+
 
+
== 동일 화면에서 세부 내 보기(?) ==
+
=== iPhone_Sunrise_2 ===
+
{{#Widget:Vimeo|id=95778902|width=300|height=455}}
+
 
+
=== iPhone_Sunrise_1 ===
+
{{#Widget:Vimeo|id=95778873|width=300|height=455}}
+
 
+
== 슬라이더 ==
+
=== Fitbit Slider2 ===
+
{{#Widget:Vimeo|id=95761875|width=300|height=455}}
+
 
+
=== Fitbit Slider ===
+
{{#Widget:Vimeo|id=95761874|width=300|height=455}}
+
 
+
=== iPhone_Rise_1 ===
+
{{#Widget:Vimeo|id=95778774|width=300|height=455}}
+
 
+
=== iPhone_Rookie_1 ===
+
{{#Widget:Vimeo|id=95777003|width=300|height=455}}
+
 
+
=== iPhone_ProCam_1 ===
+
{{#Widget:Vimeo|id=95777218|width=300|height=455}}
+
 
+
=== iPhone_HuffPost_3 ===
+
{{#Widget:Vimeo|id=95773816|width=300|height=455}}
+
 
+
=== iPhone_NPRNews_3 ===
+
{{#Widget:Vimeo|id=95773370|width=300|height=455}}
+
 
+
=== iPhone_Yahoo_6 ===
+
{{#Widget:Vimeo|id=95772795|width=300|height=455}}
+
 
+
=== iPhone_Tinder_4 ===
+
{{#Widget:Vimeo|id=95772262|width=300|height=455}}
+
 
+
=== iPhone_SleepGenius_2 ===
+
{{#Widget:Vimeo|id=95771117|width=300|height=455}}
+
 
+
== Lazy loading / list ==
+
=== iPhone_Replay_1 ===
+
{{#Widget:Vimeo|id=95777761|width=300|height=455}}
+
 
+
=== iPhone_Breeze_1 ===
+
{{#Widget:Vimeo|id=95777446|width=300|height=455}}
+
 
+
=== iPhone_Cameo_2 ===
+
{{#Widget:Vimeo|id=95777710|width=300|height=455}}
+
 
+
=== iPhone_Yummly_7 ===
+
{{#Widget:Vimeo|id=95774442|width=300|height=455}}
+
 
+
=== iPhone_Bloomberg_3 ===
+
{{#Widget:Vimeo|id=95774067|width=300|height=455}}
+
 
+
=== iPhone_Yahoo_1 ===
+
{{#Widget:Vimeo|id=95772579|width=300|height=455}}
+
 
+
=== iPhone_JetSetter_11 ===
+
{{#Widget:Vimeo|id=95772117|width=300|height=455}}
+
 
+
=== iPhone_ENow_6 ===
+
{{#Widget:Vimeo|id=95771561|width=300|height=455}}
+
 
+
 
+
== 자이로 이용, 입체 컨텐트 보기 ==
+
=== iPhone_Seene_2 ===
+
{{#Widget:Vimeo|id=95777616|width=300|height=455}}
+
 
+
== 다중휠 ==
+
=== iPhone_MapMyRun_2 ===
+
{{#Widget:Vimeo|id=95776842|width=300|height=455}}
+
 
+
== 휠 ==
+
=== iPhone_MyFitnessPal_4 ===
+
{{#Widget:Vimeo|id=95776747|width=300|height=455}}
+
 
+
== 소팅 ==
+
=== iPhone_Yummly_6 ===
+
{{#Widget:Vimeo|id=95774408|width=300|height=455}}
+
 
+
=== iPhone_Yummly_5 ===
+
{{#Widget:Vimeo|id=95774331|width=300|height=455}}
+
 
+
== 소셜:프로필 ==
+
=== iPhone_Hangout_1 ===
+
{{#Widget:Vimeo|id=95773041|width=300|height=455}}
+
 
+
== 드랍다운 ==
+
=== iPhone_ENow_3 ===
+
{{#Widget:Vimeo|id=95771374|width=300|height=455}}
+
 
+
== 수치선택 ==
+
=== iPhone Calendars5 1 ===
+
{{#Widget:Vimeo|id=95762143|width=300|height=455}}
+

Revision as of 13:43, 20 May 2014

항목이 회전목마처럼 돌아가며 보여진다.

Horizontal

항목이 회전목마처럼 가로로 돌아가며 보여진다.

565번 사례

  • 화면을 드래그하여 캐로셀 형태로 그림을 돌려본다.

389번 사례

  • 대형 터치스크린에서 화면을 drag 하여 가로로 나열된 항목을 둘러본다.
  • 단, 아래 영상의 15초 ~ 18초에 해당한다.

Vertical

항목이 회전목마처럼 세로로 돌아가며 보여진다.

Ferris wheel

항목이 대관람차처럼 돌아가며 보여진다.

415번 사례

  • 메뉴를 swipe 하면 관람차가 돌듯이 메뉴를 회전시켜 둘러 볼 수 있다.

347번 사례

  • 1부터 25까지의 목록이 큰 원 모양으로 배열되어 한바퀴 돌면 다시 반복되며, 좌우로 swipe하여 가로에 비슷하게 목록을 움직인다.