Information Design/Final Project

 03/02/2025 - 17/03/2024 (Week 01 – Week 07)

You Siyuan / 0366978

Information Design / Bachelor of Design (Honours) in Creative Media / Taylors University

Final Project


CONCENT

INTRODUCTION
FINAL PROJECT
FEEDBACK
REFLECTION


INTRODUCTION



FINAL PROJECT
Introduction

Based on FLIP group topic research, produce a basic video animation.

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:
  1. Creating awareness
  2. Explaining a process
  3. Defining a concept
Any time based media and software using photography, vector imagery.

Organization Principles – LATCH and Content Organization
Aesthetic Principles – Animation principles
Cognitive Principles – Principles of visualization

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

Process

1. Proposal

During the first week, we explored 3 potential topics:
How to make a chocolate cake? (Explaining a process)
What is procrastination? (Defining a concept)
What is a balanced diet? (Creating awareness)

Fig 1.1 Process Development




Fig 1.2 Proposal Slide

After group discussion, we voted on "What is a balanced diet" as the focus of our project. The topic raises health awareness and promotes better eating habits.

2.Storyboard

Fig 2.1 Storyboard


Fig 2.2 Sketches


3. Production

Our production process included:
AI Digitalization – Transforming Sketches into Vector Graphics
AE Animation Work Progress - Animating the infographic using Adobe After Effects
CapCut Editing & Voice Acting


Fig 3.1 Adobe Illustrator progress


Fig 3.2 After Effects progress

Fig 3.3 Sound Effects

Fig 3.4 CapCut progress


4. Post-Production 

We will start with the final steps and thoroughly review our production process before we finish.

Consultation, Feedback & Refinements

We gathered feedback from Mr. Fauzi to refine our animation. In Week 6, Mr. Fauzi pointed out a spelling error in "Protein", suggested speeding up the essential nutrients chart, and recommended adding numbering and enlarging text in Scene 4. He also noted that the ending felt abrupt, so we adjusted it for a smoother finish. 

By Week 7, additional refinements were made based on their input. The transition from Scene 3 to Scene 4 had an unintended blank screen, which we shortened. We removed a pen element in Scene 4-1, added more animation in Scene 4-2, and adjusted the voiceover to sync with the visuals. These improvements made the final animation more polished, engaging, and seamless.



Fig 4.1 Refinement after feedback

Final Presentation

Fig 4.1 Final Presentation

Final Outcome







FEEDBACK

Week 3 - Preliminary approval

Feedback: The wireframes are well structured and well organized.
Adjustments: Once approved, we moved on to the production phase to ensure that the animation followed the planned structure strictly.

Week 6 - Content and time optimization

Spelling fix: Throughout the video, the word "protein" was misspelled and has been corrected.
Scenario 1-2: The Essential nutrients chart switches slowly and is adjusted to make it more smooth and natural.
Scenario 4:

Add numbers for increased logic and clarity.

Increase text size, improve readability, and make key information more prominent.
End optimization: The end is abrupt, and the transition is smoother and more natural after adjustment.

Week 7 - Final optimization

Scene 3 to Scene 4 Transition: The original short blank screen affects continuity and has been removed to ensure smooth flow.
Scene 4-1: Remove excess pen elements and keep the visual style consistent.
Scene 4-2: Add additional animations to enhance interactivity and make the viewing experience more dynamic.
Voice-over synchronization: The voiceover does not match the rhythm of the picture enough to adjust the timeline to ensure a more coordinated audiovisual effect.


REFLECTION

This project provided us with a valuable learning opportunity, allowing us to experience the full process of creating an animated infographic from scratch. From research and planning to design, animation, and optimization based on feedback, every step tested our teamwork, problem solving, and adaptability.

One of the biggest challenges was ensuring smooth animation while keeping the message clear and engaging. Through communication with the instructor, we identified areas for improvement, such as adjusting the time rhythm, enhancing the visual effects, and optimizing the voice-over synchronization. These changes make the final product more complete and improve the overall performance.

In addition, teamwork allowed us to improve in communication and task management. Each member played an important role in achieving the goals of the project, and the collective effort resulted in a well-structured and visually appealing animated infographic. Overall, this experience deepened our understanding of design principles, animation techniques, and the importance of iterative optimization in the creative process.

Comments

Post a Comment

Popular posts from this blog

Sonic Design/Project 1: Audio Fundamentals

Image
26/09/2024 - //2024 (Week 01 – Week 04) You Siyuan / 0366978 Sonic Design / Bachelor of Design (Honours) in Creative Media / Taylors University Project 1: Audio Fundamentals INTRODUCTION LECTURES EXERCISES FEEDBACKS INTRODUCTION LECTURES Week 1: Module briefing/Introduction We created a blog to document the exercise process and watched a video posted by Mr. Razif on MyTimes, which gave us some insight into the project. Week 2:S ound Fundamentals Wavelength: The distance between any point on the wave and the equivalent point on the next phase. Literally, the length of the wave. Amplitude: The intensity or power of a wave signal. The "height" of a wave, when viewed as a figure. Higher amplitudes are interpreted as higher volumes, hence the name "amplifiers", devices used to increase amplitudes. Frequency: The number of times a wavelength occurs in a second. Measured in kilohertz (Khz) or cycles per second. The faster the source vibrates, the higher the sound  Frequenc...
Read more

Animation Fundamentals/Exercises

Image
  23/09/2024 (Week 02 – Week 14) You Siyuan / 0366978 Animation Fundamentals / Bachelor of Design (Honours) in Creative Media / Taylors University Exercises INTRODUCTION LECTURES Week 1 During the first week, Mr. Kamal introduced us to the basics of the course. Fig1.1 ,Week 1(30/9/2024) Mr. Kamal's blackboard writing in class Week2 Frame Rate Timing & Spacing Slow in and Slow Out Timing Chart Arcs Frame rate (expressed in frames per second or FPS) is the frequency (rate) at which a continuous image (frame) is captured or displayed. Time and interval: The number of drawings used in any move determines how long the action takes on the screen. For film directors, timing is of the essence. For animators, that's only half the battle. Animators also need spacing. We can have a natural sense of time, but we have to learn the spacing of things. Fig1.2 ,Week 2(2/10/2024) Mr. Kamal's blackboard writing in class Week 3 The Animation Style Elasticity：Squash and Stretch Flexibility:...
Read more

Animation Fundamentals/Final Project

Image
  29/11/2024 - 28/12/2024 (Week 11 – Week 15) You Siyuan / 0366978 Animation Fundamentals / Bachelor of Design (Honours) in Creative Media / Taylors University Final Project INTRODUCTION FINAL PROJECT Use your character from your previous project 1, animate a 5 to 10 second physical action sequence. Choose an action sequence that involves physical movement, such as a fight, chase, or sports-related activity. Develop a clear understanding of the desired outcome, key actions, and the emotions you want to convey in the scene. Create a storyboard that visualises the key moments, actions and emotion of the scene. Incorporate variety of camera shots, angles and visual continuity to enhance the visual storytelling. Create a project in Adobe Animate. Set the setting as 24fps, 16:9 aspect ratio with 1280 x 720 (HD720p) resolution. Perform all the processes that you have learnt in the previous lesson to produce the final animation such as animate the animation from rough, tie down, clea...
Read more