From Design pattern
Jump to: navigation, search
(Example : iOS_MIDI Knob)
(Example : iOS_MIDI Knob)
Line 72: Line 72:
 
=== Example : iOS_MIDI Knob ===
 
=== Example : iOS_MIDI Knob ===
 
<!--{{#Widget:Vimeo|id=96613103|width=300|height=533|start=4s}}-->
 
<!--{{#Widget:Vimeo|id=96613103|width=300|height=533|start=4s}}-->
{{#Widget:Vimeo|id=96613103|width=300|height=500}}
+
{{#Widget:Vimeo|id=96613103|width=300|height=533}}
  
 
----
 
----

Revision as of 00:00, 30 May 2014


Dial/Knob은 최소값과 최대값이 정해진 연속된 범위의 값을 조절할 때 사용하는 pattern이다. 컨트롤러가 Dial 혹은 Knob의 형태로 이루어져 있어, 사용자가 실생활에서 Dial이나 Knob를 조절하는 방법으로 값을 조절한다.

최소값과 최대값이 정해진 연속된 범위의 값 사이에서 현재값이 위치한 부분을 drag하여 값을 조절한다. Dial 이미지의 값의 위치를 조절하면, 실시간으로 적용되어 보여지는 값이 함께 변화한다.

With this pattern, we can solve...

사용자가 원하는 값를 입력하기 위해, Dial/Knob은 연속된 값 중 원하는 값을 선택하여 입력 할 수 있는 기능을 제공한다. 입력 가능한 범위가 지정되어 있기 때문에, 사용자가 부적절한 값을 입력하는 상황을 방지한다. 메타포의 특성에 따라 주로 음향을 조절할 때 쓰이기 때문에 작곡 응용프로그램에서 많이 사용된다.

  • Dial/Knob은 간단한 동작을 통해 원하는 연속된 값을 부드럽게 입력할 수 있다.
  • Dial/Knob은 특정 범위안의 현재값을 상대적으로 파악할 수 있다.
  • Dial/Knob은 현실에서 사용자가 손으로 직접 dial을 잡고 좌우측으로 돌려 값을 조절하는 실제 기계의 메타포를 적용시킨 pattern이다.

Example : iOS_MIDI Knob


Time Dial/Knob

Android_Date wheel classic

Android_Kitchen timer


Volume Dial/Knob

Android_Volume booster

Android_Volume control

iOS_Volume dial