Information Design - Exercises
7/1/19 - 14/1/19 (Week 1 - Week 2)
Mohamad Irfan Mohamad Zaim (0326620)Information Design
Exercises
LECTURES
Week 1 (9/1/19)
This week we presented the nine directives of Manifesto such as 'Form Follows Function' and 'The Power of Narrative'. We also had to explain examples of two good and two badly designed info-graphics based on the nine directives.
Week 2 (14/1/19)
This week we had to present L.A.T.C.H organization method, which stands for LOCATION, ALPHABET, TIME, CATEGORIZATION, HIERARCHY. We had to provide examples of each of the organization methods.
16/1/19)
During the same week we had another flip topic to present which as Miller's Law (Chunking). Chunking is essentially used to memorize more or increase the channel capacity of short term memory by methods such as association and looking for connections.
Week 3 (21/1/19)
No lecture due to Intercultural trip.
Week 4 (28/1/19)
For our last flip topic presentation, we presented about isometric design. I had seen this type of design before but never knew that was a whole term for it. It is a design to make objects appear 3D. We had to show and explain examples and how they are used info-graphics.
INSTRUCTIONS
EXERCISES
Week 1 (9/1/19)
This week we presented the nine directives of Manifesto such as 'Form Follows Function' and 'The Power of Narrative'. We also had to explain examples of two good and two badly designed info-graphics based on the nine directives.
Week 2 (14/1/19)
This week we had to present L.A.T.C.H organization method, which stands for LOCATION, ALPHABET, TIME, CATEGORIZATION, HIERARCHY. We had to provide examples of each of the organization methods.
16/1/19)
During the same week we had another flip topic to present which as Miller's Law (Chunking). Chunking is essentially used to memorize more or increase the channel capacity of short term memory by methods such as association and looking for connections.
Week 3 (21/1/19)
No lecture due to Intercultural trip.
Week 4 (28/1/19)
For our last flip topic presentation, we presented about isometric design. I had seen this type of design before but never knew that was a whole term for it. It is a design to make objects appear 3D. We had to show and explain examples and how they are used info-graphics.
INSTRUCTIONS
EXERCISES
Week 1 (7/1/19)
For out first exercise of information design we were tasked with taking a handful of buttons of the same colour and separating them according to size, number of holes, and texture. We had to organize this data and display it. We had to submit this data and proceed with creating and A4 poster of different coloured buttons gathered from data from the rest of the class. The poster has to include 5 colours and designed appropriately to our chosen target audience.
![]() |
| Buttons Sorted |
This was an in-class exercise the lecturers to see how much we remember in Adobe After Effects.
We had to choose to make a short 5-10 second info-graphic video out of the 3 categories: sports, music, and food. I chose to do an info-graphic video on different types of food that can be good for eye health.
| Data collection and planning |
![]() |
| Images used |
AE Refreshment Exercise Final Outcome
Week 2 (14/1/19)
This week we had to complete the buttons info-graphic poster, splitting the categories based on size, texture, and number of holes.
![]() |
| Compiled data of other coloured buttons |
| Rough Sketch for design |
![]() |
| Composition |
![]() |
| Adding colour |
![]() |
| Final Outcome for Button Info-graphic Exercise |
This class was taught by Mr Jeffrey where he showed us a cool trick in AE to have a bar or rectangle size increase or decrease relative to a number. This effect can be seen in some info-graphics, especially ones which uses a lot of graphs. For this exercise we were given a topic or concept which we had to create a short video using the dynamic bars. The topic given to me and my group is a step counter. I immediately thought of having a step counter like in the Pokemon games so I went with that idea.
![]() |
| Learning Dynamic Bars |
![]() |
| Linking Rectangle shape scale to Number effect |
Final Outcome for AE Dynamic Numbers Exercise
Week 4 (28/1/19)
This week is the submission for our final exercise - an video info-graphic about Pokemon, following the L.A.T.C.H organization method. I chose the Sinnoh region, the map featured in the Diamond, Pearl, and Platinum Pokemon games.
![]() |
| Intro to video |
![]() |
| Moving around the sinnoh region |
Next I designed the layout and data of the Pokemon in Illustrator which will later be transferred to AE. In the data I showed where the Pokemon can be found, the Pokemon evolutions, and some data such as Pokemon type, height, and abilities.
![]() |
| Designing in Illustrator (Location) |
![]() |
| Designing in Illustrator (Evolution and Pokedex Data) |
![]() |
| Transferring file to AE and animating |
![]() |
| Doing the same layout and animation to other Pokemon |
Final Outcome for Exercise 2 - L.A.T.C.H Pokemon

















Comments
Post a Comment