The modern mobile audience every year makes ever higher demands on the quality of applications and services. And first of all it concerns the design of interactions and mobile animations.
Every day we exchange messages, use social networks, messengers, and many of these services contain dozens of non-standard thoughtful animations.
Custom (non-standard) animations are a great field for experimentation and application development. What knowledge will the designer need and what problems can await in the development process? Let's look at these questions using the example of the iFunny application.
Basics
Documentation
Let's start with the theory. The three following documents will help us better understand what the animations in mobile interfaces are:
Material Design from Google. Here, basically, the animation is described from the mathematical and engineering point of view. This is the base document for any designers who work with interfaces. There are many recommendations on the default "safe" values โโof speed and acceleration, the basic principles of the choreography of the movement of objects, examples and much more.
Apple's Interfaces Guidelines. In this document, animations are described from an emotional point of view. That is, what sensations and impressions the user should leave animation in the interfaces.
12 principles of Disney animation. Multipliers Frank Thomas and Olli Johnston in 1981 published the book "Illusion of Life: Disney's Animation", in which they talked about the 12 basic principles of realistic animation. Despite the fact that these rules were created for animations, many of them directly went into modern interfaces.
Appointment
Each animation must clearly perform its function. Therefore it is important to understand to which group it relates and what will be the limitations in terms of design.
Conditionally, all the animations can be divided into 3 large groups:
Auxiliary. The most voluminous group. These animations simplify navigation, reflect the position of an object in the system, demonstrate the hierarchy of application objects, emphasize and make the interface intuitive to the user as a whole.
hiveblocks