Identifying Design Elements When Preparing Animations
Design decisions that survive the timeline
Preparing an animation is mostly a design problem disguised as a technical one. The elements a candidate must recognize: composition (focal point, rule of thirds, balance, negative space), color (RGB and hex for screen, CMYK only for print, value contrast, palette harmony, accessible contrast ratios), typography (legible size at final display size, line length, font embedding or web-font loading, consistent hierarchy), and style consistency (stroke weight, corner radius, shading direction, texture).
Also understand asset format choice. Vector artwork from Illustrator scales without loss and keeps files small; raster artwork from Photoshop has fixed pixels and must be authored at or above final display size, especially for high-DPI screens. Plan before building: a storyboard fixes shot order, timing, and camera moves; a mood board fixes palette and style; an asset list fixes which items become symbols. Keep the palette small - three to five colors plus neutrals - and reuse symbols instead of redrawing.
Traps: choosing CMYK or a print color profile for an on-screen project; scaling a 200-pixel raster logo up to fill a 600-pixel stage; mixing stroke widths so a scene looks assembled from different sources; forgetting that static text renders with a font the viewer's machine may not have.
Rule of thumb: design raster art at final size (or 2× for retina) and vector art at any size; if an element repeats or animates independently, make it a symbol.
Worked example: a 15-second explainer with a mascot and three text callouts. Storyboard eight beats, set a five-color palette, draw the mascot once as a movie-clip symbol, keep each callout as one graphic symbol with editable text, and import Illustrator art as vectors.