Information Design/Project 1

3/2/2024-25/3/2024 Week 1-Week 7

Jie Xuan/ 0356515

Information Design/ Bachelor of Creative Media/Taylor's University

Exercises, Flip Topics & Practical

TABLE OF CONTENTS

1. Instructions

2. Project 1: Animated Infographic Poster

3.Feedbacks

4.Reflection

INSTRUCTIONS

PROJECT1: ANIMATED INFOGRAPHIC POSTER

TIME FRAME: WEEK 03 - WEEK 05
DEADLINE: WEEK 05
MARK: 20%

DESCRIPTION: 
After time exploring media and learning about information design, you will now develop an infographic that presents a series of different processes as visuals rather than text.

REQUIREMENT:
Your main intention is to analyze the “delivery mechanism’s” that affect the outcomes of your infographics.
Though content is important, however the aim of this presentation is too look at what makes an infographic presentation work or does not work. This includes content but only as one of the many components of an infographic:

PART 1: Infographic poster (10%)           
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

PART 2: Minimal animated infographic (10%)
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

SUBMISSION:
1. Digital upload into your Google Drive.
2. Online posts in your E-Portfolio and your reflective writing.
(Please attach the E-Portfolio link here for submission.)

Research: 

After researching bad poster, I decided to redesign this poster.

https://www.pinterest.com/pin/834291899723319317/sent/?invite_code=0f41abfa0c19469186dbd59727f224f4&sender=752593925138581014&sfo=1

Visual Reference:

visual reference 1

visual reference 2

Color Palette: 

After researching a few color palette I decide to take this color palette because I want to make like a summer topic poster. 

Ai Illustration Process:

At first, I insert the bad poster in to Adobe Illustrator. Than, I open a layer and insert the reference poster into the background and than I adjust the opacity to 50%. After adjust the opacity I insert text and I draw rectangle. I also insert the content into the poster. 

I use pen tool draw the text box base on this picture to make the text box looks like an ice cream. 

For the center part I use this picture as the reference photo and make the circle looks like cotton candy. 

Besides that, I use pen tool draw a ice cream stick shape out and I go google search wood than I mask the two thing and become a ice cream stick. 

After that, I arrange the composition. Than, I arrange the main title properly. I go to Dafont.com website and search font. At last I chose Cute Dino Font. 

I also add on two black dot because it will looks like eyes. And will make the whole poster cuter. 

I also find icon and insert into

This is the final poster: 

After Effect Process:

After finish the poster part move on to animation part. I insert the Ai illustration file into After effect and do the minimal animation. 

 I adjusted the position, scale, and opacity at specific seconds to achieve the desired effect.  

After adjustment this is the final animated video.

Final Submission: 

pdf version

https://youtube.com/shorts/drS6wFald9E?feature=share

FEEDBACKS

Week 4: 

Font can do some adjustment bigger and change the font to looks more energetic. 

Week 5:

Can adjust the color to be more fun don't put dark color because it will looks very stress. 

REFLECTION

Experience

Throughout this project, I used Adobe Illustrator and After Effects to bring the animation to life. In the process, I learned a lot from both software. In Illustrator, I practiced using the Pen Tool, creating shapes, and working with text. In After Effects, I gained experience with key features like adjusting position, controlling opacity, and managing animations along the timeline.  

Findings

Among the exercises, I found the Animated Infographic Poster to be the most challenging, as it required me to convey information clearly through motion. Unlike static design, where elements remain fixed, animation introduces movement, making it difficult to balance clarity and visual appeal. A major challenge was ensuring that the audience could easily follow the information without feeling overwhelmed.

Observation

I dedicated a significant amount of time to refining timing, pacing, and transitions to ensure that both text and visuals appeared in an engaging yet comprehensible manner. Experimenting with various motion techniques allowed me to emphasize key points effectively without making the animation too fast or cluttered. Through these exercises, I strengthened my understanding of timing, easing, and composition, ultimately improving my approach to the Animated Infographic Poster.

Overall, this project challenged me to think critically about how to communicate information through animation, and I gained valuable insights from the process.