✳flâneur — a map of the web's best reading

Motion choreography

devouringdetails.com · 866 words · saved by 1 readers

Choreography is orchestrating when something happens in a sequence. It means you structure the animation lifecycle so that elements don't just linearly transition. For example, you might delay the appearance of another element until a particular distance is dragged. Not only can choreography make an interaction feel more layered, it can help us avoid overlapping layers during an animation. Walt Disney was once eager to push his animators and told them: Things don't come to a stop all at once guys; first there's one part and then another They developed concepts of "follow through" and "overlapping action" for richer motion. Their intuition was that bodies in motion do not move all at once. Instead, parts of it move at different speeds. A character might have a coat or long ears, and these parts would keep moving once the subject had stopped moving. The ears, or coat, would "follow through" even after the main action had stopped. Software on a screen is no different. Elements should move

Devouring Details Have you ever noticed that some animation sequences can be improved with just a touch of delay? Or that some interactions just feel better without any motion at all? Devouring Details is an interactive reference manual for interaction-curious designers, containing 23 chapters with 23 downloadable React components. All footage is recorded of React components Platform Before working on this I thought to myself: “how have I learned myself?” By trying to build an idea and realising it sucks in practice. With enough iterations and sometimes by accident I’ll get to a place where it

Explore this link on the map →

related reading