Information Design

03.02.2025 - 23.02.2025 || Week 01 - Week 03
Hanson Pea Wei Hao || 0359463
Information Design || Bachelor of Design (Honours) in Creative Media || Taylor's University
Exercises

Lists

1. Instructions

2. Reflections

Instructions

Exercise 1: Quantifiable Information

Exercise 1: Quantifiable Information (10%)
- Quantify raw data and visualize information as a photograph
- Visual representation of numerical data that allows for easy interpretation and analysis.

Instruction:
Gather a set of objects and separate it into category such as color, shape, pattern, and other quantifiable factor.
Example:

1. Box of Lego
2. Jar of button
3. Jar of marble ball
4. Set of colourful rubber strap & more.

In this exercise you're required to quantify our chosen objects and arrange them into a presentable layout or chart.
The information must be presented as is, and you need to arrange the objects with relevant indicators written out with pens to help you to visualize the quantity and data. The examples of objects that can be use are buttons, coins, lego pieces, M&Ms, and more.

In the first exercise, we needed to take a quantifiable object such as marbles or coins and arranged it a presentable layout/chart. We were recommended to arranged it in a way that tells a story. Before finalizing the layout, we also needed to come out with 4 ways to present the idea.

In the first week of tutorial class, I brought some Sticky notes for this exercise. and then Mr. Shamsul told me the object I bring have not enough quantity and lack of colour choice would not be able to done this exercise. So he suggest me to change my object to like small Lego piece, colourful marble or button which have more pattern or colour.

Fig 1.1 sticky note

When I reach home I straight change my items to the balls to making bracelets. First I needed to arranged the data with the following which is Data, Sorted, Arranged, Presented Visually and Explain with a story.

Fig 1.2, Data

Fig 1.3, Sorted

Fig 1.4, Arranged

After that, I start experimented with different arrangements for my objects. While arranging it in a visually appealing way is important, the arrangement also has to tell an interesting story.

Fig 1.5, Layout Planning for Story 1

Story: -A random day-

For doing my assignment, I need to sort the colorful beads. The red ones belong to red, the blue ones belong to blue, and the yellow, green, purple, and pink ones belong to each one. And then a green bead rolled to the edge of the table. I was about to reach out to pick it up, I bent down and reached for it, and found it hiding in the corner, shining faintly. I hesitated, sighed, and took back my hand. "Forget it, let it escape." I muttered quietly and continued to sort. The beads were still arranged neatly, as if nothing had happened.

Fig 1.6, Layout Planning for Story 2

Story: -An uneven life-

There is a kid once, his favorite game was Tetris. He always felt that if he could place each block accurately, he would eventually be able to eliminate all obstacles and win.

When he grew up, he started study as a students, and life was like a never-ending game. The requirements of his lecturer, the expectations of his parents, the invitations of his friends, the trivial matters of life. Everything was like a randomly dropped block. He worked hard to adjust, trying to put everything in order. But reality is more difficult than the game. The blocks are getting faster and faster, and there are more and more gaps. He is always just a little short of filling the gap in his heart. Finally, at a moment when he was working overtime until late at night, he stared at the screen full of unfinished tasks. In a trance, he seemed to see the blocks in the game piled to the top, waiting for the music of failure to play. He suddenly smiled. Perhaps life is not a game that can be perfectly eliminated, but we must learn to accept the gaps that are not piled up.

Fig 1.7, Layout Planning for Story 3

Story: -Lost marbles-

There is a guy loved playing Zuma the most when he was a child. He always imagined that he was that stone frog, shooting colorful balls accurately, like dreams leading to the future, arranged neatly, waiting for the moment of elimination. But reality is not a game. When he grew up, he became an student, busy with endless forms, home works and assignment, as if he never had the chance to adjust the "colored ball" in his hands. Late one night, he was working overtime in front of the computer. The neon lights outside the window were reflected on the glass, making them colorful. He stared at the screen, and in a trance, the colors seemed to have turned into marbles in a childhood game, rolling towards their fate one by one. He closed his eyes gently and imagined where he would shoot if he could still hold the stone frog. Unfortunately, the game does not have a restart button, and his marbles may have missed the best angle.

Fig 1.8, Layout Planning for Story 4

Story: -Time in the hourglass-

When I was young, I loved playing with hourglasses. Watching the tiny grains of sand falling slowly, I always feel that I can seize time. As long as I stare at it without blinking, time will not slip away. Once, I accidentally knocked over the hourglass, and the golden sand scattered all over the table. I panicked and held it with my hands, trying to stuff it back. But no matter how careful I am, the sand still flows away from my fingers, and it never returns to its original state.

My Grandma looked on me and she smiled softly, and said, "Silly boy, time is like this too. Once it's gone, you can never get it back." I was stunned, looking down at the sand scattered on the table, feeling indescribably sad.

Later, I start grew up, life became busy, and time seemed to run faster than when I was a child. I began to be afraid. Every time I was separated from my friends, every time I missed an important day, I felt like I was a child, trying in vain to catch the flowing sand. Until one day, I find my old hourglass. I gently turned it over and watched the sand flow again. Suddenly I understood - time will not go back, but it will continue to move forward. Every time it is turned back, it is a new beginning.

