Information design /Final Project: Infographic Video Animation
Start from 4.3.2025
4/2/2025 - 17/3/2025 (Week 1 - Week 7)
Kong Cai Yi / 0363862
Information Design / Bachelor of Design (Hons) in Creative Media
Final Project/ Infographic Video Animation
Week 5/ Constructive Workflow
Illustration Progress:
After the illustration team has completed all the drawings, we have a meeting to discuss how the animation should be applied to each page. Then, the animation team starts creating the animation using After Effects software.
4/2/2025 - 17/3/2025 (Week 1 - Week 7)
Kong Cai Yi / 0363862
Information Design / Bachelor of Design (Hons) in Creative Media
Final Project/ Infographic Video Animation
INDEX
- Exercise 1/ Quantifiable Information
- Exercise 2/ L.A.T.C.H Infographic Poster
- Project 1/ Animated Infographic Poster
- Final Project/ Infographic Video Animation
LECTURES
Week 1/ Introduction & Type of Infographics
We began the semester with an online lecture, where Mr. Fauzi and Mr. Shamsul introduced the MIB for this module. They also outlined the initial exercise, instructing us to bring materials to class for the upcoming tutorial. Additionally, details about the group project were shared, and we were required to form groups of 6 to 10 students. At Wednesday's class, Mr Fauzi explained to us about 8 types of infographics which included:
We began the semester with an online lecture, where Mr. Fauzi and Mr. Shamsul introduced the MIB for this module. They also outlined the initial exercise, instructing us to bring materials to class for the upcoming tutorial. Additionally, details about the group project were shared, and we were required to form groups of 6 to 10 students. At Wednesday's class, Mr Fauzi explained to us about 8 types of infographics which included:
- List infographics
- Statistical infographics
- How-to infographics
- Timeline infographics
- Comparison infographics
- Map and location infographics
- Flowchart infographics
- Process description infographics
Fig 1.1 Week 1 lecture (5.2.2025 -Week 1)
In the class, we explored Exercise 1 and experimented with
different steps to create our template. I brought binder clip in
various shapes and colors to use as my "data." Mr. Fauzi provided
guidance throughout the session. We also formed our groups for the
group project and discuss about our topic ideas before the class
ended.
Week 2/ L.A.T.C.H Theory
We started off the class by having a lecture. Mr. Fauzi taught us about
the L.A.T.C.H theory:
- Location
- Alphabet
- Time
- Category
- Hierarchy
Fig 1.2 Week 2 lecture (12.2.2025 -Week 2)
Week 3/ Miller's Law
Today's lecture was about the Miller's Law. Miller's Law is a psychological theory that states the average person
can hold about seven items in their short-term memory.
We then watched a video to further understand the
theory. (Click here for video)
- Introduction to Miller's Law: Miller's Law establishes that the average number of discrete items or bits of information that can be held in our working memory is approximately seven, plus or minus two. This theory helps to explain the limitations of human memory and how we can better structure information for easier recall.
- The Magical Number 7: The concept of the 'magical number 7' refers to the tendency of people to remember about seven chunks of information.
- Application in Productivity: Understanding Miller's Law can enhance productivity by encouraging the organization of information into manageable chunks, which aids memory retention and recall. This principle is applicable in areas such as content creation, data presentation, and collaborative work environments.
- Implications for Learning: Miller's research outlines strategies for educators and trainers to present information in a way that aligns with our cognitive limitations. By segmenting information into smaller, digestible units, learners can process and retain more effectively.
Fig 1.1 Miller's Law (17.2.2025 -Week 3)
Week 4/
Manuel Lima's 9 Directives
Manifest
As usual we started off this week with a lecture
followed by the FLIP presentation.
Manuel Lima's 9 Directives Manifesto:
- Form Follows Function: The initial stages of a project should always start with a question. Make the objectives the main focus, leading to further discovery.
- Interactivity is Key: Allows for investigation and learning through discovery.
- Cite your Source: Always disclose where your data originated.
- The Power of Narrative: Elaborate your information into storytelling to make it more interesting and memorable.
- Do not Glorify Aesthetics: Aesthetics is important but it should not be too heavy-handed. We still need to focus on the purpose of the infographic itself.
- Look for Relevancy: "Why are you visualizing the information?" Keep in check the relevance of what is being done to what the final outcome is.
- Embrace Time: Time management is one of the key factor to organize and achieve better results for any decision making, Set a parameter.
- Aspire for Knowledge: Visualization is to translate information into knowledge. Every project should make the information even easier to understand.
- Avoid Gratuitous Visualtisation: Simplified designs are the best, don't make anything too complicated. Avoid unnecessary or uncalled for visuals.
Fig 1.2 Manuel Lima's 9 Directives Manifesto (24.2.2025 -Week 4)
This week lecture is about constructive workflow, click here to access the link of constructive workflow. Adopting a
Constructive Workflow can lead to more productive and creative
outcomes by integrating structured methods with intuitive
digital processes.
Constructive Workflow:
- A Constructive Workflow helps align your thinking with digital tools, making work easier and more efficient.
- SynchronizationStructuring tasks to match natural cognitive processes.
- Reducing friction between thinking and execution.
- Mastering digital tools to improve efficiency.
- Understanding computational logic to enhance creativity.
Balanced Cognition：
- Utilizing both analytical and creative thinking.
- Avoiding cognitive overload by optimizing workflow.
BenefitsImproved Focus:
- Less mental strain in task management.
- Increased Creativity: Seamless transition between ideation and execution.
- Efficiency Boost: Optimized workflow reduces wasted effort.
Week 6/ Weekly Lecture Recap
This week, we have been instructed to review the Week 1 to Week 5 lectures
to deepen our understanding before starting our final project. It is also
the week for our group to propose our ideas and storyboard.
INSTRUCTIONS
Final Project/Infographic Video Animation
INSTRUCTION:
Based on FLIP group topic research, produce a basic video animation.
DESCRIPTION:
Using a processed design framework, you will now produce an infographic
report to present the given information to a ‘target audience’ with the
purpose of:
- Creating awareness (such as Global Warming, Recycle, etc.)
- Explaining a process (such as "how to" video)
- Defining a concept (such as "What is Fast Fashion", "What is Color Wheel", etc.)
Any time based media and software using photography, vector imagery.
Design Considerations:
- Organization Principles – LATCH and Content Organization
- Aesthetic Principles – Animation principles
- Cognitive Principles – Principles of visualization
Output Expectation:
The presentation must be deliberated on, consider each assessment rubric
of sorts to your final outcome:
- Show causality
- Multivariate graphics and visuals
- Integrate word number and images
- Content count
- Within eyesight
- Use multiple charts
- Do not de-quantify
REQUIREMENT:
Video resolution: 1920px x 1080px HD (min 1.5 mins max 3 mins)
SUBMISSION:
- A ± 3 minute animated infographic uploaded into YouTube (unlisted)
- Digital compilation into your Google Drive Folder
- Online posts in your E-portfolio as your reflective studies(Please attach the E-Portfolio link here for submission.)
WEEK 6/ FLIP PRESENTATION
Our presentation is scheduled for Week 6. We have included the
objective, key information, art direction, and storyboard in our slides.
With tasks distributed among the team, everyone is now working on the
final stage.
Presentation Slides:
Click
here
to view Presentation Slides
Fig 2.1 Presentation Slides (10.3.2025 -Week 6)
Script & Storyboard:
Fig 2.2 Scripts (10.3.2025 -Week 6)
Color Theme:
- Soft Pink: Playfulness and gentleness
- Cream: Warmth, simplicity, elegance, and minimalism
- Muted Purple: Creativity, mystery
- Warm Yellow: Optimism, happiness, energy, and warmth
- Light Blue: Freshness, trust, and clarity
Art Direction:
Fig 2.3Art Direction (10.3.2025 -Week 6)
I’m responsible for drawing scenes 6, 7, and 11, which include opening the
door, entering the coffee shop, the barista asking Twinkle what they want to
drink, and the scene of Twinkle ordering. I found some references for coffee
shops on Pinterest and then started drawing in Adobe Illustrator.
Fig 2.4 Adobe Illustration (12.3.2025 -Week 6)
Animation:After the illustration team has completed all the drawings, we have a meeting to discuss how the animation should be applied to each page. Then, the animation team starts creating the animation using After Effects software.
Final Submission:
Working on this infographic video animation project has been a valuable learning experience. Throughout the process, I was responsible for illustrating scenes 6, 7, and 11, which depicted the sequence of opening the door, entering the coffee shop, and Twinkle ordering from the barista. To ensure accuracy and consistency, I gathered references from Pinterest and used Adobe Illustrator to create the illustrations. This step helped me refine my visual storytelling skills and improve my ability to translate ideas into compelling visuals.
After completing the illustrations, our team held a discussion to determine how the animation would be applied to each scene. This meeting was crucial in ensuring smooth transitions and engaging motion design. The animation team then brought the project to life using After Effects. Through this collaborative effort, I gained a better understanding of animation principles, workflow coordination, and the importance of pre-planning in multimedia production.
One of the most insightful aspects of this project was incorporating various design and cognitive principles learned during lectures, such as the L.A.T.C.H theory, Miller’s Law, and Manuel Lima’s 9 Directives Manifesto. Applying these concepts allowed us to structure information effectively and create an engaging and easy-to-follow video.
Google Drive
(Voice Over + All scene illustration)
Fig 2.5 Final Submission Video (18.3.2025 -Week 7)
FEEDBACK
Week 6: Feedback from Mr Fauzi
- Well done, interesting topic
- Breakdown the color theme of each scene
- Add Attractive Sound (Based on Audio)
- Should add analysis part
REFLECTIONS
Working on this infographic video animation project has been a valuable learning experience. Throughout the process, I was responsible for illustrating scenes 6, 7, and 11, which depicted the sequence of opening the door, entering the coffee shop, and Twinkle ordering from the barista. To ensure accuracy and consistency, I gathered references from Pinterest and used Adobe Illustrator to create the illustrations. This step helped me refine my visual storytelling skills and improve my ability to translate ideas into compelling visuals.
After completing the illustrations, our team held a discussion to determine how the animation would be applied to each scene. This meeting was crucial in ensuring smooth transitions and engaging motion design. The animation team then brought the project to life using After Effects. Through this collaborative effort, I gained a better understanding of animation principles, workflow coordination, and the importance of pre-planning in multimedia production.
One of the most insightful aspects of this project was incorporating various design and cognitive principles learned during lectures, such as the L.A.T.C.H theory, Miller’s Law, and Manuel Lima’s 9 Directives Manifesto. Applying these concepts allowed us to structure information effectively and create an engaging and easy-to-follow video.
Overall, this project was a rewarding experience that enhanced my design,
illustration, and animation skills. It also taught me the importance of
research, planning, and teamwork in creating an effective infographic video. I
look forward to applying these lessons in future projects and thank you so
much for the guidance from Mr Fauzi.
Comments
Post a Comment