Information Design: Exercise

on

04.02.26- 20.03.26

Celine Christabelle Patricia / 0374872 

Information Design / Bachelors of Design (Hons) in Creative Media / The Design School

Information Design: Exercises

Table Contents

  1. Lectures
  2. Instructions
  3. Exercises
  4. Feedback

Lectures


Week 1
  • Briefing on Information Design Module, The projects and what will be learnt and what to do
  • Learned about what infographic is and types of infographic
  • Presentation about infographic with teammates

Week 2
  • L.A.T.C.H Group Presentation with teammates and assignment brief
  • Practice on Kinetic Typography (Motion Graphics)
  • Discussion with group on Exercise 3 
Week 3
  • Explanation on making Pie Chart, distribution on every students what type of chart to make
  • Continue on Project 1: Exercise 3 (Kinetic Typography)
  • Miller's Chunking Law presentation with teammates
Week 4
  • Manifesto Presentation with teammates
  • Update on Pasta Granny Sketch
Week 5
  • ...

Instructions



Class Exercises

Flip Class Week 1: Infographic
Presentation Slides : Infographic and its types

Redesigning Poster

Fig 2.1 - Chosen Infographic to redesign

Reason for redesign: 
  • The graphics used do not represent the information used
  • Information is too small and is not hilighted, lack of hierarchy of information
  • Inconsistent fonts were used.
Fig 2.2 - Progress on Redesigning 

To be done:
  • Use graphics that correlates with the informations
  • Use fonts that are consistent (all are sans-serif fonts)
  • Bold important informations that correlates with the graphics used (more hierarchy)
  • Add graphics accordingly to targeted audience (school students = fun design)

Final:

Fig 2.3 - Final Infographic

Flip Class Week 2: LATCH, Kinetic Typography Practice
Presentation Slides : LATCH

Practice on making a motion graphic of a song

Fig 2.4 - Progress in Class

What is done:
  • Make different layers for each text
  • Add a Null layer to do make the animation there
  • Make all layer 3D to set the Z axis
  • Apply Motion blur to all layers
  • Apply Easy Ease (F9) in the keyframes

Results: 
Fig 2.5 - Result

Flip Class Week 3: Chunking
Presentation Slides : Miller's Chunking

Chart Animation Practice:

Fig 3.1 - Pie Chart practice


Fig 3.2 - Pie Chart Execution



Fig 3.3 - Pie Chart Result

To do:
  • Make a Donut Chart animation for Project 2

Flip Class Week 4: Manifesto and Vector Animation
Presentation Slides : Manuel Lima's Manifesto


Vector Animation

Fig 4.1 - Progress



Fig 4.2 - Progress 2.0


Basic Animation 
Fig 4.3 - Animation


Character Animation

Fig 4.4 - Wrist Animation

Fig 4.5 - Puppet Pin tool animation

Result:

Fig 4.6 - Final Animation

Tools used
  • Anchor tool (to change the direction of the animation)
  • Puppet pin tool (to animate the fix positions and move them to the another position)
  • Rotation stop watch (make the hand wave, wiggle)
Exercises

Exercise 1: Quantify data

Fig 3.1- Quantify Data

To be done:
  • Arrange sticky notes based on its size and material used
  • Divided into 5 various sizes, XS, S, M, L, XL
Exercise 2: L.A.T.C.H Infographic

To be done:
  • Make an infographic based on the LATCH Rule, consisting a minimum of 4 rules
  • For this project I used 4 of the rules, Location, Timeline, Category, and Hierarchy
Progress: 
Fig 4.1 - Progress 1



Fig 4.2- Progress 2

Result:
Fig 4.3 - Final Poster

LATCH
  • Location: the sky, grass, ground, and sea, represents the location and element of the pokemon
  • Timeline: the evolution timeline of each Pokemons
  • Category: each Pokemons has different elements, they are the categories
  • Hierarchy: hierarchy from the smallest level to the biggest level of Pokemon, 



Feedback

Week 2
Kinetic Typography: Discuss about the art direction, whether you want to follow the Music Video or Lyric video


Week 3
chinese new year


Week 4
Don't put too much videos on the kinetic typography




Comments

Post a Comment