From Design pattern
Jump to: navigation, search
 
(156 intermediate revisions by 9 users not shown)
Line 1: Line 1:
Comment 작성하시려면 들여쓰기 한칸 하고 글 쓰시면 됩니다.
+
Close page은 실행중이거나 멀티태스킹 상태에서의 창을 닫는 패턴이다.
육제민 : 작성 어려우시면 말씀해주세요
+
홍길동 : 이 부분 어려운데 어떻게 할까?
+
육제민 : "----" 따음표 안에 있는거를 쓰시면 패턴간에 구분해 놓으실 수 있습니다.
+
  
= Dealing =
+
주로 창을 화면 밖으로 drag하거나 swipe하여 조작할 수 있다. 멀티테스킹에서 구동되는 앱을 비활성화하는 경우는 주로 이러한 방법을 사용하지만, 앱 내부에 있는 기능이 있는 창을 닫을 경우 앱의 조작방식에 따라 다양하게 활용되어질 수 있다.
== 패턴화 된 것들 ==
+
=== 사례명 ===
+
* 사례설명
+
* 사례설명
+
<동영상 코드는 일단 기존방식으로 해놓으시면 나중에 일괄 수정할게요>
+
  
== BBC update_Pull to refresh(550) ==
+
=== With this pattern, we can solve... ===
* 화면을 아래로 당겨 새로운 뉴스기사의 데이터를 갱신한다.
+
창이나 프로그램의 종료는 X 버튼을 누르는 형태가 직관적이지만, 터치스크린이 가능한 기기에서는 빠르게 제거를 하기 위한 방법으로 화면 밖으로 던지는 동작과 피드백이 주로 활용되고 있다.  
<videoflash type="vimeo">93208558|300|528</videoflash>
+
  
== Facebook_Pull to refresh(551) ==
+
* 창, 앱, 페이지, 프로그램 등을 닫는 방식이기 때문에 닫는 방법을 알려주지 않을 경우 그 동작이 짐작할 수 있는 것이어야 한다.
* 화면을 아래로 당겨 새로운 소식을 갱신한다.
+
* 프로그램이 아니라 작업중인 파일이나 데이터를 삭제하는 경우는 데이터를 편집하는 패턴인 [[Delete object]]에 해당한다.
<videoflash type="vimeo">93208559|300|528</videoflash>
+
 
+
== Google play store_Segmented control(552) ==
+
* 동일한 내용의 컨텐츠를 여러 필터링을 통해 정렬해 보여준다.
+
<videoflash type="vimeo">93208560|300|528</videoflash>
+
 
+
== T store_Segmented control(553) ==
+
* 동일한 내용의 컨텐츠를 여러 필터링을 통해 정렬해 보여준다.
+
<videoflash type="vimeo">93208561|300|528</videoflash>
+
  
 +
===Example : iOS ===
 +
[[file:Quit program.jpg]]
  
 
----
 
----
= Getting =
 
== 미분류 패턴 ==
 
=== 사례명 ===
 
* 사례설명
 
* 사례설명
 
<동영상 코드는 일단 기존방식으로 해놓으시면 나중에 일괄 수정할게요>
 
----
 
= Navi =
 
== 미분류 패턴 ==
 
=== 사례명 ===
 
* 사례설명
 
* 사례설명
 
<동영상 코드는 일단 기존방식으로 해놓으시면 나중에 일괄 수정할게요>
 
  
== 228번 사례 ==
+
=== Windows8 ===
* 손가락으로 원하는 기사를 1초간 Pointing하면 해당 기사를 자세히 볼 수 있다.
+
{{#Widget:Vimeo|id=95088487|width=665|height=374}}
{{#Widget:Vimeo|id=93326761|width=665|height=374|start=14s}}
+
  
== 229번 사례 ==
+
=== iOS ===
* 손가락으로 원을 그리는 제스처를 통해 뉴스기사의 스크롤을 위아래로 이동한다.
+
{{#Widget:Vimeo|id=93550672|width=300|height=533}}
{{#Widget:Vimeo|id=93326766|width=665|height=374|start=14s}}
+
  
== 542번 사례 ==
+
=== Android ===
* 가로로 스크롤을 이동해 동일레벨에 있는 기사들을 훑어본다.
+
{{#Widget:Vimeo|id=93954440|width=300|height=541}}]
{{#Widget:Vimeo|id=93207968|width=665|height=374|start=14s}}
+
  
== 543번 사례 ==
+
=== Android_Samsung Galaxy Note ===
* 가로로 스크롤을 이동해 동일레벨에 있는 영화들을 훝어본다.
+
{{#Widget:Vimeo|id=94636809|width=300|height=455}}
{{#Widget:Vimeo|id=93208068|width=665|height=374|start=14s}}
+
  
== 544번 사례 ==
+
=== Android_Chrome ===
* 가로로 스크롤을 이동해 동일레벨에 있는 운동의 종류를 훑어본다.
+
{{#Widget:Vimeo|id=93362380|width=300|height=455}}
{{#Widget:Vimeo|id=93207970|width=665|height=374|start=14s}}
+
  
== NY time_Spinner(554) ==
 
* 화살표 버튼을 클릭해 숨겨져있던 다양한 기능의 버튼을 확인한다.
 
<videoflash type="vimeo">93208741|300|528</videoflash>
 
 
 
== 대한민국 구석구석_Spinner(555) ==
 
* 화살표 버튼을 클릭해 숨겨져있던 여행지 필터링 기능을 불러온다.
 
<videoflash type="vimeo">93208742|300|528</videoflash>
 
 
----
 
  
= Screen =
+
[[Category:Deactivate application]]
== 미분류 패턴 ==
+
=== 사례명 ===
+
* 사례설명
+
* 사례설명
+
<동영상 코드는 일단 기존방식으로 해놓으시면 나중에 일괄 수정할게요>
+
[[category:Seoultech]]
+

Latest revision as of 17:52, 29 July 2014

Close page은 실행중이거나 멀티태스킹 상태에서의 창을 닫는 패턴이다.

주로 창을 화면 밖으로 drag하거나 swipe하여 조작할 수 있다. 멀티테스킹에서 구동되는 앱을 비활성화하는 경우는 주로 이러한 방법을 사용하지만, 앱 내부에 있는 기능이 있는 창을 닫을 경우 앱의 조작방식에 따라 다양하게 활용되어질 수 있다.

With this pattern, we can solve...

창이나 프로그램의 종료는 X 버튼을 누르는 형태가 직관적이지만, 터치스크린이 가능한 기기에서는 빠르게 제거를 하기 위한 방법으로 화면 밖으로 던지는 동작과 피드백이 주로 활용되고 있다.

  • 창, 앱, 페이지, 프로그램 등을 닫는 방식이기 때문에 닫는 방법을 알려주지 않을 경우 그 동작이 짐작할 수 있는 것이어야 한다.
  • 프로그램이 아니라 작업중인 파일이나 데이터를 삭제하는 경우는 데이터를 편집하는 패턴인 Delete object에 해당한다.

Example : iOS

Quit program.jpg


Windows8

iOS

Android

]

Android_Samsung Galaxy Note

Android_Chrome