Information Design — Exercise 4: Line Graph

17.02.2025 - 28.02.2025 / Week 3 — Week 4

Chan Zhi-Ren Zenndan / 0369069

Information Design / Bachelor of Design (Honours) in Creative Media / Taylor's University

Exercise 4: Line Graph

Table of Contents

    1. Instructions

    2. Process

    3. Reflection

1. Instructions

Fig 1.0 Module Information Booklet

Exercise 4: Line Graph (5%)

Exercise 4 is a short task that requires us to design a given chart and then animate it using the Animator settings, ultimately creating a smoothly animated 3-second video.

2. Process

We didn't have a practical class this week since it was the CNY holidays, but I referred to the recorded video Mr. Kannan provided.

First of all, I referred to the chart I was given via the student info Excel sheet. I am to work on a Line Graph.

Fig 2.0 Assigned graph

So, I set up a 1920x1080 document, drew out a few lines, and started to refer to the data I was given.
Fig 2.1 Data provided

With that, I tried my best to replicate the lines. Fig 2.2 shows a side-by-side comparison.

Fig 2.2 Side-by-side comparison

The animation was quite straightforward, but what's important was that all keyframes must have the "easy ease" effects. This is what makes the animation smooth and not so stiff.

Fig 2.3 Easy ease graph

Anyway, below is what I drafted out.

Fig 2.4 Animation draft

Now, it was time to fill up the rest of the data.

I added simple appear animations for each of the elements so that its consistent with the overall motion design.

Also, I noticed that it wasn't really natural if all 3 lines ended together. So, I adjusted the timings for each line.

Fig 2.5 shows the final animation.

Fig 2.5 Final Submission

3. Reflection

This short task is a good reflection of the animation techniques we learned for our Kinetic Typography task, even though it focuses on a graph. I initially thought we were only supposed to animate the graph, but I learned that it’s better to animate the entire composition to maintain overall consistency.

Comments

Post a Comment

Popular posts from this blog

Brand Corporate Identity

Image
23.09.2025 - 17.12.2025 / Week 1 — Week 13 Chan Zhi-Ren Zenndan / 0369069 Brand Corporate Identity / Bachelor of Design (Honours) in Creative Media / Taylor's University Table of Contents     1. Lectures     2.  Instructions     3. Process Work          3.1.  Task 1: Breaking Brand          3.2. Task 2: Logo          3.3. Task 3: Positioning & Identity     4. Reflection 1. Lectures Lecture 1: Introduction This lecture introduced the Brand Corporate Identity module and helped me understand what branding actually involves beyond just designing a logo. I learned that brand identity starts with a symbol or mark and slowly develops into a full visual system that represents a brand’s values and positioning. Key takeaways from the lecture: Branding is about visual identity and consistency A symbol represents an idea or meaning, not just decoration Identity desig...
Read more

Publishing Design

Image
24.09.2025 - 17.12.2025 / Week 1 — Week 13 Chan Zhi-Ren Zenndan / 0369069 Publishing Design / Bachelor of Design (Honours) in Creative Media / Taylor's University Table of Contents     1. Lectures     2. Instructions     3. Process Work          3.1  Task 1: Exercises          3.2  Task 2: Content Generation          3.3  Task 3A: Book          3.4 Task 3B: eBook     4. Reflection 1. Lectures Formats The focus this semester is solely on the book format, simply due to its historical significance, it is the oldest format of publishing. Designing a book requires you to have a comprehensive understanding of typography , a good sense of space , an eye for details , and a good understanding of a publishing software . Fig 2.1 Lectures notes on 'Historical formats' (8/10/2025). History of Print Fig 2.2 Lecture notes on the 'History ...
Read more

Advanced Interactive Design — Task 1: Thematic Interactive Website Proposal

Image
24.09.2025 - 15.10.2025 / Week 1 — Week 4 Chan Zhi-Ren Zenndan / 0369069 Advanced Interactive Design / Bachelor of Design (Honours) in Creative Media / Taylor's University Table of Contents     1. Lectures & Activities     2. Instructions     3. Process 1. Lectures & Activities Week 1 Mr. Shamsul gave a brief introduction of the module and what's to be expected in the coming weeks. In regards to the first task, we were to come up with at least 4 ideas/themes and choose 1 to settle with through the entire continuous project. We were also advised to install Adobe Animate for an activity next week. Week 2 I presented my ideas for the project and decided on 'Manual Coffee Brewing.' No practice on Adobe Animate due to Mr. Shamsul having a flu. Week 3 We learned how to set up our document in Animate, and started getting used to the tools. Figure 1.1 Setting up a new document (08/10/2025). Figure 1.2 Getting started (08/10/2025). After drawi...
Read more