Information Design - Exercises


12.1.2023 - 19.1.2023 (Week 1 - Week 2)
Tan Yi-Tyng (0353327)
Bachelor of Design (Hons) in Creative Media 
Information Design
Exercises    



INSTRUCTIONS

<iframe src="https://drive.google.com/file/d/1kLhiKZEQ-jplM2Vq45nSdwIUaH8Jyveo/preview" width="640" height="480" allow="autoplay"></iframe>


EXERCISE 1

Quantify & Visualize data 

We are required to quantify our chosen items and arrange the objects into a presentable layout or chart. I decided to use coins for this exercise. 

Fig. 1.1 – Instructions for Exercise 1

So, I started arranging them by following the step by step from the instruction provided in the slides. 

Fig. 1.2 – Data (box of coins) 

I first sorted them into 4 groups: 50 cents, 20 cents 10 cents and 5 cents. After that, for each group, I organized them by old and new cents. 

Fig. 1.3 - Sorted and Arranged data 

Then, I started experimenting with different ways to find the best to present it visually. 

Fig. 1.4 - Idea 1

Fig. 1.5 - Sketch Idea 2

Fig. 1.6 - Sketch Idea 3

I decided to choose the third sketches which arrange the cents in shape flower, the old cents placed in the centre while surrounded by new cents. And I think this arrangement is quite interesting and fun.

Then, I start arranging the cents and take photos of them, and I went on my iPad procreate to illustrate some designs and create a table that helps to visualize the quantity of data. I also make some colour adjustments and resize the photos to fit in the. 
Fig. 1.7 - Photos of visualizing data 

Final Outcome Quantify & Visualize:
Fig 1.5 - Final Exercise 1: Quantify Data (JPG)

EXERCISE 2

L.A.T.C.H (Location / Alphabet / Time / Category / Hierarchy)

For Exercise 2, we are going to organize a group of information into a visual poster that combined and utilizes the LATCH principles. I decided to go with Pokémon's Pokédex, following the link provided in the slides. 

Fig. 2.1 - Instructions for exercise 2


For Exercise 2, we are going to organize a group of information into a visual poster that combined and utilizes the LATCH principles. I decided to go with Pokémon's Pokédex, following the link provided in the slides. 

Following that, I looked again at the examples provided by Mr Martin and search for some inspiration.  

Fig. 2.2 - References

Fig. 2.3 - References

Then, I started by arranging the information according to the L.A.T.C.H. arrangement. 

Location: Type of Pokémon Habitat (Grassland, Water’s edge, Cave, Urban)
Alphabet: Order of Pokémon type 
Time:
Category: Pokémon Types (Grass, Water, Normal, Psychic)
Hierarchy: Showing the evolutions of each Pokémon.

I chose these four types for my exercise (reference)
Fig. 2.4 - List of difference type of Pokémon

After sorting and arranging all the information, I started to sketch out my ideas.

Fig. 2.5 - Sketch 1

Fig. 2.6 - Sketch 2

Next, I decided to work on the 1st sketch as I felt like the arrangement can utilize the empty spaces compare to the second sketch. I started by creating the design in illustrator and found out that I didn’t have enough spaces to include four types of Pokémon. So, I experiment with different ways of arrangement to see how I can fit them within the poster. 

Fig. 2.7 - Searching colour palette for the background 

Fig. 2.8 - Process of working on illustrator

Fig. 2.9 - Process of working on illustrator

Fig. 2.7 - First draft 

Here is my second draft of the poster, I like the overall design and layout which fit in all the essential information. But, I want to add some design elements in the background, so it wouldn’t have too many negative spaces. 
Fig. 2.8 - Second draft 

Fig. 2.9 - Add some design elements in the background


Final Outcome:
Fig. 2.5 - Final Exercise 2: L.A.T.C.H. Pokemon Infographic (JPG)


Fig. 2.5 - Final Exercise 2: L.A.T.C.H. Pokemon Infographic (PDF)


REFLECTION

Overall, these exercises have been proven to be helpful for me to learn about about the basic of infographics. Without them, I think I would be super lost in the future when making infographics, so these exercises have really taught me how to present information properly, while also making it visually appealing.

Comments

Popular posts from this blog

Application Design I - Project 2: UI/UX Design Document

Application Design II - Task 2: Interaction Design Proposal and Planning

Typography - Task 1: Exercise 1 & 2

Application Design I - Project 1: Mobile Application Proposal

Application Design I - Final Project: High Fidelity App Design Prototype