Information Design | FLIP Class and Motion Graphics

on

4/1/2022 - 3/2/2022 / Week 1 - Week 5
Information Design / Bachelor of Design in Creative Media
Shofwa Alyadiena / 0350019
FLIP Classes

 INSTRUCTIONS 

MIB - Module Information Booklet

Assignment Brief

 FLIP 1: Different Types of Infographics 

GROUP TASK

our first task for FLIP 1 was to gather in our groups and make a presentation on different types of infographics, what they are used for, and when it's most applicable. 

Fig. 1.1 Group Task Youtube Presentation (10/1/2022)


INDIVIDUAL TASK

Our individual task was to use an online tool to improve a poorly designed infographic. I chose to improve an infographic used to advertise Papa John's Pizzas. 

Fig. 2.1 Papa John's Pizza Infographic

I say it's wrong because in its effort to be creative, the designer used a "pizza" pie chart, while trying to inform the audience of a timeline. The right kind of infographic that should be used is a timeline infographic. 

Fig. 2.2 Final Infographic Improvement (15/1/2022)

Using the help of Infogram, I created a timeline infographic. I chose similar colors to its original infographic, a dark background and yellow main elements. Extra borders and background details are pizzas to show that it's specifically for a pizza infographic.

Infogram Rating 

6/10

I believe 6 out of 10 is an appropriate for Infogram. It was easy to use and plenty of free templates were available, however the free cliparts weren't so great and I had to reuse the same clipart repeatedly. It was confusing at first how to transform the elements and move things around. 


 FLIP 2: Saul Wurman's L.A.T.C.H. 


Fig. 3.1 Saul Wurman's L.A.T.C.H. (13/1/2022)

 FLIP 3: Miller's Law (Chunking) 

Fig. 4.1 FLIP 3 Group 4 Presentation

Fig. 4.2 FLIP 3 Group 5 Presentation

Fig. 4.3 FLIP Group 6 Presentation

 FLIP 4: Manuel Lima's 9 Directives Manifesto 

Fig. 5.1 FLIP 4 Group 7 Presentation


 Motion Graphics 

For another exercise, we were told to create a motion graphics chart based on a data set for each individual. My part is to animate the chart about COVID-19 cases by age in India.

Fig. 6.1 Motion Chart Progress   (28/1/2022)

I started with a circle, then increased the line thickness until it builds a full circle.

Fig. 6.2 Motion Chart Progress 1 (28/1/2022)
Fig. 6.3 Motion Chart Progress 2 (28/1/2022)
Fig. 6.4 Motion Chart Progress 3 (28/1/2022)

I had almost made a different chart animation, before realizing I was only assigned one.

Fig. 6.5 Final Motion Chart Video (Youtube) (28/1/2022)

The motion graphic chart doesn't use the same colors as the original, as I wanted to try a different color scheme. I attempted a transition between the first graphic and the second.


 Reflection 

During the creation of these presentations and FLIP exercises, I was exposed to new applications and interfaces. Most notably is canva, google slides, and since I had it as my infographic improvement online tool, Infogram. I was able to find the differences of these tools and learn how to maximize the capabilities. With the help of my teammates, I was also able to figure out how to better create a pleasing layout in a presentation. 

In the presentations, I observed that there are several different ways to categorize infographics. Most of the time, I realize I use an alphabetical order to sort everything. After doing these exercises I started branching out the way I plan my schedules using different methods, mostly with the order of L.A.T.C.H.. 

I've started a habit to add more details into the background of things, and very subtle ones. I believe they improve the quality of a design as it helps to create images that don't feel too empty or overcrowded. I also realize I have been using gradients more frequently. Learning how to animate using different functions had also helped a ton with other future projects.

Comments

Post a Comment