From Design pattern
Jump to: navigation, search
(Created page with "Instant preview는 기지정 항목 중 하나를 선택하여 그에 대한 반응을 즉각적으로 확인 할 수 있는 패턴이다. === With this pattern, we can solve...")
 
Line 9: Line 9:
 
{{#Widget:Vimeo|id=95705895|width=300|height=405|start=4s}}
 
{{#Widget:Vimeo|id=95705895|width=300|height=405|start=4s}}
 
----
 
----
== Camera ==
 
 
=== iOS_EyeEm ===
 
* 사진을 찍을 때의 프레임이나 색상의 톤과 같이 미리 세팅되어져 있는 옵션 항목을 변경하고자 할 때 상하 또는 좌우로 drag하여 그 결과를 직접 화면을 통해 확인한다.
 
{{#Widget:Vimeo|id=95705895|width=300|height=405}}
 
 
=== iOS_푸딩카메라 ===
 
* 세로로 나열된 항목을 swipe하여 이동하면 옵션이 적용된다.
 
* 아래는 세로로 나열된 카메라를 이동하여 가장 아래에 위치시키면 이동과 함께 카메라의 모드가 변경되는 사례이다.
 
{{#Widget:Vimeo|id=93531905|width=533|height=300}}
 
 
=== iOS_푸딩카메라 ===
 
* 가로로 나열된 항목을 drag 하여 이동하면 옵션이 적용된다.
 
* 아래는 가로로 나열된 카메라 필름을 이동하여 왼쪽에 위치한 카메라에 넣으면 필름이 옵션이 적용되는 사례이다.
 
{{#Widget:Vimeo|id=93531904|width=533|height=300}}
 
 
=== iOS_Spark ===
 
* 여러 개의 사진필터 중 하나를 골라 사진을 찍는다.
 
{{#Widget:Vimeo|id=93938689|width=533|height=395}}
 
 
=== iOS_Filter Frame ===
 
* 가로의 롤 형태의 메뉴 근처에서 좌우로 swipe하여 원하는 옵션의 메뉴를 가운데에 위치하여 활성화하면 편집의 대상이 되는 모든 사진에 해당 옵션이 적용된다.
 
{{#Widget:Vimeo|id=93374140|width=533|height=399}}
 
 
----
 
 
== Sound mixer ==
 
 
 
=== iOS_Relax Melodies ===
 
=== iOS_Relax Melodies ===
 
* 1개 이상의 아이콘을 tap하여 선택하면, 선택되었다는 표시가 되는 동시에 아이콘에 해당하는 음악이 재생되어 결과물을 즉각적으로 확인한다.
 
* 1개 이상의 아이콘을 tap하여 선택하면, 선택되었다는 표시가 되는 동시에 아이콘에 해당하는 음악이 재생되어 결과물을 즉각적으로 확인한다.

Revision as of 17:25, 4 July 2014

Instant preview는 기지정 항목 중 하나를 선택하여 그에 대한 반응을 즉각적으로 확인 할 수 있는 패턴이다.

With this pattern, we can solve...

Instant preview는 특정항목의 선택이 즉각적으로 적용되어 보여질 필요가 있을 때 사용한다.

  • 하나의 항목이 선택되고 선택에 따른 변화를 즉각적으로 확인할 수 있다.
  • 유사한 패턴으로 Single select, Multiple select가 있다.

Example : iOS_EyeEm


iOS_Relax Melodies

  • 1개 이상의 아이콘을 tap하여 선택하면, 선택되었다는 표시가 되는 동시에 아이콘에 해당하는 음악이 재생되어 결과물을 즉각적으로 확인한다.
  • 목록이 여러 페이지에 걸쳐 있어, 페이지를 왔다갔다하며 선택할 수 있다.

iOS_Novation Launchpad

  • 1개 이상의 아이콘을 선택할 때, 바로 아이콘에 해당하는 음악이 재생되어 결과물을 즉각적으로 확인한다.