From Design pattern
Jump to: navigation, search
Line 13: Line 13:
 
== BBC update_Pull to refresh(550) ==
 
== BBC update_Pull to refresh(550) ==
 
* 화면을 아래로 당겨 새로운 뉴스기사의 데이터를 갱신한다.
 
* 화면을 아래로 당겨 새로운 뉴스기사의 데이터를 갱신한다.
<videoflash type="vimeo">93208558|300|528</videoflash>
+
{{#Widget:Vimeo|id=93208558|width=300|height=528}}
  
 
== Facebook_Pull to refresh(551) ==
 
== Facebook_Pull to refresh(551) ==
 
* 화면을 아래로 당겨 새로운 소식을 갱신한다.
 
* 화면을 아래로 당겨 새로운 소식을 갱신한다.
<videoflash type="vimeo">93208559|300|528</videoflash>
+
{{#Widget:Vimeo|id=93208559|width=300|height=528}}
  
 
== Google play store_Segmented control(552) ==
 
== Google play store_Segmented control(552) ==
 
* 동일한 내용의 컨텐츠를 여러 필터링을 통해 정렬해 보여준다.
 
* 동일한 내용의 컨텐츠를 여러 필터링을 통해 정렬해 보여준다.
<videoflash type="vimeo">93208560|300|528</videoflash>
+
{{#Widget:Vimeo|id=93208560|width=300|height=528}}
  
 
== T store_Segmented control(553) ==
 
== T store_Segmented control(553) ==
 
* 동일한 내용의 컨텐츠를 여러 필터링을 통해 정렬해 보여준다.
 
* 동일한 내용의 컨텐츠를 여러 필터링을 통해 정렬해 보여준다.
<videoflash type="vimeo">93208561|300|528</videoflash>
+
{{#Widget:Vimeo|id=93208561|width=300|height=528}}
  
  
Line 38: Line 38:
 
== Galaxy 연락처_ (563) ==
 
== Galaxy 연락처_ (563) ==
 
* 주소 리스트를 Swipe하여 실행 가능한 기능(전화, 메세지)를 활성화 한다.
 
* 주소 리스트를 Swipe하여 실행 가능한 기능(전화, 메세지)를 활성화 한다.
<videoflash type="vimeo">93208929|300|528</videoflash>
+
{{#Widget:Vimeo|id=93208929|width=300|height=528}}
  
 
== 왓챠_Multiple select with check box(564) ==
 
== 왓챠_Multiple select with check box(564) ==
 
* 체크박스를 tap하여 원하는 영화를 추천 받기위해 필터링 한다.
 
* 체크박스를 tap하여 원하는 영화를 추천 받기위해 필터링 한다.
<videoflash type="vimeo">93208930|300|528</videoflash>
+
{{#Widget:Vimeo|id=93208930|width=300|height=528}}
  
 
----
 
----
Line 62: Line 62:
 
== 542번 사례 ==
 
== 542번 사례 ==
 
* 가로로 스크롤을 이동해 동일레벨에 있는 기사들을 훑어본다.
 
* 가로로 스크롤을 이동해 동일레벨에 있는 기사들을 훑어본다.
{{#Widget:Vimeo|id=93207968|width=665|height=374|start=14s}}
+
{{#Widget:Vimeo|id=93207968|width=300|height=528}}
  
 
== 543번 사례 ==
 
== 543번 사례 ==
 
* 가로로 스크롤을 이동해 동일레벨에 있는 영화들을 훝어본다.
 
* 가로로 스크롤을 이동해 동일레벨에 있는 영화들을 훝어본다.
{{#Widget:Vimeo|id=93208068|width=665|height=374|start=14s}}
+
{{#Widget:Vimeo|id=93208068|width=300|height=528}}
  
 
== 544번 사례 ==
 
== 544번 사례 ==
 
* 가로로 스크롤을 이동해 동일레벨에 있는 운동의 종류를 훑어본다.
 
* 가로로 스크롤을 이동해 동일레벨에 있는 운동의 종류를 훑어본다.
{{#Widget:Vimeo|id=93207970|width=665|height=374|start=14s}}
+
{{#Widget:Vimeo|id=93207970|width=300|height=528}}
  
 
== NY time_Spinner(554) ==
 
== NY time_Spinner(554) ==
 
* 화살표 버튼을 클릭해 숨겨져있던 다양한 기능의 버튼을 확인한다.
 
* 화살표 버튼을 클릭해 숨겨져있던 다양한 기능의 버튼을 확인한다.
<videoflash type="vimeo">93208741|300|528</videoflash>
+
{{#Widget:Vimeo|id=93208741|width=300|height=528}}
 
+
  
 
== 대한민국 구석구석_Spinner(555) ==
 
== 대한민국 구석구석_Spinner(555) ==
 
* 화살표 버튼을 클릭해 숨겨져있던 여행지 필터링 기능을 불러온다.
 
* 화살표 버튼을 클릭해 숨겨져있던 여행지 필터링 기능을 불러온다.
<videoflash type="vimeo">93208742|300|528</videoflash>
+
{{#Widget:Vimeo|id=93208742|width=300|height=528}}
  
 
== BBC update_Call option menu(562) ==
 
== BBC update_Call option menu(562) ==
 
* 뉴스 기사를 Swipe하여 숨겨진 메뉴를 불러온다.
 
* 뉴스 기사를 Swipe하여 숨겨진 메뉴를 불러온다.
<videoflash type="vimeo">93208926|300|528</videoflash>
+
{{#Widget:Vimeo|id=93208926|width=300|height=528}}
 
+
  
 
----
 
----

Revision as of 02:48, 23 May 2014

Comment 작성하시려면 들여쓰기 한칸 하고 글 쓰시면 됩니다.
육제민 : 작성 어려우시면 말씀해주세요
홍길동 : 이 부분 어려운데 어떻게 할까?
육제민 : "----" 따음표 안에 있는거를 쓰시면 패턴간에 구분해 놓으실 수 있습니다.

Dealing

패턴화 된 것들

사례명

  • 사례설명
  • 사례설명

<동영상 코드는 일단 기존방식으로 해놓으시면 나중에 일괄 수정할게요>

BBC update_Pull to refresh(550)

  • 화면을 아래로 당겨 새로운 뉴스기사의 데이터를 갱신한다.

Facebook_Pull to refresh(551)

  • 화면을 아래로 당겨 새로운 소식을 갱신한다.

Google play store_Segmented control(552)

  • 동일한 내용의 컨텐츠를 여러 필터링을 통해 정렬해 보여준다.

T store_Segmented control(553)

  • 동일한 내용의 컨텐츠를 여러 필터링을 통해 정렬해 보여준다.



Getting

미분류 패턴

사례명

  • 사례설명
  • 사례설명

<동영상 코드는 일단 기존방식으로 해놓으시면 나중에 일괄 수정할게요>

Galaxy 연락처_ (563)

  • 주소 리스트를 Swipe하여 실행 가능한 기능(전화, 메세지)를 활성화 한다.

왓챠_Multiple select with check box(564)

  • 체크박스를 tap하여 원하는 영화를 추천 받기위해 필터링 한다.


Navi

미분류 패턴

사례명

  • 사례설명
  • 사례설명

<동영상 코드는 일단 기존방식으로 해놓으시면 나중에 일괄 수정할게요>

228번 사례

  • 손가락으로 원하는 기사를 1초간 Pointing하면 해당 기사를 자세히 볼 수 있다.

229번 사례

  • 손가락으로 원을 그리는 제스처를 통해 뉴스기사의 스크롤을 위아래로 이동한다.

542번 사례

  • 가로로 스크롤을 이동해 동일레벨에 있는 기사들을 훑어본다.

543번 사례

  • 가로로 스크롤을 이동해 동일레벨에 있는 영화들을 훝어본다.

544번 사례

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

NY time_Spinner(554)

  • 화살표 버튼을 클릭해 숨겨져있던 다양한 기능의 버튼을 확인한다.

대한민국 구석구석_Spinner(555)

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

BBC update_Call option menu(562)

  • 뉴스 기사를 Swipe하여 숨겨진 메뉴를 불러온다.


Screen

미분류 패턴

사례명

  • 사례설명
  • 사례설명

<동영상 코드는 일단 기존방식으로 해놓으시면 나중에 일괄 수정할게요>