Information Design: Project 2
11.02.22 - 25.02.22 (Week 3 - Week 8)
Chai Yi Xuan / 0346645 / B'
Creative Media
Information Design
Project 2 / Kinetic Typography, Motion Graphic Chart & Animated Infographic
LECTURES
Week 3 (Miller's Law)
Miller's Law, chunking, is a term referring to the process of grouping individual tasks into larger units. George Miller, a psychologist, conducted a research in 1956 in which he found the limit of the human ability to process information. In that research, he found that most people remember up to 7 items and 2 in their short-term memory.
To
improve the amount information remembered, chunking is used to group
information as a large whole, which will be make data more memorable.
Chunking
can be done by linking items that are similar to each other.
Information is first broken down into manageable bits. Then, by
identifying the similarity, the information can be grouped as a whole—
allowing us to remember things easily.
Week 4 (Manuel Lima's 9 Directive Manifesto)
Information visualization is a process that transforms abstract data into visual representations of semantics that attempt to communicate complex ideas clearly, while allowing the user to query the data in real time. Manuel Lima had written 9 directives clarifying what information visualization is about, and how it differs from information arts or infographics.
The 9 Directives:
- Form Follows Function
- Interactivity is Key
- Cite Your Sources
- The Power of Narrative
- Do Not Glorify Aesthetics
- Look for Relevancy
- Embrace Time
- Aspire for Knowledge
- Avoid Gratuitous Visualizations
Week 5 (Misinformation Crisis)
Misinformation
refers to false information that is spread regardless of intents; and
disinformation refers to false information that is spread with the
intent of misleading others.
Misinformation
(or disinformation) can lead to devastating consequences. For example,
in America, the information about the severity of Covid-19 was
falsified, and it led into 585 000 deaths.
It is important that as designers, we have to fact-check the information we are given to avoid the spread of fake news.
INSTRUCTIONS
To-Do List:
- Make a kinetic lyrical music video according to chosen song (Group)
- Animate an assigned motion graphic chart (Individual)
- Using the infographic from Project 1, animate a short instructable video
Kinetic Typography (Group)
After the exercise was briefed, my group discussed about which music we should use for our kinetic typography video. We wanted to use a shorter song so we can tackle the assignment more easily. Our group leader suggested "I'm So Tired" by Lauv, Troye Sivan and we agreed to it.
A Google Excel sheet was created and we placed the lyrics of the song in there. Then, we divided our parts to animate.
 |
| Figure 1.1: Excel sheet containing song lyrics and divided between group members |
For the assignment, we are to use Adobe After Effects to animate our kinetic lyric video. I was not familiar with the program, but thankfully Mr Martin taught us enough that I have a basic understanding of the tools.
 |
| Figure 1.2: Animating in Adobe After Effects |
Once my group is done with their parts, I combined everyone's animated lyrics and added some transitions in between to make it smoother.
 |
| Figure 1.4: Combining parts and adding transitions |
Final Outcome
Figure 1.5: Final kinetic lyrical music video
Motion Graphic Chart
I was assigned to animate a donut chart, so I referred to the lecture slides Mr Martin prepared since they show the steps to animate it.
 |
| Figure 2.1: Lecture slides for week 3 |
 |
| Figure 2.2: Animating the donut chart |
Final Outcome
Figure 2.3: Final animated donut chart
Animated Instructable Poster
Once I finished the instructable poster, I started creating the compositions for the video, reusing the assets I creates from the poster.
 |
| Figure 3.1: Creating composition reusing assets from previous project |
Once I'm done composing, I took it to Adobe After Effects and animate it.
 |
| Figure 3.2: Animating in Adobe After Effects |
Final Outcome
Figure 3.3: Animated instructable poster, posted on YouTube
REFLECTIONS
While I am familiar with frame-by-frame animation, I was less experienced in Adobe After Effects. I had used the program for a few of my assignments previously, but it was the bare minimum and not exactly nice looking. With Mr Martin teaching us about the program in practical classes, I improve my knowledge and skills in handling After Effects.
After the motion graphic exercises and animated poster, I found myself being more proficient in After Effects. While I do see more areas that I can improve on— compared to before, I have done better. I am glad that I finished this project with better animation skills and familiarizing myself with a program I was intimidated from before.
Comments
Post a Comment