Case Study: Animation. Designing Motion.

This article is still a case study. In addition to the previous examples of designing the logo and developing the user experience and user interface I would like to introduce animation design.

Animation has various functions ranging from high practicality to purely decorative one. The animation analyzed this time is a theme decoration. This is a dynamic graphic developed by our animator Guiller as a bounce of Easter and Spring icons created by Arthur Awajiyan.

Besides the icons, animation works are also exclusive products created at all stages by Tubik studio.

Inspired by that style, Tubik Studio Kirill's designers decided to choose two of them as materials for sports design samples. This work is not only decorative and interesting, it also serves as an animated version using icons as items of Bayer, so there is a purpose for promotion. Somehow this is not a normal job, because designers want to combine this idea with the Shape tool in Adobe After Effects.

It's important to note that the animation of early studio animation was created in Adobe After Effects by dividing the image into separate elements, not traditional manipulation methods in After Effects. Despite many aggressive features, this method of processing motion graphics has practical shortcomings important to complex projects. Since the element to be manipulated is a raster, it is very sensitive to changes in shape and size.

As a result, the designer used the After Effects tool called Shape to make it the first full-scale job, so this lens was experiment. This tool is powerful enough to use sophisticated adjustment mechanisms to change shape and transform images and elements in a smooth and fine way.

Another important thing about Shape is to create a dynamic, vivid and dynamic shadow corresponding to the movement of the object. You can see it in animation. Thanks to the Shape tool, it's much easier to use dynamic shadows this time. We provide designers with advanced features for creating more complex and interesting motion graphics.

Easter Animation is the first work completely based on After Effects Shape. This is a lens that gives designers the opportunity to experience all of their advantages. Since then Kirill has actively used Shape work for animation for interfaces, and these interfaces are now included in the top convenient animation graphic list.

- It significantly reduces the size of the final file, and this feature makes it appealing for customers when sending files

Images dealing with animation designs are always creative and deal comprehensively with details and nuances. As a result, designers have always appreciated the tools and functions that give sports designers the ability to process images faster without compromising efficiency. Therefore, they must obviously be the subject of the design software developer. There is no doubt that this is fair for After Effects shape tools.

The most intuitive and enjoyable experience is always experience incorporating details into sports design. In the last article 3, the main usage of animation in mobile UI design, we have already explained the basic usage example of animation. In this article, we will present some examples where you can add aesthetic to your app to make the user experience more active and fun. When a user interacts with the application for the first time, the user has to learn and understand you. What you did There is always an entry period, and this period requires a complete user experience. A smoother transition and superior animation in the onboarding process will have a major impact on how the first user interacts with the application.

As a person who studies subtle differences in UI animation, it has emerged that it is difficult for designers to separate actions from static design. This is understandable, part of which is a feature of the seamless nature of superior micro-interaction. It is difficult to find in real time. Bad subtle interactions are as prominent as the thumb pain. Wayne Gretzky said. Obviously he is very good at making plastic discs a small net while dancing on skate shoes. If you think about it, this is a fairly appropriate explanation for UX designers trying to design micro - interaction: Your board has lots of things.