Information Design



12/1/2023 (week 1 - week 7)
Justin Averill Prasetya / 0355048
GCD60504 / BDCM / The Design School
Information Design



Week 1: Exercise 1
Infographic exercise
In the first week we're introduced into the new module about information design:

For the first exercise we're separated to a group for group work but there's also a individual task 
for the group task we're making a presentation about infographic and for individual we're making a infographic poster using a tool that's given to us but first we need to search for poorly constructed and re do it

Group

Fig 1.0.1
Individual
Poorly constructed design
Fig 1.1.1 
I choose this one because the colour is too contrast and it's too messed up like the text placement is overlaying the ornament, and i decided to design it but i change the subject because it's came up to my mind about percentages and everything
Fig 1.1.2
I used canva for this poster and the graphics i use canva's feature that can manage data to a statistic
  • Latch Flip Exercise
Fig 1.2.1
  • Chunking Group Exercise
The concept chunking used in cognitive
psychology refers to breaking up content
into small, distinct units of information.
Fig 1.2.2
  • Exercise statistic using after effect 
Fig 1.3.1

Instructions 
<iframe src="https://drive.google.com/file/d/1u9hIQp6cgLgDR0D4dHeEtSEI5055xqz5/preview" width="640" height="480" allow="autoplay"></iframe>

Exercise 1 
  • Part 1 Quantify And Visualise Data
Arrange objects (Lego/ buttons/ coins etc) with relevant indicators written out with pens to help you visualize the quantity and data.

Fig 2.1.1 
The concept is about making a meteorite with the coin hahaha, but also counting and quantifying the data and put it there
  • Part 2 L.A.T.C.H

L.A.T.C.H is a method of information organization that consist of these principles:
Location

Alphabet

Time

Category

Hierarchy

So we're tasked to make a latch and made it into a digital poster using any digital photo editing or illustration software here's the result :
The concept is Japanese automotive manufacture that i gather the info and make a LATCH
Fig 2.2.1
And for the research of latch that i gather from google

Fig 2.2.2

  • Project 1 Instructable Infographics poster
For the next individual task is we need to make a Instructable Infographics poster.
First we need to gather resources and recipes from Pasta Granny youtube channel.
I need to decide which one should i use for the infographic poster.

I decided to use this one as the reference, that one pasta called tagliolini pelosi from marche
Fig 2.3.1
After done analysing the recipe here's the step by step how to cook

Taglioni pelosi

firstly dissolve a 2 table spoon fine salt into 300 ml hot water 

and mix it into 300 gram zero zero flour and roll mix it vigorously until the board is clean and the dough is smooth

after that add little bit of flour and roll it with rolling pin until it thins

dry the pasta sheet on the table cloth

serve with garlic, tomato and mushrooms sauce 

slice the garlic, add the olive oil and dried ground majoram dont forget too turn the fire on

for the tomato she used jar plumed tomato and processed through the food mill for a better texture

and put it in there

after there turn it off and dont forget to dry the margarine first

for the dough they prefer to add more flour to it and folds it.

use. pasta knife too slice the tagliolini

after sliced drop the pasta to boiled unsalted water 

after done add little boiled water to the palte with the pasta and add the sauce for extra flavour add cheese


For the colour palette i've generate a colour from picture that i found interesting in the video. I like the colour of the architecture and i think it's represents marche, italy

Fig 2.3.2
and for another one also i found interesting for the colouring but it's too dark compared to the top one
Fig 2.3.4
I'll decide when i finish my sketch
Sketch Fig 2.3.5

Digitalisation part
Firstly i made the ornament or the object first using krita and i convert it to photoshop, Here is the progress 
Progress Fig 2.3.6

Fig 2.3.7
Final Poster
Fig 2.3.8
Animated version
Progress
2.4.1

Final Animation
Fig 2.4.2




  • Project 1 Lyrics
Firstly we need to separate the part in the group after we decided the music. The music is centuries by fallout boys and after a meeting we decided which part i should in. And here's the progress with my part : Lyrics Distribution
AE Progress Fig 2.4.1
My Part of the lyrics
Here's the premiere pro work file File AE
Fig 2.4.2 My Part
Final Result
After i combined it in premiere pro with my group works here's the result
 Premiere Pro Progress Fig 2.4.3

Fig 2.4.3
  • Project 2 Character Animation
For the second project 2 we need to animate the character that given to us, we're divided by abcd and i got the d type of vector 
Process Fig.2.5.1
Final Result
Fig 2.5.2
  • Project 2 Animation Chart
We need to make a animation chart that given for us, for example i got line graph so i make a line graph animation using after effect but first i need to decide for the reference:
Fig 2.6.1
Progress
Fig 2.6.2
Final Animation
Fig 2.6.3

Reflection
Honestly i like this module, i can use of my after effect editing skill in this module and i also love doing that. The task in this module is superr funnn and i can experiment the way i like plus i can work with my group to achive our goal and can help each other with the ideas that can compliment our ideas. Also we learn how to plan things and how to arrange with one another without losing the essence of a teamwork. Although we finnish out final work a bit late ( i'm sorry mr martin) we manage to give our best at this module.

Comments

Popular Posts