Difference between revisions of "Instant preview"
Navigation menu
From Design pattern
| (15 intermediate revisions by one user not shown) | |||
| Line 1: | Line 1: | ||
| − | Instant preview는 기지정 항목 중 하나를 선택하여 그에 대한 반응을 즉각적으로 확인 할 수 있는 패턴이다. | + | Instant preview는 기지정 항목 중 하나를 선택하여 그에 대한 반응을 즉각적으로 확인 할 수 있는 패턴이다. 주로 카메라나 앨범에서 사용되며, 카메라의 경우 다양한 필터의 선택입력을 화면에서 즉각적으로 확인할 수 있다. 앨범의 경우 사진에 적용할 효과들을 선택입력 할 경우 사진에 즉시 적용되어 보여진다. |
| − | + | ||
=== With this pattern, we can solve... === | === With this pattern, we can solve... === | ||
| − | Instant preview는 특정항목의 선택이 즉각적으로 적용되어 보여질 필요가 있을 때 사용한다. | + | Instant preview는 특정항목의 선택이 즉각적으로 적용되어 보여질 필요가 있을 때 사용한다. 선택 입력 가능한 기기정정보 리스트에서 사용자의 선택에 따른 입력의 결과물이 화면에 즉시 피드백 될 필요가 있을 때 사용한다. |
| − | * 하나의 항목이 선택되고 선택에 따른 변화를 | + | * 하나의 항목이 선택되고 선택에 따른 변화를 즉시 시각적으로 확인할 수 있다. |
| − | * 유사한 패턴으로 Single select, Multiple | + | * 유사한 패턴으로 [[Single select]], [[Multiple select]]가 있다. |
| + | |||
| + | === Example : iOS_Spark === | ||
| + | [[File:Instant2.jpg]] | ||
| − | |||
| − | |||
---- | ---- | ||
| − | |||
| − | |||
| − | === | + | === iOS_Spark === |
| − | * 사진을 | + | * 여러 개의 사진필터 중 하나를 골라 사진을 찍는다. |
| − | {{#Widget:Vimeo|id= | + | {{#Widget:Vimeo|id=93938689|width=533|height=395}} |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
=== iOS_푸딩카메라 === | === iOS_푸딩카메라 === | ||
| Line 32: | Line 26: | ||
{{#Widget:Vimeo|id=93531904|width=533|height=300}} | {{#Widget:Vimeo|id=93531904|width=533|height=300}} | ||
| − | === | + | === iOS_EyeEm === |
| − | * | + | * 사진을 찍을 때의 프레임이나 색상의 톤과 같이 미리 세팅되어져 있는 옵션 항목을 변경하고자 할 때 상하 또는 좌우로 drag하여 그 결과를 직접 화면을 통해 확인한다. |
| − | {{#Widget:Vimeo|id= | + | {{#Widget:Vimeo|id=95705895|width=395|height=533}} |
| − | |||
| − | == | + | ===iOS_Rookie=== |
| + | {{#Widget:Vimeo|id=95777056|width=300|height=533}} | ||
| − | + | === iOS_Filter Frame === | |
| − | + | * 가로의 롤 형태의 메뉴 근처에서 좌우로 swipe하여 원하는 옵션의 메뉴를 가운데에 위치하여 활성화하면 편집의 대상이 되는 모든 사진에 해당 옵션이 적용된다. | |
| − | === | + | {{#Widget:Vimeo|id=93374140|width=533|height=399}} |
| − | * | + | |
| − | + | ||
| − | {{#Widget:Vimeo|id= | + | |
| − | |||
| − | |||
| − | |||
| − | [[Category:Select | + | [[Category:Select pre-defined values]] |
Latest revision as of 14:14, 25 July 2014
Instant preview는 기지정 항목 중 하나를 선택하여 그에 대한 반응을 즉각적으로 확인 할 수 있는 패턴이다. 주로 카메라나 앨범에서 사용되며, 카메라의 경우 다양한 필터의 선택입력을 화면에서 즉각적으로 확인할 수 있다. 앨범의 경우 사진에 적용할 효과들을 선택입력 할 경우 사진에 즉시 적용되어 보여진다.
Contents
With this pattern, we can solve...
Instant preview는 특정항목의 선택이 즉각적으로 적용되어 보여질 필요가 있을 때 사용한다. 선택 입력 가능한 기기정정보 리스트에서 사용자의 선택에 따른 입력의 결과물이 화면에 즉시 피드백 될 필요가 있을 때 사용한다.
- 하나의 항목이 선택되고 선택에 따른 변화를 즉시 시각적으로 확인할 수 있다.
- 유사한 패턴으로 Single select, Multiple select가 있다.
Example : iOS_Spark
iOS_Spark
- 여러 개의 사진필터 중 하나를 골라 사진을 찍는다.
iOS_푸딩카메라
- 세로로 나열된 항목을 swipe하여 이동하면 옵션이 적용된다.
- 아래는 세로로 나열된 카메라를 이동하여 가장 아래에 위치시키면 이동과 함께 카메라의 모드가 변경되는 사례이다.
iOS_푸딩카메라
- 가로로 나열된 항목을 drag 하여 이동하면 옵션이 적용된다.
- 아래는 가로로 나열된 카메라 필름을 이동하여 왼쪽에 위치한 카메라에 넣으면 필름이 옵션이 적용되는 사례이다.
iOS_EyeEm
- 사진을 찍을 때의 프레임이나 색상의 톤과 같이 미리 세팅되어져 있는 옵션 항목을 변경하고자 할 때 상하 또는 좌우로 drag하여 그 결과를 직접 화면을 통해 확인한다.
iOS_Rookie
iOS_Filter Frame
- 가로의 롤 형태의 메뉴 근처에서 좌우로 swipe하여 원하는 옵션의 메뉴를 가운데에 위치하여 활성화하면 편집의 대상이 되는 모든 사진에 해당 옵션이 적용된다.