Information Design: Exercises

-

 



03/01/2021 - 14/01/2021 / Week 01 - Week 02
Ngu Kah Shin / 0347666
Information Design / B' in Creative Media / Taylor's Design School
Exercises: Quantitiave Data & L.A.T.C.H.
 LECTURE 

Lecture 1 (04/01/2021): Information Design & Exercises and Project Details

Create Google Drive with individual setup including 3 folders- Exercises (20%), Project 1: Instructable Poster (20%), and Project 2: Motion Graphic (20%) for submission and progression.


 Breakdown: 
  • 60% Continuous Assessments (Individual)
    • MLO 1: Exercises
      • Exercise 1: Quantify data (10%)
      • Exercise 2: L.A.T.C.H infographic (10%)
    • MLO 2: Project 1 
      • Instructable poster (20%)
    • MLO 3: Project 2
      • Exercise 3: Kinetic Typography (5%)
      • Exercise 4: Weather Forecast (5%)
      • Animated instructable poster (10%)
  • 40% Summative Assessments
    • MLO 4: Final Project (Group)
      • Animated infographic video (30%)
    • MLO 4: E-Portfolio (Individual)
      • Blog/Behance (10%)
 Introduction to information visualization: 

The ultimate goal of visualizing information is to reveal the intricacy of the world in uncomplicated terms that are simple to comprehend. On top of that, information design seeks to add knowledge to the information it displays through spatial, quantitative, and chronological relationships.


Fig 1.1 Youtube video: The Importance of Visual Content by ETRAFFIC

Fig 1.2 Youtube video: The Greatest Ever Infographic by Numberphile

  INSTRUCTIONS  



Exercise 1: Quantify & visualize data (10%)
For our first exercise, we are required to count our chosen items, in my case, buttons! I then arranged them into a presentable layout or chart. We were reminded to keep it simple, present the information as clear as possible and as interesting as possible. Aesthetic is the key but so does information delivery!

The buttons I used were provided by Ms Anis. I gathered the buttons and sorted and tabled them according to:
1. The number of holes
2. Marbled or non-marbled
3. Size

Fig 2.1 Table of buttons- iteration #1 (06/01/2022)

After arranging, I realised my arrangement was rather bland and boring. To spice it up, I drew the table of buttons on a table! Ha!

Fig 2.2 Table of buttons-iteration #2 (06/01/2022)



Exercise 2: L.A.T.C.H. (10%)

Created by TED conference founder and prominent information architect Richard Saul Wurman, LATCH is a way of organizing information meaningfully and effectively. They are organized by: Location, Alphabet, Time, Category, or Hierarchy.

For this assignment, we are required to Organize a group of information into a visual poster that combined and utilizes the LATCH principles.
Size resolution: 1240 × 1750 pixels or 2048 × 2048 pixels
Use a digital photo editing/illustration software available to assemble the information into a LATCH infographic poster. You can re-use back the images of the characters or find them online, but do create the rest of your own visuals to complete the poster. 

I do not acquire sufficient knowledge about Pokemon, so I decided to go with my favorite show, Avatar, The Legend of Aang. Below are some graphics and infographics about the show. Instead of showing the characters of each element, I decided to go with the sub-bending elements which sparked more interest in me. 

VISUAL RESEARCH 

Fig 3.1 The Avatar world map (16/01/2022)

Fig 3.2 The Avatar world map sub-bending chart (16/01/2022)

Fig 3.3 The Avatar elemental bending infographic (16/01/2022)

Fig 3.4 The Avatar elements (16/01/2022)

Fig 3.5 The Avatar world map (17/01/2022)

After doing a thorough research and reviewing some art pieces for the 'Avatar' style, I used the map above (Fig 3.5) as a reference for illustrating the map.

Fig 3.6 Illustration of the Avatar world map (17/01/2022) 

Fig 3.7 Four Elemental Bending Art Infographic - Iteration #1 (17/01/2022)

At first, I wanted to arrange each of the 4 elements at their corner, but it was rather unappealing to me because it might look messy as the map already took around half of the page. I did more visual research (such as the one below, Fig 3.8) and took the inspiration to have the elements arranged in vertical columns at the bottom of the page. I also reduced the size of the map.

Fig 3.8 tian mao nian huo jie by Qiwen Wang 

Fig 3.9 Four Elemental Bending Art Infographic - Iteration #2 (17/01/2022)

Fig 3.10 Four Elemental Bending Art Infographic - Iteration #3 (17/01/2022)

Fig 3.11 Four Elemental Bending Art Infographic - Iteration #4 (17/01/2022)

I added more decorative elements as seen in Fig 3.10 and 3.11 to aid in the infographic but i later realized they were too distracting. The paper, brush strokes effect also made the piece look very cramped up and the hierarchy seems to be lost. I decided to use the same layout but tried it in 2D instead.

 FINAL SUBMISSION 

Fig 4.1 Exercise 1- Final submission (PNG) (12/01/2022)



Fig 4.2 Exercise 1- Final submission (PDF) (12/01/2022)

Fig 4.3 Exercise 2- Final submission (PNG) (18/01/2022)

Fig 4.4 Exercise 2- Final submission (PDF) (18/01/2022)


 REFLECTION 
Through these exercises, I learnt how to organise information. The button one was especially fun, it felt like a throwback to my primary class! Very enjoyable and enlightening class, the tasks were relatively simple, being the first 2 exercises of this module for this semester. Miss Anis was very accommodating and supportive of the students too!

Comments

Post a Comment