Final Idea for Quantifiable Information

Fig 1.9, Final Exercise 1 - Quantifiable Information

Story: -Time in the hourglass-

Back To Lists

Exercise 2: L.A.T.C.H

INSTRUCTION:

1. Organize a group of information into a visual poster that combines and utilizes the LATCH principles (Minimum 4).

2. You are required to use the digital photo editing/illustration software available to assemble the information into a LATCH infographic poster.

3. You are allowed to reuse back the images but you have to create the rest of visuals to complete the poster.

REQUIREMENTS:
1. Size resolution: A4 size
2. Progress and submission link on E-Portfolio.

REQUIREMENTS:
1. Size resolution: 1240 × 1750 pixels or 2048 × 2048 pixels.
2. Progress and submission link on E-Portfolio.

Before we start we need to know what is L.A.T.C.H,

L: Location
A: Alphabet
T: Time
C: Category
H: Hierarchy

Progress:

in this week of the exercise, I have no idea about what to do during this exercise, So I looked at some infographic references in Pinterest and google to getting some idea. And then i saw one reference which is pretty interesting which is for a character from Honkai Star Rail - Ruan Mei. So I getting idea to make an infographic for a same company game which is Zenless Zone Zero which as know as (Z.Z.Z).

Fig 2.1, visual references

After getting idea I start doing more reference and then make some sketch wanted to ask for some feedback from lecturer. But We unfortunataly reach the Thaipusam so we didn't get any feedback for my idea or sketch during that week.

Before I start with the design, I first needed to gather information. So I plan to get some information and get my personal L.A.T.C.H. And some information of Zenless Zone Zero.

My Personal L.A.T.C.H:

L: Location all around New Eridu and faction which always appear there
A: Alphabet according based in each of the faction

T: Timeline when the charater release

C: Category of element, roles, and faction
H: Hierarchy of colour, contrast and alignment

So I started of by giving the page a title and adding some simple squares and putting the categories on them, along with the element, roles, and faction.

So In the first I use the main charater proxy and the area which is the place they live- the 6th street make a poster for the background. and the I use a specific fonts which is the same fonts as Zenless Zone Zero - "印品鸿蒙体" which read as "yin ping hong meng ti" in English.

Fig 2.2, Fonts Use"印品鸿蒙体"

and then the colour I want to use is the main colour of zzz which basically orange, white and black.

Fig 2.3, Colour palette

Sketch:

Fig 2.4, sketches

After getting all the information I need, I start making the poster start with the background. I create a poster by using the main street our main charater live at which is the 6th street and the main charater proxy picture.

Fig 2.5, background of the poster

I also find all the charater picture from the game and then crop out them from the poster they having, seprate ana rename them by following the alphabet according. Other than that I also getting all the roles info and attribute and crop it out one by one.

Fig 2.6, charaters

Fig 2.7, role and element

So I start to make the poster above my background and found it out the background poster I made is a bit distraction. So I start replace the blackground in black which use to making contrast combine with my light colour.

Fig 2.8, progress

I start building each part one by one:

Fig 2.9, Faction and charater name

And then I find out the design is a bit boring so I start using colour contrast and adding all the role and element into with character and make a small bar to list out all the element and roles.

Fig 2.10, element and roles

Fig 2.11, Faction and charater name

then I list out all the timeline and charater release time and found out it is not so intereting, so I decided to add image only.

Fig 2.12, charater release timeline

Fig 2.13, character release timeline picture ver.

The most hard part will be location, because there is no a actual map in the game. So I go in the game and take some picture from the specific area and make it like a photo wall. and then add somethings like sticker label to mention where all the faction activity.

Fig 2.14, Faction location

After gathering all the information I need, I combine all together to a Poster.

Fig 2.15, draft poster in 1240 x 1750

Fig 2.16, 1240 x 1750 poster [PDF]

And then i getting info in Week 4 class, lecturer mention that to unify all the poster. So the requirement change to A4. So here is the Final Final.

Final For Exercise 2 L.A.T.C.H Poster in A4

Fig 2.17, Final poster in A4

Fig 2.17, Final poster in A4 [PDF]

Back To Lists

Reflection

Exercise 1:

For the first exercise it is really fun and satisfying to rearrange, organize and categorise things. so this task is pretty fun and chill for me. This exercise help me top think more creative in arranging data. The struggle part for me will be how to create a good story for it. After struggle and brain storming for few day I finally done it and feel so good for it. it provide me more idea in doing this module. Overall this exercise is good in let me having a mindset in how to arranging stuff in more interesting way.

Exercise 2:

For the second exercise, it was pretty fun in making a infographic poster which I gather and info from the game i know so well and interest in. the hard part might be photoshop all the image and crop it out due to there is a lots of character in the game. and its pretty hard to balance all the part in infographic. i did struggle a lots in this part. This exercise also help me so much in understanding how to structure and present information effectively. It get to improve my my skill in organize and categorise. and the most important point is to only show the most important message to send not all the information.

Back To Lists

Search This Blog

Hanson Pea Wei Hao 0359463