(→451번 사례) |
|||
| Line 1: | Line 1: | ||
| − | + | Page indicators/Pagination은 컨텐츠 화면 간 이동 및 현재위치를 파악하는데 사용하는 패턴이다. 주로 현재 페이지와 유사한 성격의 컨텐츠 간을 이동하거나 위치를 파악하는데 사용된다. | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | Page indicators/Pagination은 컨텐츠 화면 간 이동 및 현재위치를 파악하는데 사용하는 | + | |
페이지를 이동 및 표시하는 방식에 따라 구분이 가능한데, 주로 dot 방식이 사용되며, Character, Scroll bar 방식으로 분류할 수 있다. Page indicators/Pagination은 주로 화면 상하 또는 오른쪽에 위치하며 highlight를 이용하여 현재의 위치를 표시한다. 또한 Page indicators/Pagination을 이용하여 지정된 페이지로 이동한다. | 페이지를 이동 및 표시하는 방식에 따라 구분이 가능한데, 주로 dot 방식이 사용되며, Character, Scroll bar 방식으로 분류할 수 있다. Page indicators/Pagination은 주로 화면 상하 또는 오른쪽에 위치하며 highlight를 이용하여 현재의 위치를 표시한다. 또한 Page indicators/Pagination을 이용하여 지정된 페이지로 이동한다. | ||
=== With this pattern, we can solve... === | === With this pattern, we can solve... === | ||
| − | 저장 공간이 충분해 지면서 디지털기기의 컨텐츠 양이 기하급수적으로 증가하여, 많은 양의 컨텐츠를 효과적으로 둘러 보며 현재 위치를 파악하기 위한 | + | 저장 공간이 충분해 지면서 디지털기기의 컨텐츠 양이 기하급수적으로 증가하여, 많은 양의 컨텐츠를 효과적으로 둘러 보며 현재 위치를 파악하기 위한 패턴이 필요하다. Page indicators/Pagination은 많은 양의 컨텐츠를 쉽게 둘러 볼 수 있으며, 현재 위치를 파악할 수 있는 기능을 제공한다. |
* Page indicators/Pagination은 지정된 컨텐츠로 이동을 하며, 다른 컨텐츠가 존재할 것이라는 기대를 주기 위해 시각적 힌트를 주기도 한다. | * Page indicators/Pagination은 지정된 컨텐츠로 이동을 하며, 다른 컨텐츠가 존재할 것이라는 기대를 주기 위해 시각적 힌트를 주기도 한다. | ||
=== Example : iOS_날씨 === | === Example : iOS_날씨 === | ||
| − | {{#Widget:Vimeo|id=96693633|width=300|height=533 | + | {{#Widget:Vimeo|id=96693633|width=300|height=533}} |
---- | ---- | ||
== Dot indicator == | == Dot indicator == | ||
| − | |||
=== iOS_Duolingo === | === iOS_Duolingo === | ||
| Line 90: | Line 31: | ||
{{#Widget:Vimeo|id=93368390|width=300|height=405}} | {{#Widget:Vimeo|id=93368390|width=300|height=405}} | ||
| − | |||
---- | ---- | ||
| − | |||
== Character indicator == | == Character indicator == | ||
| − | |||
=== Android_TED === | === Android_TED === | ||
{{#Widget:Vimeo|id=94622272|width=300|height=541}} | {{#Widget:Vimeo|id=94622272|width=300|height=541}} | ||
| Line 104: | Line 42: | ||
=== 631번 사례 === | === 631번 사례 === | ||
* 음악이 모여 있는 화면에서 음악의 위치를 알 수 있는 인디케이터를 움직여 음악 목록의 내용을 훑어본다. | * 음악이 모여 있는 화면에서 음악의 위치를 알 수 있는 인디케이터를 움직여 음악 목록의 내용을 훑어본다. | ||
| − | + | {{#Widget:Vimeo|id=94814137|width=300|height=456}} | |
| − | |||
| − | |||
| − | |||
---- | ---- | ||
| − | |||
== Scroll bar indicator == | == Scroll bar indicator == | ||
| − | |||
=== iOS_CGV === | === iOS_CGV === | ||
| Line 120: | Line 53: | ||
{{#Widget:Vimeo|id=93045495|width=300|height=400}} | {{#Widget:Vimeo|id=93045495|width=300|height=400}} | ||
| − | |||
[[Category:Move in same level]] | [[Category:Move in same level]] | ||
Page indicators/Pagination은 컨텐츠 화면 간 이동 및 현재위치를 파악하는데 사용하는 패턴이다. 주로 현재 페이지와 유사한 성격의 컨텐츠 간을 이동하거나 위치를 파악하는데 사용된다.
페이지를 이동 및 표시하는 방식에 따라 구분이 가능한데, 주로 dot 방식이 사용되며, Character, Scroll bar 방식으로 분류할 수 있다. Page indicators/Pagination은 주로 화면 상하 또는 오른쪽에 위치하며 highlight를 이용하여 현재의 위치를 표시한다. 또한 Page indicators/Pagination을 이용하여 지정된 페이지로 이동한다.
저장 공간이 충분해 지면서 디지털기기의 컨텐츠 양이 기하급수적으로 증가하여, 많은 양의 컨텐츠를 효과적으로 둘러 보며 현재 위치를 파악하기 위한 패턴이 필요하다. Page indicators/Pagination은 많은 양의 컨텐츠를 쉽게 둘러 볼 수 있으며, 현재 위치를 파악할 수 있는 기능을 제공한다.