모션

모션은 강력한 도구이지만 운전 상황에서는 신중하게 사용해야 합니다. 운전자의 주의를 도로에서 분산시키지 않으면서 필요한 정보를 제공할 수 있을 때만 적절하게 활용해야 합니다.

요약 정보 (TL;DR):

운동 원리

차량용 안드로이드 인터페이스의 모션 그래픽을 디자인할 때는 안전성, 정보 제공, 유연성이라는 세 가지 기본 원칙을 염두에 두어야 합니다.

안전한

운전은 운전자의 최우선 과제이며, 다른 모든 것은 부차적인 것입니다. 운전자의 주의력은 한정된 자원이므로, 불필요한 주의 산만을 유발하는 움직임을 피해야 합니다.

유익한

모션을 활용하여 사용자에게 도움이 되는 정보를 전달하세요. 예를 들어, 모션은 요소 간의 계층적 및 공간적 관계를 보여줌으로써 사용자가 제품을 더 잘 이해하도록 도울 수 있습니다. 또한 모션은 사용 가능한 상호 작용 방식을 보여줌으로써 사용자가 인터페이스에 더욱 능숙해지도록 지원할 수 있습니다.

유연한

화면 크기와 형태는 물론 사용자 입력 유형에 관계없이 조정할 수 있도록 확장성과 유연성을 갖춘 모션 언어를 정의하십시오.

동작 패턴

Android Automotive는 모든 앱에서 일관된 사용자 경험을 지원하기 위해 다음과 같은 상황에서 사용할 특정 모션 패턴을 권장합니다.

• 동일 레벨 보기 간 전환
• 상세 보기로 이동합니다
• 기존 액션 확장
• 행동의 최소화 및 확대
• 행동을 방해하다

이 섹션의 모든 모션 패턴은 머티리얼 디자인 이징 가이드라인에서 설명한 표준 이징을 기반으로 합니다. 즉, 모션이 빠르게 가속되고 점진적으로 느려져 전환의 끝부분에 시선이 집중되도록 합니다.

동일 레벨 보기 간 전환

앱 내에서 동일한 계층 구조에 있는 보기 사이를 전환할 때, 예를 들어 앱 바의 탭이나 재생 목록의 노래 사이를 전환할 때는 좌우로 움직이는 동작을 사용하세요. 이렇게 좌우로 움직이면 앱 내에서 같은 수준에 머물러 있다는 느낌을 강화할 수 있습니다.

예

상세 보기로 이동합니다

콘텐츠를 전체적으로 보는 화면에서 자세히 보는 화면으로 이동할 때, 아래쪽 레이어를 확대하고 위쪽 레이어가 서서히 사라지도록 하는 z축 깊이 이동을 사용하세요. 이 이동은 전체 화면과 자세히 보는 화면 간의 부모-자식 관계를 강조하여 자세히 보는 화면에 시선을 집중시킵니다.

예

기존 액션 확장

사용자가 현재 동작을 수행하는 동안 관련 동작을 취할 때, 수직(위 또는 아래) 움직임을 사용하여 기본 동작 위에 스크림 배경을 적용한 전체 화면 오버레이로 보조 동작을 표시합니다. 스크림을 통해 기본 동작을 볼 수 있도록 함으로써 사용자가 여전히 해당 동작을 수행하고 있음을 강조합니다.

보조 동작을 종료할 때는 이 동작의 반대 동작을 사용하십시오. 사용자가 보조 동작을 완료하고 종료할 준비가 되었으므로 반대 동작은 원래 동작보다 시간이 적게 소요되어야 합니다.

지속

머티리얼 디자인 가이드라인에 따른 화면 전환 시간 설정