Information Design Exercise 1-4

 

Sun JiaYue (0376224)

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

Exercise 1-4

---

MIB:

---

Week 1:

Lecture

---

Exercise 1: Quantify & visualize data (5%)

Quantify:

 Objects Quantify (count) your chosen items and arrange the objects into a presentable layout or chart. Take a picture and submit!

Requirements:

Information must be presented as is. You are required to arrange the objects  with relevant indicators written out with pens to help you visualize the quantity and data. Take a picture of the final assembly and upload into your Google Drive folder.

I chose leaves and classified them by leaves：

I classify leaves into four categories in total, namely size, color, edge and shape. And they respectively marked the detailed classification, the total quantity, and the total number of leaves. Convenient and clear reading.

Photo 1: Leaf classification

Exercise 2：L.A.T.C.H (5%)

Step 1 - Select a topic

First of all, Sir showed us a reference and let us choose the topic by ourselves. I chose the Kingdom of Rock as the theme because it contains a vast amount of information that can be organized intuitively. The database also provides useful data such as types, regions, generation, and attributes, making it suitable for applying the LATCH principle.

Step 2 - Collect information

I collected information from the database of the Rock Kingdom and selected the Rock Kingdom that would appear on my poster. I have sorted out important materials, including:

• The name of the elf
• Evolution
• Type
• One generation
• Region

After collecting the data, I checked the information to ensure it was accurate and easy to compare.

Link to the Kingdom of Rock

Step 3 - Plan according to the LATCH principle

Before designing the poster, I planned how to organize the information using at least four LATCH principles.

Location - Group by their region.

Letters - Arrange the names of the sprites in order from A to Z.

Classification - Separate them according to their basic types.

Hierarchical structure - Highlighting important information, such as Sprite types and generation using different font sizes, colors, and layouts.

This plan helps to create a clear structure before starting the design.

Step 4 – Sketching the Layout

I created a simple layout to decide where each section would be placed.  I considered visual balance, spacing, and readability so that viewers could quickly understand the information without feeling overwhelmed.

Step 5 - Design the poster

Using Adobe illustrator, I found images from the database and designed the remaining visual elements by myself. I created backgrounds, color schemes, ICONS, labels and information boxes to match the entire theme. I keep the design clean and easy to read, while making the poster visually interesting.

Photo 2: Information box design

Photo 3:Evolution of Elves

Step 6 – Refining the Design

After completing the first version, I reviewed the poster and adjusted the alignment, spacing, colours, and typography.  I also checked whether the information followed the planned LATCH principles and whether viewers could easily navigate the poster.

Step 7 – Final Review and Export

Finally, I proofread all the information, corrected any mistakes, and exported the poster in the required resolution. The final design successfully combines multiple LATCH principles to present information in a clear, organized, and visually engaging infographic.

Photo 4:Final design

Exercise 3:

For this exercise, we designed animations for vector images. The teacher demonstrated it to us in class and then led us to edit the animations in AI. After class, we did a more difficult task of editing vector animations.

Photo 5: Software editing

Then edit the video in AE.

Photo 6:AE editing

Final video：

Before the class ended, we were assigned homework, which was divided into four options: A, B, C, and D. Then I was assigned to Part A. I made it in AI and then edited it in AE.

Photo 7:AI editing

Exercise 4: Animation Chart (5%)

In class, we first learned the process of making different charts, such as pie charts, bar charts, and line charts. In this exercise, we analyzed the charts. I was assigned a pie chart and then a link was given. This link contained some data, and based on these data, I made a chart.

Photo 8:AE editing

---

Reflection：

Experience

When doing these four exercises, it was actually very difficult to complete them at the beginning. I had no idea how the gentleman designed these. I also developed a lot of interest in these contents. However, problems would arise during the production process because the design steps of AE, the changes in position, and the scaling of size, these parameters needed to be adjusted over and over again by myself. During the adjustment process, Problems are likely to arise. Including layout, it may lack a sense of design. All these are very important.

Observation

During the class, the teacher gave me a detailed step-by-step explanation, allowing us to observe each step of the production process, which was convenient for us to make it at home. We also studied the PPT sent by the teacher in detail, including the required parameters and other requirements, to complete the parts I needed to make myself, which was of great help to me.

Finding

After making it by myself and gradually becoming proficient in the AE software, I actually found that this method is not very difficult and can achieve the desired text or chart effects. It mainly enables us to collect and organize information, design readable data, and understand the content of the information more clearly. And it is found that the visualization of information is very important and is the main way to convey information.

--- Blog End---