INFORMATION DESIGN

February 23, 2019

INFORMATION DESIGN - EXERCISES

07.01.19 - 02.02.19 (Week 1 - Week 4)

Helen Angelia

Information Design

Exercises

LECTURES

Lecture 1 : Infographic and After Effects Basic

07.01.19 (Week 1)

Infographic

Convert all research into visually appealing.
The audiences will need to understand the messages.
Create video / motion to make it more appealing.

After we understand the big outline of what infographic is, we were told to do After Effects exercise as a warm-up before we move to the next one.

We were told to choose a simple topic and animate them in After Effects. I chose my "Food" as my topic: "How to Make Simple Pizza".

Fig 1.1

Converting from Adobe Illustrator to Adobe Photoshop

Pepperoni Pizza

Fig 1.2

Converting from Adobe Illustrator to Adobe Photoshop

Veggie Pizza

Fig 1.3

Final Outcome of "How to Make A Simple Pizza"

After this, I animate the pizzas at Adobe After Effects and use Adobe Media Encoder to convert the files into mp4.

Here is the link for my Youtube channel:

https://www.youtube.com/watch?v=Qe18WaiikhI

Lecture 2 : History of Infographic

08.01.19 (Week 1)

For today's lesson, we were taught about the history of infographic from the 15th century to 21st century.

Hundreds of years ago, people still don't have internets. They have difficulties with gathering informations and all that. And on 1500, the people only think about survivals or we called them cavemen. Cavemen couldn't read at the time, so it was really hard for them to gain knowledges.

The cavemen were then started the "drawings on the wall" to documenting their lives. These drawings were usually animals painting. This was for the younger generations to keep living and avoid extinction. The cavemen kept the painting simple, as in fast and efficient ones.

The paintings soon improved into "Phonetic Alphabet". Phonetic means more to sounds rather than the alphabet themselves. We can find Phonetic Alphabet on Vietnam's Roman Alphabet.

When the people already knows alphabet, designs were slowly coming up to the surface. But at first, there weren't many people who were interested in it. It could because gathering information was still hard at the time. Also for other country, like England, they were maybe still attached to nobilities and religious things.

On 1600's, there were signs of technology improvements.

On 1800's and 1900's, there were steam engines.

Designs were almost popular back then when technology has improved. There were newspapers or any other medias to inform the public about things. But, in 1900's to 2000's, designs were then out of luck because of the world war.

And in this time, mapping was made. In war, a leader needs mapping to make strategies and lead the armies to victories. And to make this happened, they need people who can make readable maps. They had to sacrifice details so that people who read it won't get confused.

Designs were then started to rise again on the 21st century. Designers are starting modifies the icons and everything for accommodate lifestyle.

________________________________________

After the lecture, we were told to count buttons, differentiate them between sizes and textures, made information data about it and submit it to Google Classroom along with the picture of the buttons.

Fig 1.4

My Information Data

Blue Buttons

We need to make a poster of the 5 colored-buttons and beside my buttons, I was using my group mates buttons as well.

Fig 1.5

Chiquita's Information Data

White / Translucent Buttons

Fig 1.6

Feryn's Information Data

Black Buttons

Fig 1.7

Chelin's Information Data

Pink Buttons

Fig 1.8

Crystal's Information Data

Green Buttons

I combined all my data and my group mates's and come out with a poster for the buttons.

Fig 1.9

Final Outcome of Buttons Poster

Lecture 3 : Manuel Lima's 9 Directives Manifesto

09.01.19 (Week 1)

We were told to make slides and have presentation about Manuel Lima's 9 Directives Manifesto.

The result of our presentations wasn't so good. The slides are fine, but how me and my group presented it was unorganised and unprepared. Mr. Kannan was upset about it and told us not to do it like this next time.

Dynamic Numbers After Effects Exercise

14.01.19 (Week 2)

For this exercise, we were taught how to make dynamic numbers or when the numbers could increase or decrease itself.

I took some notes of how to do it:

Keyframe Part

Keyframe >> value >> set the numbers.
Effect

Layer >> solid.
Text >> numbers >> choose fonts and colours.
Set the decimal numbers from 0,000 to 0.

Set the value and keyframe.
Set the size of the text.

Scripting Part

Create a very simple rectangle (make sure there's no stroke).
Transformation
Drag the scale whip to value (100 number).
Change the [temp, temp] to [100, temp] by double clicking scale.
Layer >> Text.
Whip of source text >> drag to value.
Adjust the placement of the anchor point.

Fig 2.0

Screenshot of Dynamic Numbers Practice

After learning how to do it, we were told to make a simple animation with simple topic. I chose to do the comparison of the population of Indonesia vs Malaysia.

Fig 2.1

Population of Indonesia 2015 - 2018

Fig 2.2

Population of Malaysia 2015-2018

Fig 2.3

Screenshot of the Process in Photoshop

--------------------------------------------------------------------------------------------------------------------------

This is the link to my final outcome of the exercise.

https://www.youtube.com/watch?v=86askJ73ggI

--------------------------------------------------------------------------------------------------------------------------

Lecture 4 : Saul Wurman's L.A.T.C.H

15.01.19 (Week 2)

This was our second presentation. We were told to make slides and have presentation about Saul Wurman's L.A.T.C.H.

For this presentation, it went well. Mr. Kannan said we improved very well and with Ms. Anis, they said we've done a good job.

Pokemon L.A.T.C.H Exercise

14.01.19 - 29.01.19 (Week 2 - Week 4)

After presenting about Saul Wurman's L.A.T.C.H, we were given a task about making Pokemon based on the L.A.T.C.H itself: Location, Alphabet, Time, Category and Hierarchy.