Making animations make sense

aMaking animations make sense

@dotmariusz — up.front UG, 11/11/2014

Hi there!

@dotmariusz

Designer & developer(mostly designer)

www.lifetramp.com

thttp://j.mp/designing-ui-animation

</plug>

Animations are important.

Animations are awesome.

Animations are fun.

Animations are delightful.

Animations are hard.

Why should you care?

Animations are transitions.

Animations are explainers.

Animations are storytelling.

Animations are branding.

“With great power comes great responsibility”

— Uncle Ben

Good interaction design.

Engage the user.

Illustrate state.

Provide visual feedback.

Visualize relationships.

Guide.

Reassure.

Affordances.

Good animation. (12 principles of animation, from “The Old Men” at Disney)

Anticipation.

Squash & stretch.

Follow through.

Staging.

Pose to pose animation.

Exaggeration.

Personality.

The “nopes” of animation.

Do not annoy.

Do not distract.

Do not block.

The state of tools

Keynote

After Effects

Edge Animate

Framer Studio

Quartz Composer & Origami

“First company to come up with animation equivalent of Sketch will

earn a lot of money.”

Where to learn from?

Classic animation

http://the12principles.tumblr.com/

Other designers

https://dribbble.com/search?q=ui+gif

Video games

Material Design by Google

Have fun.

thttp://j.mp/designing-ui-animation

Thanks!

@dotmariusz

Making animations make sense

Design

Transcript of Making animations make sense

Making sense of antipsychotics making sense - Mind Making sense of antipsychotics What are antipsychotics? Antipsychotics are psychiatric drugs which are available on prescription,

Making Sense by Making Sentient: Effectance Motivation ...

MAKING SENSE OF ALLERGIES - Sense about Sciencesenseaboutscience.org/.../2016/09/Making-Sense-of-Allergies-1.pdf · MAKING SENSE OF ALLERGIES Published in 2015 A guide to what allergies

Making Sense: Changing Futures for Families Making Sense: Changing Futures for Families.

Making sense of sense-making - Graduate School of Library and

Making Sense of Twitter

Making Sense of Sense-Making - Home | BSCS€¦ · Making Sense of Sense‐Making ... fluidly among these forms of ... farmers incubation answer merchants coccidiosis egg chicks sunshine

Echocardiography Making Sense

Making Sense Framework and Assessment of Participatory ...€¦ · Making Sense Framework . and Assessment of . Participatory Strategies . Making Sense . H2020 CAPS Project . Michelle

Animations on Fire - Making Web animations fast

Making Sense with People Making Sense with People

Stop Making Sense

Assessing decision making using 2D animations in elite ...

Creative Potential Sense Making

To Sense Making

Aesthetics Making Sense

Sense Making in the Australian Defence Organisation (ADO) · 2. Sense Making in a Complex World 2.1 Sense Making Sense making is a process that intelligence analysts and decision

making sense phrasal verbs.pdf

Making Sense of Life Not Making Sense

Making Sense of Uncertainty