Common loading progress bar dynamic effect form _loading

Source: Internet
Author: User

Browsing the web, playing games, mobile phone applications and other scenarios, because of slow or poor hardware relationship, will inevitably encounter the situation waiting for loading, no one likes to wait, poor patient users may be due to the operation is not timely feedback, direct choice to give up. The so-called details determine success or failure, then add a loading progress bar animation, can greatly alleviate the boredom and anxiety of waiting time, effectively let the user clearly know the state of the current loading, and the result has an intuitive expectation, even interesting ingenious design, can let the user love waiting, Think of waiting as a wonderful thing.

What are the common forms of loading activity? After observing a great number of excellent cases, the author concludes that the loading dynamic effect is usually b.r.a in three different forms. To avoid misunderstanding, explain the following:

B,bar. Loading animation from a certain angle can also be said to be a progress bar, generally used for a longer period of loading, usually with the percentage index, so that users of the current loading schedule and the remaining wait time has a clear psychological expectations.
The most common line progress bar.
or a circular progress bar.
Progress bar and Transition perfect fusion.
There is also a progress bar for the logo stroke.

R,rotation. Rotation represents the passage of time, indicating that the clock rotates clockwise. Continuous rotation of the animation, can effectively attract attention to the user time to accelerate the illusion. Rotation loading animation generally used in a relatively short load, if always turn but always load not come out, the user should be fidgety.
The most common rotation.
Clockwise rotation hints at the passage of time.
Skillfully using two planes to form a revolution.
Irregular multi-directional rotation allows the user to use the time of waiting for the study of movement laws.

A,animation. If in loading with an image of the animation, can greatly improve the product affinity and brand recognition, most users will accept and like such a form, the general brand image of a clear product will do so.
With the lovely run personification image to tell the user: I am very hard to load please wait patiently.
Such an eruption of octopus, users must be reluctant to load the end of the interface.

The above is the common three kinds of forms, of course, creativity is endless, there are many loading and the combination of these forms, or in a new form, such as the author many years ago on the PSP to the small game implanted into the loading interface, So that sigh loading time is too short to play well.

Turn from: http://www.jianshu.com/p/aa301c739e1f

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.