INFORMATION DESIGN - EXERCISES
Week 1 - Week 7 (03/01/2022 - 18/02/2022)
Tay Yee Shien (0341472)
Information Design
Exercises
----------------------------------------------------------------------------------------------------------------------------
INSTRUCTIONS
fig 1.1 Module Information booklet
----------------------------------------------------------------------------------------------------------------------------
LECTURE NOTES
week 1
fig 1.2 Exercises and assignment brief slides
Ms. Anis briefed us about our exercises and assignment today. We went through the slides and Module information booklet as well. Before class, while I read through the TiMes, I created a google drive folder for this module. Ms. Anis gave us our exercise 1 with a deadline of 14 January.
Exercise 1
week 1
fig 2.1 Planning for exercise 1
At first, I tried to collect as many coins as I have in my house and sorted them while arranging them according to the second series or third series. The third series is the newer coins that we are all using now.
fig 2.2 Sorting and arranging
I've also made a table to write the summary of data.
fig 2.3 Table of Data Summary
Next, I tried to present them visually. I drew a tree trunk that has human features which are the head and arms that replace the branches. It signifies a growing person. The coins act as the leaves of the tree. Smaller coins are placed in a straight line below like the leaves and flowers that are hanging from the "tree."
fig 2.4 Attempt 1 on placing (8.1.2022)
Miss Anis loved the visualization, however, she said that I need to arrange them according to the data set so that there are no coins overlapping each other. She suggested I can stack the same coins together and indicate the numbers on the paper. Below is how I arranged it after hearing her feedback. I've also reduced the number of coins I used and also focused on the third series coins because previously I used too many coins.
fig 2.5 Attempt 2 on placing (9.1.2022)
Then, I drafted a title, and indicate the amount for each set of coins as well as the data on colors. I added hearts in the background to signify self-love that blends with the self-growth theme of the "human-tree". Unfortunately, Miss Anis said that the hearts drowned the important info of cents and quantity. She told me to adjust my visual hierarchy to keep my design balanced. She also advised me to use highlighters or colours to make the information more pop out.
fig 2.6 Attempt 3 on placing (11.1.2022)
fig 2.7 Tracing the artwork (12.1.2022)
Finally, I also added some bees with a coin as the body to share the same theme of coins with the tree.
fig 2.8 Unedited final outcome
This is the picture I took using the Camscanner app. Due to the reflection from the coins, it looks darker on the left side and shiner on the right side. So I edited the colors to make it look more balanced.
Final Outcome
fig 2.9 Final Outcome
Here is my final work. I like how it turned out in the end.
Exercise 2
Week 2
We need to come out with an A4 infographic poster that combines and utilizes the LATCH principles. At first, I did not want to choose Pokémon as many seniors have done it in the past but I realized that I am not so familiar with other things, so I ended up doing Pokémon.
fig 3.0 Pokémon LATCH planning
Research and Moodboard
Here is the visual reference map of Kanto with locations: Cinnabar Island, Celadon City, Pallet Town, and Vermillion City, pictures of the pokemons I'm using, visual research, and sketches.
Reference Photo of Location
The maps are crucial to help me draw the whole location, pin point specific areas and its prominent buildings.
fig 3.1 visual reference map of Pokémon Kanto 1
This map gives me a clear picture of the exact locations inside of Kanto.
fig 3.2 visual reference map of Pokémon Kanto 2
This helps me visualize the look for the overall of Kanto.
fig 3.3 visual reference map of Pokémon Kanto 3
With this map, I can see the prominent buildings in each of the places which I can sketch out later in the poster.
Pokemon Chosen
The pokemons I chose were Chamander (fire) from Pallet Town, Horsea (water) from Cinnabar Island, Pidgey (flying) from Vermilion city, and Porygon (normal) from Celadon city. All of them have three evolutions.
Fire: Charmander
fig 3.4 Charmander Evolution
Water: Horsea
fig 3.5 Horsea Evolution
Flying: Pidgey
fig 3.6 Pidgey Evolution
Normal: Porygon
fig 3.7 Porygon Evolution
Visual research
This research inspired me and give me an idea of what kind of infographic poster I want to create.
fig 3.8 Map sample
The contrasting colours on this map are very eye-catchy. I like it.
fig 3.9 Map sample
The graphic style here is very interesting. It is something I can considering to try.
fig 3.10 Map sample
The 3D look on this map looks so cool. However, it looks a bit challenging to make.
Sketches
These are some rough drafts and sketches I made while planning the design for the poster. I decided to draw the one on the bottom right because I think it looks the most organized while the rest of the ideas are quite blurry.
fig 3.11 Sketches of designs for the poster
Week 3
Progression
fig 3.12 First attempt
This is my first draft and I think it looks pretty decent, but I want to continue editing to make it better.
fig 3.13 Second attempt
I moved all the pokemons on the bottom of the poster so they can be together. However, I still think it looks weird that the power legends (water, grass, fire, and normal) are placed at the bottom, so I tried moving around the layout of my poster again.
Final Outcome
Initially, I picked out 2 pokemons with 3 evolutions and another 2 pokemons with 2 evolutions. Afterward, I switched out the pokemons with 2 evolutions to 3 evolutions, to make the poster more balanced. I have also moved the power legends to the top and redrawn the island and buildings to make them neater. Lastly, I added more layers to the clouds to add more details. Overall, I believe my hard work has paid off and I am satisfied with my poster!
fig 3.14 Final Outcome
----------------------------------------------------------------------------------------------------------------------------
FEEDBACK
Week 2
Ms. Anis loved exercise 1's visualization but I needed to rearrange them according to the data set. She said that it's better not to let different values of coins overlap each other. However, I may stack the same ones together and indicate them on the paper. She also advised that I use the physical space as much as possible.
Week 3
Ms. Anis said that my Pokémon infographic is really good, she could see all the information clear and well done!
----------------------------------------------------------------------------------------------------------------------------
REFLECTION
week 1
Experience: After Ms. Anis brief us about
our exercise and assignment, I feel excited to work on it because I am
interested in how to do it.
Observation: As I did the exercise, I
found it satisfying to arrange things neatly and accordingly.
Finding: I found that it is always
useful to plan before you do anything to avoid any mistakes.
week 2
Experience: I had a challenging time choosing items to arrange together as I was staying at my relative's house for some time, and I did not bring a lot of things with me. Fortunately, my aunt lent me a bag of coins from my aunt, and I worked with it.
Observation: As coins are very common items, I have a bit of a challenge coming up with a creative design for them. However, it was also quite fun to create a nice layout for the coins.
Finding: I found that it is hard to fit too many coins on the paper, so I had to stack them up.
week 3
Experience: For this week, I had shown
miss my work for feedback. I was a little bit worried because many seniors had
done Pokémon posters like mine in the past. However, it turns out quite well
because Ms. Anis think that it is clear and easy to understand. I was
really happy.
Observation: As I am doing the exercise, I
notice that my illustrator skill is improving, and I am more comfortable with
drawing digitally.
Finding: I found that doing research
and a mood board is helpful in providing the big picture of what your outcome
would look like.
.png)
.png)
Comments
Post a Comment