Information Design - Final Project: Animated Infographics

 6.2.2024 -  21.3.2024 / Week 1 - Week 7

Nie Wie Qiu / 0360239/ BA of Design (HONS) in Creative Media
Information Design
Final Project

2. INSTRUCTIONS

3.PROJECT

FINAL PROJECT: ANIMATED INFOGRAPHICS

In the final project we need to work with our group on a given topic and break down the information into several parts - narrative and visualization, during this process we should before transferring the information to storyboards Use “what, why, where, when, who, and how” questions to construct a narrative.

Expected results:

- An animated infographic (minimum 1.5 - maximum 3 minutes of video) that introduces viewers to a given topic.

- Must include some form of data/statistics.

- Must use questioning techniques and provide answers.


Script + Storyboard + Assets

 We created a presentation slide to include our research, moodboard, visual references, storyline and storyboard. Before sketching on the storyboard, we first wrote the storyline and the script with visual suggestion. 

 Video game data corresponding to the timeline.

My team members and I compiled a historical timeline of video games, the evolution of video games from generation to generation.


Fig 1.1 Organizing the timeline

2. Storyboards and mood boards

Here's what we've compiled about video games (including their history):
Arcade->Red and White->Gameboy->Mobile->pc->vr

Fig 1.2 Documentation

Mind map of mood board and color matching:

Emotional version of the mind map (we extracted about 15 games or video game appearance machines, system development and other information):

Fig 1.3 Emotional mind map

We found some pictures from the mood board and extracted the colors.

Fig 1.4 Color matching
Regarding color matching, my panelists provided some reference links:
https://colorhunt.co/

Links about fonts:

For the narrative of our animation content, we have made a rough framework:

A general framework for the historical process of video games:

Fig 1.5 Conceptual framework



Week 2: Script Analysis, Visual Suggestions and Mood Boards

  • Ensure that the script analysis is sufficiently detailed, including a detailed understanding of the scene and character play, in order to provide a solid foundation for subsequent visual presentation.
  • Create multiple mood boards of different styles and moods to illustrate possible visual directions and moods. This helps ensure that the entire team has a clear consensus on the visual style of the project.

Week 3: Visual sketches and animation drafts

  • Produce preliminary visual sketches and animation drafts to quickly validate concepts and designs. This helps to quickly adjust and modify possible issues or improvements before moving into formal storyboarding.

Week 4: Storyboarding and Animation

  • Maintain storyboard coherence and clarity to ensure each shot effectively conveys plot and emotion.
  • Before proceeding with brain-burning animation, conduct a small-scale test animation production to ensure that the animation style and technical selection are in line with expectations and can effectively convey the story content.

Week 5: Finalizing visuals, art direction and assets, draft animated infographic

  • When finalizing visual and art direction, ensure adequate communication and feedback with the entire team to ensure everyone has a clear understanding and expectations for the final product.
  • When creating a draft of your animated infographic, consider how best to visualize the animation and information to ensure your audience can easily understand and absorb the information.
week 6:
We should add more elements to the video:
  • Add some audio effects to make the video more interesting
  • Each picture has a natural transition
  • The timeline should be more complete
  • story enhancement
  • Text and graphic elements:

Adding some text titles, logos, or animated graphics can help viewers better understand the video content and can also enhance the visual appeal of the video.
  • Color correction and filters:

Color correcting and adding filters to your videos can enhance the visuals of your footage, making it more vivid and eye-catching.
story enhancement

week 7
In our animation, there are many spelling errors that need to be corrected.

After Mr. Shamsul feedback, we restarted our project. With the remaining 2 weeks, we need to reasonably plan the division of labor among the team members so that the results can be better presented. Our timeline of video games is too broad. Finally, after the teacher's suggestion, I finally studied Nintendo's game history (game consoles, famous games).




Animation draft


Our team made some modifications to the screen content and completed the AI illustrations.

We have completed the first version of the animation.



Final animation:


REFLECTION
This is a huge project for me, and because many people in our group are not very good at using Ae software, we have to complete each part from time to time to make sure we are on track. The hardest part for me was putting the whole thing together, I had to tweak some small parts to make the result better and smoother. Overall, our entire project went smoothly because my team members were very collaborative and completed their portions on time. Make me more familiar with Ae software. This project is also very interesting.



































Comments

Popular posts from this blog

Immersive Visual Effects

Design Research Dissertation

Information Design - Exercise