1e41f4b71Sopenharmony_ci## Animation Overview 2e41f4b71Sopenharmony_ci 3e41f4b71Sopenharmony_ciOpenHarmony uses growth-inspired animation designs with the purpose of creating a natural, intuitive, seamless user experience. These animations provide clear feedback and visual guidance in addition to rich visual experience. "Growth" is the process and law that all things must go through in nature. Through growth, all things change continuously and show diverse forms. We have managed to extract the features of growth and apply them to animation design. 4e41f4b71Sopenharmony_ci 5e41f4b71Sopenharmony_ci 6e41f4b71Sopenharmony_ci## Use Scenarios 7e41f4b71Sopenharmony_ci 8e41f4b71Sopenharmony_ciUse animations to show how things change. An animation is a straightforward way to communicate with users. It tells users what will happen when an action is performed and what they can do next. 9e41f4b71Sopenharmony_ci 10e41f4b71Sopenharmony_ci 11e41f4b71Sopenharmony_ci## How to Use 12e41f4b71Sopenharmony_ci 13e41f4b71Sopenharmony_ci- Use animations only when necessary. Gratuitous animations are distracting. 14e41f4b71Sopenharmony_ci 15e41f4b71Sopenharmony_ci- Follow the physical law in their implementation. 16e41f4b71Sopenharmony_ci 17e41f4b71Sopenharmony_ci- Make animations fast, concise, and accurate. Ensure that they meet the definition of younger and lightweight. 18