INFORMATION DESIGN - EXERCISES

6/1/20 - 15/1/20 (Week 1 - Week 2)
Farissa Eryna Sham (0336814)
Information Design
Exercises

                                                                                                                                                         


INSTRUCTION - MODULE INFORMATION BOOKLET



EXERCISES

Week 1 - Quantify and Visualize Data (07/01/20)

We started off the class with the lecturer (Mr Kannan) giving us a short brief regarding the module. He continued by giving us a short lecture about this topic We were also asked to form a group in 4 for flip topic presentation and also our group project. Then, we were given the first exercise which is called 'quantify data and visualize data'. We were given buttons and Legos in different colours and we had to choose a set of only one colour.  I chose grey colored Legos.

To start off with this exercise, I grouped the Legos according to their types. Here are some of the types:
Fig 1.1 Plates

Fig 1.2 Technic pieces

Fig 1.3 Technic pieces 2

Fig 1.4 Overview

Once I have a rough idea of all the categories, I did a rough sketch of how I want to group them. It was quite challenging to group them and make it visually pleasing at the same time.


Fig 1.5 Rough sketch

Fig 1.6 Final Outcome

Week 2 - Saul Wurman's L.A.T.C.H (14/01/20)

For our second exercise, we had to create a Pokemon infographic that shows their types, evolution, habitat and location. We need to choose which generation of Pokemon as we can only use the Pokemons from the same generation for this exercise. I chose the first generation and the pokemons I chose were bulbasaur, geodude, oddish. We had to create a visual poster that combined and utilizes the L.A.T.C.H principles.


To start off with this exercise, I sketched a couple of layout ideas before digitizing it.




Fig 1.1 Layout one
Fig 1.2 Layout two

I decided to go for layout two as it is much more visually pleasing to me but I still digitized layout one to see if it is better than the second one. I used Adobe Illustrator and Photoshop.

 Fig 1.3 Layout one

I was not really happy with how it turned out so I started to work on the first layout. I used Adobe Illustrator and Photoshop mostly for this infographic.

  Fig 1.4 Building the base

Fig 1.5 Shades of green 

I used different shades of the particular color to create depth between each layer.

  Fig 1.6 Basic shapes used

To create buildings and objects, these (fig 1.6) are some of the shapes used.

 Fig 1.7 Background for poster 

To assemble the whole poster, I used Photoshop. I used two different colors for the background and used a brush to create the strokes.

  Fig 1.8 Creating water effect

To create a water effect, I used the blending mode and overlay. I also painted the middle part to make it brighter.

 Fig 1.9 Positioning the base

I exported my work from Illustrator to Photoshop. I also added shadows for the base to make it look more realistic.

 Fig 1.10 Content

I decided to put the content into boxes to make it much more organized and my idea was to make it the main attention of the poster instead of the map. I also added small icons at the top left of the boxes to show the Pokemons' types. 

 Fig 1.11 Added icons

I added icons and lines to show the location.

 Fig 1.12 Process

Here is the final outcome:

Fig 1.13 Exercise 2

I am quite happy with how it turned out. It was my first time creating a map from scratch so it was pretty fun. I also managed to learn a lot more about Pokemons so that's a bonus.






























Comments