Information Design: Exericses
3/2/2024 - 17/2/2025 (Week 1 - Week 3)
Seh Zi Qi/ 0355872/ Bachelor of Design(Honours) in Creative Media
Module Name: Information Design
Exercises
LIST
Exercise 1: Quantifiable Information
Exercise 2: L.A.T.C.H Poster
INSTRUCTIONS
<iframe
src="https://drive.google.com/file/d/19GbSnatV2f1uAcvbNRp8m00OaRtvXdc-/preview"
width="640" height="480" allow="autoplay"></iframe>
_______________
EXERCISE 1: QUANTIFIABLE INFORMATION
- "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:
- Box of Lego
- Jar of button
- Jar of marble ball
- Set of colourful rubber strap & more.
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."
____________
Progress
For this exercise, we were tasked to create an infographic using
quantifiable items. I found a toy set with many colourful and repetitive
pieces. This creates a lot of potential for this exercise, so I went
ahead and bought it.
|
| Fig 1.1, Uncategorised Toys for Data Collection |
During the sorting session, I discovered the pile contained different
types of animals like a Monkey, Pig, Mouse, Bunny, Elephant and Cat.
Despite this, I categorised them by colour first before sorting them
in their respective species.
Fig 1.2, Categorised Data Collection in Colour
After sorting, I created a sheet for the amount of species in each
colour category; I has also created possible combinations for the
quantifiable inforgraphic poster.
Fig 1.3, Sheet of the Data Collection
For Draft #1, I used the deformed toy for my baseline category and
then surrounded it with toys to create a sense of harmony. The second
category I used is colour which was organised in a rainbow
order.
|
| Fig 1.4, Draft #1 of Quantifiable Poster |
I sent this version to my lecturer to check, and he said it’s alright
but I could do better. After that feedback, I decided to write and
narrow down my categorisation for a more specific quantifiable
poster.
Categories:
- Species: Mouse
- Colour: The colour of the mouse
- Number: The number of the species
For Draft #2, I used the colour as my main category. Creating a chart
like structure for better visualtisation. Even though I liked the
placement, it didn't feel aesthetic enough and it would be hard to
write down each category if it was placed like this.
|
| Fig 1.5, Draft #2 of Quantifiable Poster |
Draft #3 was similar to Draft #2's chart structure but the placement
is slanted. I also used number as my main category as that would
create an additional hill besides the slanted placement.
|
| Fig 1.6, Draft #3 of Quantifiable Poster |
For Draft #4, I decided to use a singular line to create a unique
placement pattern. I also used number as my main category to create a
natural flow and spacing for the placement.
|
| Fig 1.7, Draft #4 of Quantifiable Poster |
For Draft #5, I wanted the amount of mice to be more prominent so I
made it more significant by adding actual numbers next to the
specified amount. This helps the viewers to understand how many mice
are within the specific numbers and it creates a clear constrast for
each amount.
|
| Fig 1.8, Draft #5 of Quantifiable Poster |
I decided to choose Draft #5 to be my final design and went for it. I
used markers and pens finalise the look more. I also added graphical
elements like actual animal mice, cheese and lines since they are
usually tied together.
|
| Fig 1.9, Progression of Quantifiable Poster |
I felt that some parts of the poster was still a bit bland so I added
more graphics and written down the colour and material of the mice as a
finishing touch to the quantifiable informational poster.
_______________
FINAL Quantifiable Information
|
| Fig 2.1, Final Quantifiable Information, 10/1/2025 |
_______________
EXERCISE 2: L.A.T.C.H POSTER
"Present information according to this principle as a designed
poster
- Organize a group of information into a visual poster that combines and utilizes the LATCH principles (Minimum 4).
- You are required to use the digital photo editing/illustration software available to assemble the information into a LATCH infographic poster.
- You are allowed to reuse back the images but you have to create the rest of visuals to complete the poster."
____________
Progress
At the start of this exercise, I decided to look through my seniors’
work to get a sense of what to do. All of the seniors’ work were
wonderful by the one that influenced me the most was about the Genshin
Impact’s Fatui Harbingers.
This gave me a little bit of courage when it came to creating something
I liked rather than finding information on a topic that I don’t know
much about. I decided that I wanted to use the different characters from
the game Undertale since there were a lot of monsters that I felt could
be categorised.
|
| Fig 3.1, Undertale |
After giving it some thought, I felt that there were too many characters
within the game and that the species of each monster wasn’t specified,
therefore it would be hard to categorise them correctly.
Since I had already stuck with a game for my inspiration, I decided to
move onto another game that is currently one of my favourites and had
only recently came called Fields of Mistria. The game is a relaxing farm
game with different NPCs, locations, seasons and genders which I felt
like could be utilised for this LATCH exercise.
|
| Fig 3.2, Fields of Mistria |
After doing my own research about the characters, I went ahead and wrote
down each category that I would use within the LATCH poster. I wanted to
only do romanceable characters as there would've been too many
characters to cover.
- Location: Different parts of the map
- Alphabet: Characters names & birthdays categorised in alphabetical order
- Time: Character Birthdays (seasons)
- Category: Gender
Once I was done with catergorisation, I created 3 rough sketches to help
me visualise the LATCH poster in detail. For sketcth #1, I wanted to do
a mindmap with speech bubbles that come out of the specific locations to
represent where each character is from.
|
| Fig 3.3, Sketch #1 for LATCH poster |
For sketch #2, I had added another category that represents the age of
each character within the game. Although I liked the placemet, it would
be too much to handle within the digitisation phase so I went ahead and
sketched another idea.
|
| Fig 3.4, Sketch #2 for LATCH poster |
For sketch #3, I wanted to do a family tree design. I felt that if I
were to implement each character into the LATCH poster, this would be
the easiest way to showcase it; It also helps with differentiating and
connecting each characters' family together. Even though it was a good
concept, I decided to move on since it would've worked better if I
didn't have a limited space.
|
| Fig 3.5, Sketch #3 for LATCH poster |
After looking at each option, I decided to put sketch #1 as I felt that it can be expanded upon when I digitise the poster within Adobe Illustrator.
_________
Firstly, I started off by putting in the locations within the game as I
want that to be my main category. Even though I had put in all the
locations that were currently present within the game, I felt that it
took up too much unnecessary space and re-did it where only the
romancable characters reside.
|
| Fig 3.6, Progress #1 of LATCH Poster |
Secondly, I went ahead and worked on the background. The white background felt too plain so I used the main title screen from the game as the background itself. To make it complete, I resized it to my liking, added a blue background, lowered the opacity and fit it to a placement that felt organic and seamless.
|
| Fig 3.7, Progress #2 of LATCH Poster |
Thirdly, I went ahead and made the specific graphical elements. For the speech bubbles, I started off by using the shape tools and drawing a shape that resembles a speech bubble. To make the style look coherent, I wanted a pixeled look which was achieved by going to turning the vector shaped into a rasterised image > Object > Create Object Mosaic.
By using this method, I was able to create a pixelated speech bubble. To
make it look better, cleaned up certain edges and pixels so that it
looked more finalised and used it as my main separation method.
|
| Fig 3.8, Progress #2 of LATCH Poster |
To achieve a more coherent look, I downloaded the specific font that was used in game from FontStruct by Neljan. I had also gotten the specific character sprites from a website called The Spirters Resource for my character graphics.
Link to Fields of Mistria Font:
Link to Character Sprites:
Fig 3.9 Fields of Mistra Font & Character Sprites website
Finally, I added all the elements needed into the canvas to create the
LATCH poster. I cropped the character sprites to fit in the speech
bubbles as well as written the different catergories within it too to
have the specifications shown. After I was done with that, I added the
title and the locations' names to further specify where each character
reside in; Once I was finished with that, I added more pixelated
graphical elements and I was done with the poster.
Fig 3.10, Progress #3 of LATCH Poster
_______________
FINAL L.A.T.C.H Poster
|
| Fig 4.1, Final L.A.T.C.H Poster, 24/2/2025 |
REFLECTION
Exercise 1:
For this exercise, I felt that I did well for my first ever quantifiable
inforaphic poster; I wasn't able to get a grasp of it, but I felt that
it was a good first start towards the other assignments that will come
my way. Although I was able to finish it, I had struggled quite a lot
initially in the drafting phase since I was indecisive on what I wanted
to do for my quantifiable information. I was able to see my seniors' and
friends works which helped and motivated me to push forward and create a
better outcome for my poster. Overall, I think it wasn't a bad attempt
at my first every infographic poster and I would want to do better as a
way to improve my skills for the future.
Exercise 2:
For exercise 2, I was able to do well despite my hesitation of posting
the final product. It wasn't a bad attempt at the exercise but I felt
that I could've done better if I had consulted with my lecturer prior to
the deadline; I don't regret not doing a consultation but I do regret
that I wasn't able to do more without guidance. It was frustrating to
already have artblock from the previous exercise and other modules which
made me even more stressed about the outcome of the poster. My friends
were able to encourage me within this period and helped me throughout
the exercise when I had doubts on certain parts when making the poster
which I will be forever thankful for. In conclusion, I felt that I could
do better and regret that I wasn't able to do better despite all the
skills I've learned up to this point; I want to improve on future
assignments to guarantee a better score and outcome.
Comments
Post a Comment