[iOS / HIG] Animation

Animation

Beautiful, subtle animation throughout iOS builds a visual sense of connection between people and content onscreen. When used appropriately, animation can convey status, provide feedback, enhance the sense of direct manipulation, and help users visualize the results of their actions.

iOS 전체에 걸쳐 아름답고 미묘한 애니메이션이 사람과 콘텐츠를 화면에 연결하는 시각적 감각을 구축합니다. 애니메이션을 적절하게 사용하면 상태를 전달하고 피드백을 제공하며 직접 조작의 감각을 높이고 사용자가 작업 결과를 시각화할 수 있습니다.

 

Play

Use animation and motion effects judiciously. Don’t use animation for the sake of using animation. Excessive or gratuitous animation can make people feel disconnected or distracted, especially in apps that don’t provide an immersive experience. iOS uses motion effects, such as a parallax effect, to create the perception of depth on the Home screen and in other areas. These effects can increase understanding and enjoyment, but overusing them can make an app feel disorienting and difficult to control. If you implement motion effects, always test the results to make sure they work well.

애니메이션과 모션 효과를 적절히 사용하십시오. 애니메이션 사용을 위해 애니메이션을 사용하지 마세요. 특히 몰입감 있는 경험을 제공하지 않는 앱에서 과도하거나 불필요한 애니메이션은 사람들이 단절되거나 산만함을 느끼게 할 수 있습니다. iOS는 시차 효과와 같은 모션 효과를 사용하여 홈 스크린과 다른 영역에 깊이를 인식합니다. 이러한 효과는 이해와 즐거움을 증가시킬 수 있지만, 과도한 사용은 앱을 혼란스럽게 하고 통제하기 어렵게 만들 수 있습니다. 모션 효과를 구현하는 경우 항상 결과를 테스트하여 제대로 작동하는지 확인하십시오.

 

Strive for realism and credibility. People tend to accept artistic license, but they can feel disoriented when movement doesn’t make sense or appears to defy physical laws. If someone reveals a view by sliding it down from the top of the screen, for example, they should be able dismiss the view by sliding it back up.

현실성과 신뢰성을 위해 노력하세요. 사람들은 예술적 라이선스를 받아들이는 경향이 있지만, 움직임이 이치에 맞지 않거나 물리적 법칙을 거스르는 것처럼 보일 때 방향감각을 잃을 수 있습니다. 예를 들어, 누군가 화면 위에서 아래로 미끄러져 시야를 드러낸다면, 다시 위로 미끄러져 시야를 없앨 수 있어야 합니다.

 

Use consistent animation. A familiar, flowing experience keeps users engaged. They're accustomed to the subtle animation used throughout iOS, such as smooth transitions, fluid changes in device orientation, and physics-based scrolling. Unless you’re creating an immersive experience, such as a game, custom animation should be comparable to the built-in animations.

일관된 애니메이션을 사용합니다. 친숙하고 흐르는 경험은 사용자들의 흥미를 지속시킵니다. 부드러운 전환, 기기 방향의 유체 변화, 물리 기반 스크롤과 같은 iOS 전체에서 사용되는 미묘한 애니메이션에 익숙합니다. 게임과 같은 몰입감 있는 경험을 만드는 것이 아니라면, 맞춤형 애니메이션은 내장된 애니메이션과 비교할 수 있어야 합니다.

 

Make animations optional. When the option to reduce motion is enabled in accessibility preferences, your app should minimize or eliminate application animations. For guidance, see Motion.

애니메이션을 선택 사항으로 만듭니다. 내게 필요한 옵션 설정에서 모션 감소 옵션을 활성화하면 응용 프로그램 애니메이션을 최소화하거나 제거해야 합니다. 자세한 내용은 운동을 참조하십시오.

 

 

 

※ 참고 출처

애플 개발자 문서

Animation - Visual Design - iOS - Human Interface Guidelines - Apple Developer