Motion

화면 간 전환, 특정 기능의 사용 방법을 애니메이션을 활용하여 쉽게 제공할 수 있습니다.
영상의 움직임, 소리, 모션의 유기적 연결성을 갖고 더욱 풍부하고 몰입감 있게 만듭니다.
TV 환경에 맞게 간결하고 직관적으로 설계해야 하며, 리모컨 네비게이션 특성을 이해하고 최적화된 애니메이션을 구현합니다.

  • 초당 프레임 수(FPS)를 적절히 활용하여 자연스러운 움직임을 구현할 수 있습니다. 단순하고 명확하면서도 생동감 있게 제작하여 사용자의 TV 시청 경험을 향상시킵니다.

Principles of Use

TV 화면 내 목적과 형태에 따라 애니메이션을 다양한 방식으로 제공합니다.
일괄적인 형태보다는 다양하고 유연하게 연결하거나 전환하여 더욱 직관적이고 매력적으로 인터페이스를 표현합니다.
단, 과도한 애니메이션은 오히려 사용성을 저해할 수 있으므로 적절히 사용합니다.

Usage

리모컨에 의해 유기적으로 동작하는 표현방법에 따라 구분합니다.
인터페이스 요소의 움직임이 자연스럽고 부드럽게 표현되어야 합니다.

Transition

트랜지션은 TV 인터페이스에서 화면 간 전환이나 요소의 상태 변화를 부드럽게 연결하는 애니메이션입니다.
단순한 장식이 아닌 사용자의 이해를 돕는 목적으로 사용합니다.
효과적인 트랜지션은 사용자 경험을 향상시키고 인터페이스의 구조를 이해하는 데 도움을 줍니다.

Focus

포커스는 TV 인터페이스에서 현재 선택된 요소를 시각적으로 강조하는 방식입니다.
리모컨을 통한 네비게이션에서 사용자의 현재 위치를 명확히 표시하는 중요한 역할을 합니다
포커스 이동 방향을 명확히 보여주는 애니메이션 사용합니다.

Loading

로딩 애니메이션은 TV 인터페이스에서 콘텐츠 버퍼링, 페이지 전환, 데이터 로딩 등의 상황에서 사용되는 시각적 표시입니다.
사용자에게 시스템이 작동 중임을 알리고, 대기 시간을 시각적으로 표현하여 사용자 경험을 향상시킵니다.
로딩 시간이 길어질 경우 추정 완료 시간 제공하거나, 사용자가 취소하거나 다른 작업을 할 수 있는 옵션 제공해야 합니다.

  • Principles of Use
  • Usage
    • Transition
    • Focus
    • Loading