UI Animation Fundamentals– category –
Fundamental principles for designing clear and effective game UI animation.
-
The Importance of UI Motion: Directing Attention
The term "UI Performance," which also appears in the blog title, is expressed not as UI Animation nor as UI Motion but specifically as UI Performance because I believe that "Performance" refers to adding various effects to entertain user...
-
The Importance of UI Motion: Feedback and Understanding
We will discuss how to help users understand and react to actions, one of the six roles listed for UI presentation.Attracting attentionHelping with reaction and understanding of actionExpressing the world viewShortening perceived timeEnh... -
The Importance of UI Motion: Expressing the Game World
I will write about expressing the world view, one of six roles listed for UI presentation.Attracting attentionAssisting reaction and understanding to actionsExpressing the world viewShortening perceived timeEnhancing value It is also an ... -
The Importance of UI Motion: Shortening Perceived Time
We will now discuss Shortening Perceived Time, one of the six roles identified for UI presentation.・Attracting Attention・Supporting Response and Understanding・Expressing the Game World・Shortening Perceived Time・Increasing Perceived ... -
The Importance of UI Motion: Increasing Perceived Value
We will now discuss Elevating Value, one of the six roles identified for UI presentation.・Attracting Attention・Supporting Response and Understanding・Expressing the Game World・Shortening Perceived Time・Elevating Value Presentation ca... -
Five Purposes of UI Animation, Part 1
Why is "Motion" Necessary in UI? Motion in the user interface (UI) of mobile app games serves a purpose beyond mere decoration; it incorporates movement with various meanings. While these animations might initially seem like decorations ... -
Five Purposes of UI Animation, Part 2
Last time, we explained "Feedback (Reaction)", "Navigation", and "Visualization of State Changes".In this installment, we will delve deeper into "Presentation & Emotional Shifts" and "Enhancing Presentation & Experience." 4. Presentation... -
Timing, Amount of Change, and Easing
Introduction The pleasantness of animation is expressed through time (timing), amount of change, and easing. When creating UI animations for app games, the elements that make them feel good are time (timing), amount of change, and easing... -
Understanding Easing
What is Easing? Easing refers to the curve of speed change in an animation, allowing you to add acceleration and deceleration.Even with the same time and distance, applying easing completely changes the impression.The state without easin... -
How to Design UI Animation: Start with the Purpose
Start with “Why Does It Move?” The first step in motion design is not deciding how something should move, but defining why it should move. UI animation is not about spectacle; its core purpose is to communicate clearly through motion. De...
1