Information Design - Project 1 & 2 / Animated Infographic Poster

19.2.2025 - 10.3.2025(Week 3 - Week 5)
Chong Hui Yi / 0363195
Information Design / BDCM
Project 1 & 2 / Animated Infographic Poster



TABLE OF CONTENT


LECTURES

Week 4:

Manuel Lima’s 9 Directives Manifesto

Manuel Lima’s 9 Directives Manifesto:

  • Form Follows Function: The main goal is to explain and provide insight, not just make things look pretty. Always start with a clear question.
  • Interactivity is Key: Let people explore the data themselves—it makes learning more effective.
  • Cite Your Source: Be transparent about where your data comes from.
  • The Power of Narrative: People love stories! Use storytelling to make your data more engaging and memorable.
  • Do Not Glorify Aesthetics: Looks are important, but clarity comes first. Don’t focus only on making things beautiful.
  • Look for Relevancy: Ask yourself: Why does this data matter? If it’s not meaningful, don’t visualize it.
  • Embrace Time: Time is tricky, but handling it well helps organize data and improve decision-making.
  • Aspire for Knowledge: Good visualization turns information into knowledge and makes it easier to understand.
  • Avoid Gratuitous Visualizations: Your visuals should help people understand, not create confusion. If it’s just for decoration, it’s not useful.



INSTRUCTIONS


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



Project 1 - Part 1: Infographic Poster

Instruction

"1. Choose 1 infographic poster reference from Internet (Please consult before proceed)
2. Redesign the poster into A4 size. Sketch the idea and process
3. Redesign and simplify the poster based on visual hierarchy & typography
4. Simplify the poster's design based on color, shape & pattern
5. Attach your final poster on E-Portfolio with explanation and reflective writing”

Research

Fig. 1.0 Poster for redesign


Fig. Mooncake Calories Poster Redesign Plan

Final Outcome

Fig. Final Mooncake Calories Infographic Poster

Project 1 - Part 2: Minimal Animated Infographic

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"

Progression

Fig. Rearranged the poster for video

Final Outcome

Fig. Final Mooncake Calories Animated Infographic Poster



FEEDBACK

Week 3:

The Honey Bee Fun Facts poster serves as a great example—it groups content effectively and follows Manuel Lima’s 9 Directives Manifesto. You could redesign the Mooncake Calories poster with these principles in mind.

Week 5:

Consider adding subheadings—UI/UX design typically includes a subtitle when there is a heading. There is also empty space below your title, and jumping straight into the content might feel confusing, as the first row’s information is unclear.

For the layout, placing the mooncake types at the bottom would better align with design principles. Regarding animation, you might consider removing the tips section.



REFLECTION


Comments

Popular Posts