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 (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
Tutorial - AE Refreshment Exercise (8/1/19) 

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
For my poster design I wanted to cater it to a general target audience, so from kids to adults. I wanted to split the page in half by the number of holes the buttons have, and use lines to indicate the size and quantity.

Rough Sketch for design

Composition

Adding colour

Final Outcome for Button Info-graphic Exercise

Tutorial - Dynamic Numbers (15/1/19)

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
I used a Pikachu running GIF to make it look more realistic that the steps were being counted.

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
To show the locations of where the Pokemon can be found, I decided to have a bird Pokemon (Starraptor) fly around the map to the locations to engage the viewer. I used a GIF of the Pokemon flapping it's wings.

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