iOS Developer Library

Developer

iOS Human Interface Guidelines

iBooks

Animation

아름답고 은은한 애니메이션은 iOS UI에 은은히 퍼져 있으며 앱 사용 경험을 더욱 쫀득하고 역동적으로 만들어 준다. 적당한 애니메이션은 :

  • 상태에 대해 대화하고 피드백을 제공해 줄 수 있다.

  • 직접 다루는 듯한 느낌을 증가시길 수 있다.

  • 사용자들이 자신의 액션 결과를 시각화할 수 있도록 한다.

몰입형 경험을 제공하는 앱이 아닌 경우, 애니메이션은 매우 조심스럽게 추가한다. 과하고 근거없는 애니메이션은 앱의 흐름을 가로막고, 성능을 저하시키며 사용자들이 그들의 테스크로부터 산만해진다.

특히, 모션 효과와 UIKit 다이내믹스 비헤비어는 목적과 제약을 가지고 사용하며, 결과를 반드시 테스트 해라. 적당히 사용하면 그 효과들은 사용자의 이해도와 즐거움을 높일 것이지만 과하게 사용하면 혼란스러워 보이고 컨트롤하기 어려워 보인다.

가능한 커스텀 애니메이션이 빌트인 애니메이션과 일치하도록 한다. 사람들은 빌트인 iOS 앱들에서 사용된 은은한 애니메이션에 익숙해져 있다. 사실 사람들은 뷰 사이의 부드러운 장면전환, 장치 방향 변화에 따른 유동적 반응, 물리에 기반한 스크롤링등을 iOS 사용경험의 일부로 예상하고 있다. 몰입형 경험을 제공하는 앱-게임 같은-을 만드는 게 아니라면 커스텀 애니메이션은 빌트 인 애니메이션과 닮은 꼴이어야 한다.

당신의 앱 안에서 일관되게 애니메이션을 사용하라. 커스터마이즈의 다른 다른 타입들과 함께, 커스텀 애니메이션이 일관되어서 사용자가 당신의 앱을 사용해 가면서 경험을 쌓아나가도록 하는 건 중요하다.

일반적으로, 커스텀 애니메이션에서는 리얼리즘과 신뢰감을 얻기 위해 노력하라. 사람들은 외관에서 예술적인 파격을 받아들이려고 하지만, 말이 안되는 움직임을 경험하거나 물리적인 법칙을 무시하려고 하면 산만하다고 느낀다. 예를 들어, 뷰가 스크린의 위쪽으로부터 미끄러져 들어왔다면, 그 뷰를 없앨때는 원래 위치로 되돌려야한다. 그렇게 하는 것이 그 뷰가 어디에서 왔는지를 기억하도록 돕기 때문이다. 만약 동일한 뷰를 화면 아래로 내려 보냄으로서 없앤다면, 뷰는 화면의 위쪽에 있다는 사용자의 멘탈 모델을 깨는 것이 된다.