INFORMATION DESIGN / PROJECT 1 & 2 : ANIMATED INFOGRAPHIC POSTER

 

||  22/04/25-13/05/25
||  Sun Jia Yi / 0370449
||  Information Design / Bachelor of Design (Hons) in Creative Media
||  Exercise 1 / Animated Infographic Poster

TABLE OF CONTENTS

1. Lectures 

2. Instructions

3. Feedback 

4. Reflection 

---

LECTURES 

Week 3: 

Miller's Law was the topic of today's lesson.  According to a psychological hypothesis called Miller's Law, an average person's short-term memory can store roughly seven objects.  After that, we watched a video to learn more about the theory.  (For the video, go here.) 

Overview of Miller's Law  According to Miller's Law, our working memory can hold seven discrete objects or bits of information on average, give or take two.  The limitations of human memory and how to better organise information for quicker recall are both explained by this theory.

The "magical number seven" refers to people's propensity to retain roughly seven pieces of knowledge.Utilisation in Productivity:  By promoting the organisation of knowledge into digestible chunks, which facilitates memory retention and recall, an understanding of Miller's Law can increase productivity.  This idea can be used in collaborative work environments, data display, and content development.

Consequences for Learning: Miller's study provides methods for instructors and trainers to provide knowledge in a manner consistent with our cognitive capacities.  Learners are better able to process and remember material when it is divided into smaller, more manageable chunks.

                                                                          Week 3 lecture 

Week 4: 

This week, as usual, we began with a lecture and then the FLIP presentation.

Manuel Lima's 9 Directives Manifesto:

1.Form Follows Function: A project should always begin with a question.  Make the goals the primary focus to encourage more research.

2.Interaction is essential:  permits research and discovery-based learning.

3.Give credit to your source:  Always reveal the source of your data.

4.The Influence of Story:  To make your material more engaging and memorable, develop it into a story.

5.Don't Glorify Aesthetics: While aesthetics are vital, they shouldn't be overemphasised.  We still need to concentrate on the infographic's actual goal.

6.Seek Relevance: "Why are you visualising the information?"  Keep an eye on how what is being done relates to the end result. 

7.Accept Time: One of the most important aspects of organising and achieving superior outcomes for any decision-making is time management.  Decide on a parameter. 

8.Aspire to Knowledge: Information can be transformed into knowledge through visualisation.  The information should become even more comprehensible with each project.

9.Steer clear of gratuitous visualisation: Simple designs are best; avoid making anything overly intricate.  Steer clear of superfluous or uncalled-for images.

                                                                          Week 4 lecture 

Week 5: 

The topic of this week's lecture is constructive workflow; to view the link, click this link.  By combining organised techniques with user-friendly digital procedures, a constructive workflow can produce more innovative and productive results.

Constructive Workflow: 

By aligning your thoughts with digital tools, a constructive workflow facilitates easier and more productive work.

Synchronisation of Mind-Workflow:

Organising tasks to correspond with cognitive processes that occur naturally.

lowering the gap between execution and thought.

Digital Fluency: 

Gaining proficiency with digital tools to increase productivity.

Gaining an understanding of computational logic can improve creativity.

Balanced Cognition:

Using both analytical and creative thinking is known as balanced cognition.

streamlining processes to prevent cognitive overload.

Advantages Enhanced Focus: 

Reduced mental strain when managing tasks.

Enhanced Creativity: A smooth transition from concept to implementation.

Efficiency Gain: Workflow optimisation cuts down on unnecessary effort.

---

INSTRUCTIONS 

This is the Module Information Booklet for this Module: 

REQUIREMENT:

Your primary goal is to examine the "delivery mechanisms" that influence your infographics' results.

The goal of this presentation is to examine what makes an infographic presentation successful or unsuccessful, even though content is crucial.  This incorporates content, but just as one of an infographic's many elements:

PART 1: Infographic poster instruction 

 1. Select one infographic poster reference from the internet (please review before continuing).

 2. Create an A4 version of the poster.  Draw the concept and procedure.

 3. Redesign and simplify the poster using typography and visual hierarchy.

 4. Use colour, form, and pattern to simplify the poster's design.

 5. Include an explanation and reflective commentary on your final poster in your e-portfolio.

Section 2: Infographic with minimal animation

 1. Create a single static loop animation for your infographic poster.  page

 2. A loop lasting 15 to 30 seconds

 3. Dimensions: 1080 x 1920 pixels (Vertical Video)  upload to your personal YouTube channel.

SUBMISSION: 

 1. Make a digital upload to Google Drive.

 2. Your reflective writing and online entries in your E-Portfolio.

Section 1: Investigation

I discovered two infographic posters on Pinterest, however it's difficult to highlight the main ideas because they have too much information.  I therefore made the decision to revamp them with a stronger emphasis on tiramisu preparation.

     

     

        

              Fig 2.1 Research (Week 3)

PART 1: Sketch 

I came up a lot of tiramisu cake  posters online, but the most of them seemed disorganised and overly detailed.  I chose to recreate the poster since I adore this theme's artistic approach.  I began by doing some preliminary sketches.

              Fig 2.2 Sketch (Week 3)

PART 1: Infographic Poster Progress

To make it easier to animation and give viewers a better understanding of the layer intricacies, I divided the layers of my tiramisu cake.                                 

Firstly, I use the ipad to draw the illustration of tiramisu and put into the adboe illustrator. 

  Fig 2.3 illustration (Week 4)

                                                                  Fig 2.4 Creating Poster (Week 4)

Final Redesign Poster 

• Exploded View – The layers of the cake are separated, making it easy to understand.
• Labeled Components – Each part of the cake is clearly labeled, making it informative.
• Visually Appealing — The colors and structure correspond with infographic design concepts.
• Title Included — The title clearly indicates "How to Make a Tiramisu Cake.

First Attempt

                                                                     Fig 2.5 First Attempt (Week 4)

We all had to make our posters simpler and more animated, according to Mr. Fauzi. So I made my poster more simpler and also change the size of it.

Second Attempt 

                                                                     Fig 2.6 Second Attempt (Week 4)

PART 2: Minimal animated infographic

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

                                                                     Fig 3.1 Progress in AE (Week 4)

                                                            Fig 3.2 Animated Infographic Poster (Week 7)

FINAL SUBMISSION 

Google Drive

                                                        Fig 3.3 Final Animated Infographic Poster (Week 7)

---

REFLECTION

This project gave me extensive expertise using infographics to efficiently deliver information.  I initially came across a lot of infographic posters online, but the majority were really complicated and challenging to understand.  This helped me understand how crucial it is to streamline text without sacrificing clarity or aesthetic appeal.

I decided to create an infographic poster based on the "Tiramisu Cake Tutorial."  I concentrated on improving visual appeal and properly outlining the stages.  The structure was made easier to understand by separating the cake layers using cross-section images.  I also provided clear labels to each component and adopted a realistic style to suit with the theme.

I further streamlined the design and changed the arrangement to make it easier to read after getting Mr. Fauzi's input.  In order to ensure smoother transitions while transforming the infographic into a dynamic effect, I additionally divided the layers in advance of animation.

The infographic's animation turned into an additional educational opportunity.  To keep the information clear, I had to make sure my actions were succinct and efficient.  It was difficult to keep the loop time between 15 and 30 seconds, but it made me concentrate on the main points of the course.

All things considered, this project offered deep insights into the fundamentals of infographic design, including typography, animation, and visual hierarchy.  I now understand that developing engaging and successful information delivery requires finding a balance between aesthetics and usefulness.