APP UI design trends: moving for good design

APP UI design trends: moving for good design

Pleasing animation has become a must for an app, and as a designer, you naturally have to follow the trend and learn. Animation in an app can be divided into two categories. One is transition animation, which is applied to page switching, loading, etc. This type of animation can soften the transition effect of the page and increase the fun of the switching, loading, and waiting process. The other is feedback reminders, which enhance the user's interactive perception or guide the user to complete the task through the animation of elements in the interface.

Motion effects are full of imagination of designers’ experience. As a designer, no matter where your level is, an interesting, loving and personalized progress bar is the love you cannot refuse in your design career. So when does a designer need to do a motion effect design?

1. Waiting requires a meaningful animation. When it comes to waiting, we always lack patience. Personalized and interesting animations can make users like your design: at least this design is not bad.

2. If you want users to click this place, please give it an animation.

3. If you want your click to have a different effect, give it an animation

Below are some common motion effect design methods. When we are under the right conditions, we should naturally consider starting with these methods to add a touch of dynamism to our designs.

1. Replace elements with personalized content

People are already familiar with traditional waiting or loading animations. If you want to make people's eyes shine, a makeover is necessary. For example, Google uses its own colors, and Qunar uses its own logo. These can highlight the product brand while personalizing the animation, which is a good choice.

#p#

2. Change the movement mode of the product

In addition to rotational motion, we can also use repetition, construction, deformation, objectification, human movements (turning pages), etc. As long as the elements are consistent with the product positioning, we can give it a unique creative movement.

Repetitive Movement

Build

3. Give components obvious interactive feedback

Cold clicks and appearances often fail to attract users' attention. Therefore, when we need to strengthen certain elements to guide users, we can add appropriate appearance effects to these elements, such as fading in and out, displacement, zooming in and out, halo, distribution and other effects, which will have a good guiding effect.

The subtlety of motion design lies in the instant experience. Through the instant visible changes, people's feelings when using the app are enriched, no longer strange, no longer cold, no longer boring, etc. While giving elements movement, I think motion design must also conform to people's cognition. Not all movements can make people happy. It must not only meet the needs of the product, but also match people's demands for the scene at the time. I hope everyone can have a high level of motion design in future designs.

<<:  Zen and the Art of Objective-C Programming: Exploring Zen Cultivation from Writing Details

>>:  iOS 9 Split Screen Multitasking: Getting Started (Chinese Version)

Recommend

It took me more than a month to summarize 14 routines for event operations.

Whether it is an online or offline activity; whet...

How to completely clear the residual folders after uninstalling mobile APP?

After the files and apps downloaded on the phone ...

No traffic from bidding promotion? You can do this!

Written in front There are two proverbs in Chines...

226 products and commonly used website operation tools recommended

I have compiled some tools and useful websites, h...

Extraordinary Journey | Shenzhou 10, ten years of asking the sky!

Ten years ago today, the Shenzhou-10 spacecraft c...

How to play Baidu bidding ocpc second level

For SEMers who often play with small Baidu accoun...

I gained 10 pounds by eating whole wheat bread for a month

Tian×ism whole wheat bread, which sold 36 million...

Are you still using Python 2? You’re about to be eliminated!

[[132462]] Python 2.7 will end support in 2020, a...

Ten tips on advertising

Many people understand advertising as "burni...

The first wave! 12 UI design tips that designers must pay attention to

Remember Michal Malewicz, the senior designer who...

What exactly is the “Arctic Catfish”?

The "Arctic Catfish" incident has come ...

Cook is angry about BBC documentary

[[124896]] Cook, who is usually gentle and polite...

999 yuan eight-core luxury version Shenzhou Lingya X50 full review

Shenzhou, which has always been known as a "...