UI Animation– category –
Practical game UI animation techniques, timing, easing, and motion design.
-
How to Introduce Visual Effects
The introduction of a UI animation is the first thing users see, so its presentation should reflect how you want them to experience the effect.This article looks at how to introduce an effect. Two Types of Introduction There are two ways...
-
Creating a Sense of Achievement Through Stress Relief
Moderate stress and its release are one of the elements that make games fun.The type of stress users enjoy varies; some players prefer simple, low-difficulty (low-stress) games, while others thrive on challenging, high-difficulty (high-s... -
UI Motion Builds the Game’s World
Although the term used here is "UI presentation," I will first clarify the difference between UI animation and UI presentation. (The phrase "UI presentation" was coined by me, so this serves as an explanation of my interpretation.) ・UI ... -
Why Tap Effects Are Often Unnecessary
Is a tap effect really necessary? Game apps often feature tap effects, but fundamentally I generally think they are unnecessary because users already know where they are tapping. Tap effects are needed when the UI is cluttered and a feed... -
Why Transition Animations Matter
Transition animations occur inevitably in game apps and also express the personality of that specific game.While transition animations can sometimes feel long, removing them actually makes it harder to see content or causes stress. We wi... -
How to Make Loading Feel Invisible
The loading screens you see in many app games, but upon closer inspection, some take a long time to load, others are quick, and there are even cases where it seems like the loading screen doesn't exist at all. I mentioned earlier that th... -
Dialog Presentation: Background Treatments
A dialog that pops up in a separate window rather than navigating to another screen when a button is pressed is commonly used in social games. While web dialogs are often disliked due to their reliance on ads, game dialogs are frequently... -
Types of List Animation
List animations come in many varieties, which can be confusing.We wrote about list animations while summarizing some of the different types available and explaining how layout affects animation choices. Animations vary depending on the t... -
Button Animations Can Do More Than Just Press In
The button press is one of the most frequent actions users perform, and even within a small area like a button, there are many animations.Beyond simply pressing down, there are various types of action effects available. Types of Button P... -
The Best Way to Show Download Progress
This is a common download that occurs on the first launch of an app. We believe various apps are making efforts to prevent users from leaving during their initial startup by incorporating thoughtful designs. There are mainly two types of... -
Add Feedback to Long-Press Interactions
When pressing a button, tapping it immediately enters the next action. However, with a long press, you won't know whether it transitions to another screen until you try holding it down.You can provide feedback for this long-press input b... -
Subtle UI Motions That Make Animation Feel Natural
In the process of fine-tuning subtle movements for UI animations, there is a concept called easing.Easing allows you to add acceleration and deceleration to create noticeable or natural-looking motions.Beyond UI animations, this techniqu...
