INFORMATION DESIGN/EXERCISE 1 & 2
06.02.2025 - 13.02.2025 / Week 1 - Week 2
Marsya Arisa Binti Mahmud / 0359684
Information Design / Bachelor of Design (Hons) in Creative Media / Taylor's University
Exercise 1 & 2
Table of Content
INSTRUCTIONS
<iframe src="https://drive.google.com/file/d/15_7oSZJlle_U2-hIxEFakp5nFOyENVwR/preview" width="640" height="480" allow="autoplay"></iframe>
EXERCISE 1: QUANTIFIABLE INFORMATION
This exercise for this week is to quantify raw data and visualise information as a photograph. We were instructed to gather a set of objects and separate it into category such as colour, shape, pattern, and other quantifiable factors.
Data
I decided to use soft pom poms that consists of 6 different colours: Purple, Orange, Light Blue, Green, Dark Blue and Yellow.
Figure 1.1: Pom Pom as Data
Sorted
I then sorted out the pom poms by colour to make the process of arranging them easier. Each colour has different numbers of pom poms:
- 8 - Dark Blue
- 4 - Orange
- 6 - Green
- 2 - Purple
- 6 - Light Blue
- 10 - Yellow
Figure 1.2: Sorted Pom Pom
Arranged
I came up with a few layouts to choose the ones that best represents the pom poms:
My first concept was to arrange them in a single line with curves. In design principles, we learned about the Gestalt Laws, which gave me the idea to present the data in continuation. The sequence is the number of pom poms for each colour in increasing order.
Figure 1.3: Idea #1
Instead of a curvy single line, I realised that the number of pom poms were even (2, 4, 6, 8, 10). I decided to split it in two to make it look like a pathway, and the texts could go in the middle. This represents symmetrical balance.
Figure 1.4: Idea #2
Mr. Shamsul liked the arrangement in Figure 1.4, he advised me to arrange it by colours in the colour wheel instead of by number. I realise it is more visually appealing when arranged this way, when the colours are prioritised.
Figure 1.5: Idea #3
For this idea, I decided to go with a circular concept. Many posters that I find visually appealing happen to be radial designs, so I wanted to form multiple circles with the pom poms instead of a singular circle.
Figure 1.6: Idea #4
Final Visual Presentation
Figure 1.7: Visual Representation
EXERCISE 2: L.A.T.C.H
This exercise requires us to use the L.A.T.C.H design principle to present information in 1240 x 1750 px or 2048 x 2048 px.
I have been getting into Pop Mart and blind boxes recently. So, I thought it would be interesting to dive into the types of the main Pop Mart series and categorise them based on:
- L (Location)- Where the series originated
- A (Alphabet) - Name of the series
- T (Time) - Year of release
- C (Category) - Rarity of the series
- H (Hierarchy) - Ranking by popularity
<iframe src="https://drive.google.com/file/d/1cH0KFx_qFi5YNNzQpTU-nf-KlXXI8vxF/preview" width="640" height="480" allow="autoplay"></iframe>
Visual References
I used Pinterest to find inspiration for my poster. This is to understand the idea of how information can be represented. I also referred to ones where I find the overall aesthetic suitable to the style I would like to incorporate.
Figure 1.8: Visual References from Pinterest
Sketches
These are the ideas I have for the layout of my poster. I tried different compositions to find what best represents the information I have gathered. The main aspects of the infographic is based off Category and Hierarchy, the rest are secondary.
Figure 1.9: Layout Sketches
Illustration
I have decided to go with Sketch #1, hierarchy being the main organization for my poster. For the illustration process, I started with designing the background and adding the Pop Mart characters onto the art board on Adobe Illustrator. This will help me organise the information later on.
Figure 1.10: Layout Sketches
Mr. Shamsul suggested that I incorporate more colours onto my poster. I categorised each Pop Mart colour based on their rarity and popularity.
The poster categorizes the rarity of the Pop Marts from Exclusive to Rare. Then, it is arranged based off its year of release from left to right in ascending order. Their names and popularity tier are also displayed in the poster.
Figure 1.1: Layout Sketches
Final LATCH Poster
Figure 1.2: Final LATCH Poster
FEEDBACK
Week 1 - 06/02/2025
Try arranging the colours based on the colour wheel. Proceed with Idea #2.
Week 2 - 13/02/2025
Incorporate more colours and reduce the saturation.
REFLECTION
Through these exercises, I learned how to organize and present information in a clear and creative way. In Exercise 1, I used pom poms to sort and arrange data, which helped me understand how visuals can make information easier to understand. In Exercise 2, I used the L.A.T.C.H. method to organize Pop Mart series data, which showed me how to structure information in a simple and neat way. Going through different ideas and making changes based on suitability helped me improve my design. Overall, these exercises taught me how to make complex information look more organised and interesting.
