Lordicon's core is animation. In just a fraction of a second, animated icons bring static designs to life, effectively expressing everything from meaning to function. Whether to allay or provoke, convey the abstract or the literal — they delight by doing more with less.
Animation
Animation types
Some of the icons are delivered in several animation types. It means that static design has been animated in a multiple ways. See sample icon.
Best practices
Create animation sequences
Some icons include multiple animation types, considering the actions they perform and the contexts in which they can be used. This approach empower to create unique and engaging user experiences by selecting a single or combining several animation types.
Mastering quality animation
The first thing to remember when you plan to add animation to your project is whether or not it’s natural. If an animation looks or feels out of place, the overriding user feeling is going to be one of confusion.
Familiarity is the key to keeping your user on board with your message. If an animation bounces unnaturally for no reason, or it somehow breaks the natural laws of physics, it’s probably not going to fit the purpose.
Anything that forces you to question the order of things is a negative type of attention. Irregular movement is an example of an animation that doesn’t quite fit with the real world, and can leave your user feeling somewhat unsettled.
Smooth motion and accurate movements will be more relatable and as a result, more likely to be accepted.
As well as the motion itself, we also need to keep in mind the meaning of the movement. It’s great when the animation supports and strengthens the intent of the icon, but if the animation doesn’t convey the message accurately then it will confuse the user.
Disorienting the user destroys the icon’s message, which in turn can put your users off your product.
In a nutshell, every movement must serve a purpose, reflect real-world physics, embody precision, and communicate clearly.
Sorry to hear that. How can we improve this article?