information design _PROJECT 1 & 2

Week 6 - Week 10

 23May  2025 - 18June2025

QIULIHUA/0365036

information design / Bachelor of Design (Honours)in Creative Media

PROJECT 1 & 2——information design

---

INSTRUCTION

---

PROJECT 1 & 2: INFOGRAPHIC POSTER

PART 1: Infographic poster (20%)           
INSTRUCTION:
1. Choose 1 infographic poster design (that is not well design) from Internet
2. Redesign the poster into A4 size. Sketch the idea and process (5 Marks)
3. Redesign and simplify the poster based on visual hierarchy & typography (5 Marks)
4. Simplify the poster's design based on color, shape & pattern (5 Marks)
5. Attach your final poster on E-Portfolio with explanation and reflective writing (5 Marks)

PART 2: Minimal animated infographic (20%)
INSTRUCTION:
1. Animate your infographic poster into one static loop animation page
2. Loop duration in between 15 - 30 second
3. Size: 1080 x 1920 px (Vertical Video) upload to your own Youtube channel

1. Infographic poster：

proposal：

After I drew a rough draft layout, I did the layout

Fig 1.0 draft

Then I created objects and designed a rough layout. The teacher suggested that I clearly divide the steps of making pizza and show the ingredients needed for each step. I changed my layout again.

Fig 1.1 Approximate layout

I put the title in the middle to highlight the theme. I also divided the steps of making pizza into 5 steps, marked with circular labels 1.2.3..., and listed the ingredients on the left, so that users can know what ingredients are needed.

Fig 1.2 design process

The teacher thought that I didn’t need to add too much creativity to the background, so I deleted the pizza element in the background.

Fig 1.3 design process

Final Infographic poster:

Fig1.4  Infographic poster（JPE）

Fig1.5  Infographic poster（PDF）

2. Minimal animated infographic

Before starting this task, the teacher showed us the canvas size for this animated infographic. We need to change the position based on the animated infographic we designed.

Fig 1.6 animated infographic

When designing my animated infographic, my teacher suggested that I keep it simple and not add too much. He showed me an example. I chose one of the graphic dough steps as the main graphic. The graphic steps were also changed to text steps. The text was simplified so that the screen was not occupied by text.

Minimal animated infographic poster：

Fig 1.7 Minimal animated infographic poster （JPE）

Then I will import the design in Adobe illustrator into Adobe after effects for animation design.

Fig 1.8 Adobe after effects for animation design.

Fig 1.9 Minimal animated infographic 

After watching my practice, the teacher suggested that I change the words in the white box to red, and not to make the objects appear one by one, because users don’t have the patience and time to wait for them to appear. The animation of the pizza ingredients in the center can be thrown into the air from the bottom.

According to the teacher’s suggestion, I went back to AI to make some changes. I grouped all the steps together and classified the ingredients on the pizza into separate layers, which made it easier for me to edit in AE.

Fig 2.0 Modification process

I also changed my animation, I made the step text and image static

Fig 2.1 Modification process

 

Minimal animated infographic：

---

FFEDBACK

WEEK 6：