|
|
| (97 intermediate revisions by 6 users not shown) |
| Line 1: |
Line 1: |
| − | == 카루셀 ==
| + | Carousel은 마치 회전목마처럼 원형구조로 연결된 컨텐츠를 swipe를 통해 찾아볼 수 있는 인터랙션 패턴이다. 컨텐츠의 양쪽끝이 일렬로 연결된 원형구조인 점, 중앙의 컨텐츠가 주변 항목모다 크게 강조되는 점, 그리고 컨텐츠리스트가 썸네일 이미지로 구성되는 것이 특징이다. 주로 유사한 성격의 컨텐츠, 앱 간을 이동할 때 사용된다. |
| − | === iPhone_JangoRadio_2 ===
| + | |
| − | {{#Widget:Vimeo|id=95776946|width=300|height=455}}
| + | |
| | | | |
| − | == 목록 인디케이터&컨트롤러 ==
| + | 음악앨범이나 이미지를 보는 전체 화면 Carousel과 앱스토어나 온라인 쇼핑몰등에서 대표상품을 진열하는 방식으로 화면 상단에 위치하는 Carousel로 구분할 수 있다. 변형된 방식으로는 전후의 이미지가 보여지 않는 page 보기 중심의 Carousel이 있다. |
| − | === iPhone_Carousel_1 ===
| + | |
| − | {{#Widget:Vimeo|id=95777289|width=300|height=455}}
| + | |
| | | | |
| − | === iPhone Calendars5 8 === | + | ===With this pattern, we can solve...=== |
| − | {{#Widget:Vimeo|id=95762432|width=300|height=455}}
| + | 사용자가 많은 컨텐츠를 선택하는 과정에서 대표 이미지를 목록을 함께 보여주어야 하는 경우에 주로 사용한다. 컨텐츠가 많은 경우 좁은 화면 공간을 효율적으로 사용하면서 전후 컨텐츠가 어떤 것인지 썸네일을 통해 쉽게 유추할 수 있고, 조작방법이 직관적인 특징이 있다. |
| | | | |
| − | === iPhone Calendars5 3 ===
| + | * 리스트을 넘기는 과정에서 더 동적이고 매력적으로 보이게 한다. |
| − | {{#Widget:Vimeo|id=95762431|width=300|height=455}}
| + | * Carousel은 전후의 컨텐츠로 이동할 때, 전후의 컨텐츠를 동시에 표시해 연속적인 느낌을 준다. |
| | + | * 유사한 패턴으로는 원형의 대관람차 모양의 [[Ferris wheel]]과 슬라이드 영상기를 상영하는 듯한 느낌의 [[Slide project tray]]가 있다. Ferris wheel은 같은 원형구조이나 원형의 방향과 중앙 컨텐츠의 개념이 상대적으로 약하며, Slide project tray는 컨텐츠의 시작과 끝이 존재하는 점에서 Carousel과는 구분된다. |
| | + | * Gesture로 조작하는 사례는 [[Carousel by gesture]]에서 볼 수 있다. |
| | | | |
| − | === iPhone Calendars5 6 === | + | === Example : iOS_ Swallet === |
| − | {{#Widget:Vimeo|id=95762266|width=300|height=455}}
| + | [[File:IOS Swallet Carousel.PNG|310px]] |
| | | | |
| − | == 목록 ==
| + | ---- |
| − | === iPhone_FoxNews_1 ===
| + | |
| − | {{#Widget:Vimeo|id=95773440|width=300|height=455}}
| + | |
| | | | |
| − | === iPhone 911MemorialMuseum 3 === | + | == 전체화면 == |
| − | {{#Widget:Vimeo|id=95762040|width=300|height=455}}
| + | |
| | | | |
| − | == 계층 이동 == | + | ===Target Video Game Catalog === |
| | + | * #00:00-00:18 |
| | + | {{#Widget:Vimeo|id=23893504|width=533|height=300}} |
| | | | |
| − | === iPhone Amazon 1 ===
| + | ---- |
| − | {{#Widget:Vimeo|id=95762048|width=300|height=455}}
| + | |
| | | | |
| − | === iPhone_Learnist_5 === | + | == 상단화면 == |
| − | {{#Widget:Vimeo|id=95779362|width=300|height=455}} | + | === iOS_ Swallet === |
| | + | {{#Widget:Vimeo|id=96494209|width=300|height=533}} |
| | | | |
| − | === iPhone_Breeze_3 === | + | === iOS_App store === |
| − | {{#Widget:Vimeo|id=95777502|width=300|height=455}} | + | {{#Widget:Vimeo|id=93933788|width=533|height=399}} |
| | | | |
| − | === iPhone_Breeze_2 === | + | === Silverlight 4 Halo App store === |
| − | {{#Widget:Vimeo|id=95777478|width=300|height=455}} | + | {{#Widget:Youtube|id=UoNr_xjGvic|width=665|height=374}} |
| | | | |
| − | === iPhone_Carousel_2 === | + | === Touch kiosk EE === |
| − | {{#Widget:Vimeo|id=95777330|width=300|height=455}} | + | * #00:12-00:15 |
| | + | {{#Widget:Vimeo|id=84570507|width=665|height=374}} |
| | | | |
| − | === iPhone_HuffPost_5 === | + | === Citi Performing Arts Center, Wang Theatre Touch Screen Information Kiosk === |
| − | {{#Widget:Vimeo|id=95773877|width=300|height=455}} | + | * #00:15-00:18 |
| | + | {{#Widget:Vimeo|id=36790650|width=665|height=374}} |
| | | | |
| − | === iPhone_USAToday_3 ===
| + | ---- |
| − | {{#Widget:Vimeo|id=95773708|width=300|height=455}}
| + | |
| | | | |
| − | === iPhone_FoxNews_2 === | + | ==Page 보기== |
| − | {{#Widget:Vimeo|id=95773475|width=300|height=455}} | + | === iOS_ Nigellissima === |
| | + | {{#Widget:Vimeo|id=96668251|width=665|height=374}} |
| | | | |
| − | === iPhone_NPRNews_4 === | + | === iOS_Podcasts App === |
| − | {{#Widget:Vimeo|id=95773391|width=300|height=455}} | + | {{#Widget:Youtube|id=qPFw4GkI0Vo|width=665|height=374}} |
| | | | |
| − | === 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 ===
| + | [[Category:Move through contents]] |
| − | {{#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}}
| + | |
Carousel은 마치 회전목마처럼 원형구조로 연결된 컨텐츠를 swipe를 통해 찾아볼 수 있는 인터랙션 패턴이다. 컨텐츠의 양쪽끝이 일렬로 연결된 원형구조인 점, 중앙의 컨텐츠가 주변 항목모다 크게 강조되는 점, 그리고 컨텐츠리스트가 썸네일 이미지로 구성되는 것이 특징이다. 주로 유사한 성격의 컨텐츠, 앱 간을 이동할 때 사용된다.
음악앨범이나 이미지를 보는 전체 화면 Carousel과 앱스토어나 온라인 쇼핑몰등에서 대표상품을 진열하는 방식으로 화면 상단에 위치하는 Carousel로 구분할 수 있다. 변형된 방식으로는 전후의 이미지가 보여지 않는 page 보기 중심의 Carousel이 있다.
사용자가 많은 컨텐츠를 선택하는 과정에서 대표 이미지를 목록을 함께 보여주어야 하는 경우에 주로 사용한다. 컨텐츠가 많은 경우 좁은 화면 공간을 효율적으로 사용하면서 전후 컨텐츠가 어떤 것인지 썸네일을 통해 쉽게 유추할 수 있고, 조작방법이 직관적인 특징이 있다.
