12 Principles of Animation

Squash & Stretch- This shows squash and stretch when the two people move around

Anticipation- This shows anticipation when Mulan draws back to punch Yao

Staging- This shows staging because Tom doesn’t want Jerry to play the piano

Straight Ahead vs. Pose to Pose-

Follow Through- This shows follow through when the dinosaur skids to a stop

Slow In & Out- This shows slow in and out because the cars gradually build up speed

Arcs- This shows arcs because Pink Panther is walking in arcs

Secondary Action- This shows secondary action when Luxo Jr. jumps forward and his cord ripples as a result

Timing- This shows timing because the animator had to time Tom hitting the ball just right

Exaggeration- This shows exaggeration when Tom sticks his tongue out

Solid Drawing- This shows solid drawing because the pillar is heavy

Appeal- This represents appeal because Baymax is presented as a likeable character

Principles & Elements of Design

Balance: Asymmetrical and symmetrical

balance.jpg
This represents symmetrical balance because if you cut the picture in half, both halves would be the same.

Proportion: Relative size and scale

proportion.jpg
This represents proportion because the Eiffel Tower isn’t small enough for someone to hold in their hand.

Rhythm: Repetition of elements; linear, repetition, alteration, and graduation

rhythm.jpg
This represents rhythm because the dots repeat in lines.

Emphasis: Point of focus

emphasis.jpg
This represents emphasis because the bright red of the raspberry stands out against the blackberries.

Unity: Harmony of all parts; how everything works together

unity.jpg
This represents unity because all the pieces of wood work together.

Contrast: An element contrasts with other elements in size, shape, color, or texture

contrast.jpg
This represents contrast because the white contrast against the black.

Direction: Uses movement to create the illusion of displacement

Image result for direction principle of design
This represents direction because the deck is crooked and so it creates an illusion.

Economy: Precision or simplicity

Image result for modern art simple
This represents economy because this piece of art is very simplistic.

Color: A.K.A. hue; specific light wave in the color spectrum

Related image
This represents color because it shows the different colors in a color spectrum.

Line: Point in motion with one dimension

Image result for intersecting lines pattern
This represents line because there are lines going different directions.

Mass/Volume: Solid body composed of a solid form

Image result for soccer ball
This represents mass because the soccer ball has mass.

Movement/Motion: Process of changing place, direction, or orientation

Image result for movement blur
This represents movement because the bus is moving direction.

Space: 2D or 3D element that’s defined by other elements of design

Related image
This represents space because the darkness of the horse and hat defines the shape of the rider.

Texture: Attempt to replicate 3D surfaces onto 2D designs

Image result for texture element of design
This represents texture because you can feel a peacock’s feather.

Typography: Considered an element in graphic design and motion graphics

Related image
This represents typography because it is a type of font/text.

Value: Relative lightness or darkness of an area

Related image
This represents value because it has different lightness and darkness in different areas of the photo.