Information Design - Flip Exercises 1&2

on

3/2/2025 - 20/2/2025 (Week 1 - Week 3)
Wee Jun Jie / 0375271 
Information Design / Bachelor of Design (Hons) in Creative Media
Flip Exercises 1&2


 INSTRUCTIONS 


Requirements:

For this exercise we supposed to quantify our chosen items and arrange the objects into a presentable layout or chart. I decided to go with fluffy color deco balls. I started by sorting them based on their colors and then arranged them in order of their quantity and condition on the A3 paper.

  1. Arrange the objects in a structured layout to clearly present the data.

  2. Label and annotate the display with relevant indicators using pens or markers to help visualize the quantities.

  3. Photo 1: Random objects before sorting.

  4. Photo 2: Objects sorted into categories (2-5 categories).

  5. Photo 3: Final presentation with written information on paper, showing the categorized data.


Exercise 01 - Quantify & Visualize Data
Fig 1.1 - Fluffy color balls collection - JPEG, 6/2/25

First, I spread out the prepared hair balls and put them in a pile.


Fig 1.2 - Balls sorted out by colors - JPEG, 6/2/25

Then, I arranged them according to their colors.

Fig 1.3 - Balls sorted out by quantity - JPEG, 6/2/25

Next, I tried thinking of ways to arrange them. Below is one way I tried to arrange them before time was up. I was thinking about how to arrange it more creatively, so I started with the simplest way. After many attempts, it really worked and gave me some inspiration.


Fig 1.4 - Final Look Attempt 1 - JPEG, 6/2/25

After trying three or four different arrangements, I found that there are good and bad fluffy balls, so I classified them based on their quality, and this is how I came up with the above picture. This is a pie graphic, and the ball on the right is a broken fluffy ball.


Fig 1.5 - Final Look (The MAZE) - JPEG, 6/2/25

But I am not satisfied with the pie chart graphic, because it does not seem to be able to clearly classify the fluffy balls, so I have this second poster arrangement. Pay attention to the darker color in the middle of the broken fluffy balls. The theme of this poster is about a maze. Use good fluffy balls of different colors to form a wall and arrange bad balls outside the maze.


Exercise 02 - L.A.T.C.H.

In exercise 2, we have to organize a group of information into a visual poster that combines and utilizes the LATCH principles (Minimum 4). We are required to use the digital photo editing/illustration software available to assemble the information into a LATCH infographic poster. We are allowed to reuse back the images, but we do have to create the rest of your visuals to complete the poster.

Requirements: Size resolution: A4

Gather Information & References
Ideation Sketches

After doing research on visual references, I started to draw the sketches. For the first sketch, the information is divided by Location (Golden State Bay Area), Alphabet (A-D description about him), Time (Steph's Basketball Career), Category (Awards he gets on and off court). I think this is a more straightforward way to categorize and show the information. 

For the second sketch, I plan to use the player's image as the main focal point and expand outward from different parts of his body. The information will be divided based on his injury timeline, with all his achievements, such as different location in FIBA: Gold Medals and NBA: Rings, categorized and listed below using alphabets. This approach creates a stronger visual hierarchy compared to the previous design, which felt a bit dull with all the information confined to boxes.

After much thought, I still felt that something was missing. I realized that my previous two sketches didn’t fully showcase all the information I had, and the overall layout wasn’t ideal. So, I created a more complex but complete composition. At the top of the poster, there will be a low opacity section serving as a background for the title. The first curved section will use the alphabet to describe what kind of player Stephen Curry is. The second curve will feature the main title of the poster, accompanied by a large portrait of Stephen Curry. The blue curve will highlight his incredible performances against various teams during the 2015-16 regular season (timeline). The yellow lines at the bottom will represent the playoff matchups from that season, with category titles on both sides to frame the information section below. At the very bottom, Stephen Curry’s achievements and honors will be categorized and displayed accordingly. I believe this layout hierarchy is feasible, as it allows me to freely adjust the LATCH placements, providing more flexibility compared to the previous sketches. However, I haven’t fully figured out the design details yet but no matter, I’ll just get started!



Step 01-03


Step 04-06


Step 07-09


Step 10-12

Steps 01-03
I started by searching for images to serve as the framework for my poster. I wanted to follow my own creative process rather than sticking to a strict step-by-step approach. After selecting the base image, I chose additional character poses from different angles to enhance the composition. I then quickly adjusted the colors to create a cohesive tone across all images.

Steps 04-06
Unsure of what to do next, I experimented by sketching a few shapes to divide the theme and explore possible layouts for my content. I then decided to create a background first. After looking at references, I found that using a basketball court floor as the background would be a great choice. I selected a brown court texture and adjusted the colors, aiming for a dark-toned base without using black or gray. Instead, I picked the blue from the player’s jersey, which also represents the Warriors' team color. I thought it would be a fitting choice.

Steps 07-09
Next, I decided to place the alphabet design in an arch at the top of the poster. To do this, I paused my design work to search for a suitable font. Since my focus was on the 2015-16 season, I wanted a font with a vintage feel, so I chose a serif typeface that conveyed that sense of nostalgia. I couldn't find a commercially usable one, so I opted for a personal-use font instead, huge thanks to the creator!

Steps 10-13
After arranging all the elements, the final part was the categorized awards section. I planned to use the original shapes as simple graphic stickers to maintain visual consistency. However, this part was particularly challenging since everything was manually crafted, making it difficult to unify the stickers. Even after standardizing them, I faced another issue—there wasn’t enough space. I spent a long time thinking of a solution until finally… (To be continued!)

Fig 2.1 - Poster Design Attempts - JPEG, 19/2/25

I've lost count of how many versions I’ve designed, at least 30 or more. I kept refining it until I was satisfied. While there's always room for improvement, this is the most visually balanced design I can achieve with my current skills. The differences might not be obvious on image above, but you can check my explanations below for more details.
Fig 2.2 - Adjustments & Explanation - JPEG, 21/2/25


Final Artwork

Fig 2.3 - Final L.A.T.C.H Infographic Poster - JPEG, 21/2/25

 FEEDBACK 
Week 1
  • Don't make an artwork, arrange first then sort it with different characteristics.

  • Be more creative but need to clearly sort the information out.


Week 3

  • Almost there. Love how you use the photo as your main object. Blend the photo a bit more into your background. The location bottom looks unobvious, try figure it out. Overall cool, nice work.

 REFLECTION 
Exercise 1 have been proven to be helpful for me to learn 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.