앱 간에 전환할 때 크로스페이드 전환을 사용합니다. 크로스페이드 전환은 한 요소를 뷰로 페이드아웃하고 다른 요소는 페이드아웃합니다. 이 전환은 현재 앱에서 나가면서 다른 앱으로 빠르게 이동하는 것을 나타냅니다.
크로스페이드 모션으로 사용자가 앱 간에 빠르게 전환
예
빠른 크로스페이드는 사용자를 내비게이션 앱에서 미디어 앱으로 이동했다가 다시 돌아오게 함
동종 앱 뷰 간 전환
앱 바의 탭이나 재생목록의 노래와 같이 앱에서 동일한 계층 구조의 뷰 (동종 앱 보기라고도 함) 간에 전환할 때 공유 축 전환을 사용합니다. 이 전환의 가로, 좌우 이동은 앱 내에서 동일한 수준으로 유지되는 상태를 반영합니다.
빠른 크로스페이드로 사용자를 내비게이션 앱에서 미디어 앱으로 이동했다가 다시 돌아오는 동작
예
미디어 앱에서 노래 간에 전환할 때 공유 축 모션 패턴은 두 노래가 동일한 재생목록에 있음을 강화합니다.
기존 작업 확장
사용자가 작업을 보거나 수행하는 중에 보조적인 관련 작업을 하는 경우 해당 보조 작업은 수직 (위 또는 아래) 모션으로 도입되어야 합니다. 이 보조 작업은 기본 작업 앞에 스크림 배경과 함께 전체 화면 오버레이에 표시됩니다. 스크림을 통해 기본 작업이 나타난다는 사실은 사용자가 그 작업을 아직 진행 중이라는 것을 강조해 줍니다.
그러면 보조 작업이 여는 동작의 반대 방향으로 닫힙니다. 작업이 완료되었으므로 이 역방향 모션은 원래 모션보다 시간이 덜 걸립니다.
짧고 선택사항인 작업이 진행 중인 작업 앞에 갑자기 나타나야 하는 경우 화면 가장자리에서 위 또는 아래로 슬라이드되고 부분적인 스크림이 표시되어야 합니다. 또는 전체 스크림과 함께 화면 중앙으로 페이드 아웃됩니다. 새 작업을 표시하려는 위치와 가장 가까운 위치에서 모션을 시작하세요.
방해가 되는 작업이 화면 상단에 표시되어야 하는 경우 부분적으로 스크림을 사용하여 상단에서 슬라이드 안으로 슬라이드합니다.
예
이 Android Auto 예에서 예정된 회전에 관한 알림은 진행 중인 미디어 콘텐츠가 계속 표시되도록 부분 스크림과 함께 화면 상단에서 아래로 슬라이드됩니다.
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2024-07-23(UTC)"],[[["In driving mode, prioritize motion for essential communication like concepts, branding, and element relationships, ensuring it aids understanding without causing distraction."],["Utilize predefined motion patterns (crossfade, shared axis, vertical overlay, minimize/expand, and disruptive slide/fade) for consistent user experience across different in-car app interactions."],["Base motion design on standard easing principles, emphasizing smooth transitions that accelerate quickly and decelerate gradually."],["Tailor motion duration to the specific action, with quicker transitions for closing or minimizing actions compared to opening or expanding them."],["Maintain a hierarchy of actions, allowing users to understand the relationship between primary and secondary actions through visual cues like scrims and partial visibility."]]],[]]
