Please enable JavaScript.
Coggle requires JavaScript to display documents.
MAGAZINE IDEATION (THEME: GRAPHIC DESIGN), image, image, image, image, •…
MAGAZINE IDEATION (THEME: GRAPHIC DESIGN)
CENTER SPREAD
1) Keyframes in motion
how keyframes and in-betweens create motion
Visual explanation using frame sequences of a character
2) Smear Frames & Exaggeration
Demonstrate how smear frames exaggerate motion for energy and impact
Compare normal frames vs smeared frames
3) Walk Cycle Breakdown
Show a simple character walking or running in steps / sequence
Highlight keyframe → in-between → final pose
4) Tools & Marks
How each tools affect styles
Visual comparison instead of long text
5) Mood, Emotion & Style
How line shape, and color change emotion
minimal text strong visuals
Magazines about animation
Masthead: FRAMES
Audience?
Graphic students
Teenagers
Beginner / enthusiasts in animations
How to attract audience?
Color Usage
Consistent palette across pages
High contrast (dark background + high accent)
limited colors
Use famous characters
Instantly regconizable
Don't use it too much - avoid copyright issues
Typography
STYLES
Normal / modern editorial
Handwritten, script, and marker fonts
Variable stroke thickness
PURPOSE
giving out information clearly
creates hierarchy - guides the reader’s eye through the spread
reflect theme & mood
support magazines identity
Why?
Because animation is an extension of graphic design principles. Before movement exists, animation begins with visual design such as shape, line, color, composition, and typography which is still using the same core elements for graphic design
Content includes
Introduction to frames
How Frames Create Emotion
Process Spread: rough sketch, keyframe, in-between and final animation stills
Technical Insights
Frame rate explained
Movement techniques
Visual Essay: walk cycles, action poses, facial expression across frames
VISUAL FOR MASTHEAD
Simple and readable
Often placed at top or slightly inset
Uses a clean typeface to keep focus on main artwork
Bold, large custom logo
Prominent at the top, usually white or contrasting colour
Often slightly integrated with the artwork (e.g., overlapping illustration
Title interacts visually with detailed art, but remains legible
Often metallic or textured to fit genre feel
OVERALL LOOK
Bold and expressive
Playful hand-drawn energy
Animation-driven visuals
Creative yet readable
CONCEPT
The magazines designed to educate and visually explain how animation works using expressive graphics and playful typography.
Visual Style & Creativity–Focused
To inspire creativity and showcase playful, hand-drawn visual styles in animation and graphic design.
Color theme
Definition
A controlled set of pallete that used consistently across pages to support contents.
Purpose
Create visual consistency
Guide reader's focus
To reflect energy and creativity
Bold colors and neutral tones to balance fun and readability.
Cover, masthead, heading and spreads
Color choice
High contrast
Easy to read
Works for illustration and typography
Flexible across spreads
More color options to choose
• Combination of
• Consistent across
