Labels

Information Design Exercise 2: L.A.T.C.H

09/01/2022 - 21/01/2022 (Week 2 - Week 3)
Evaleez Voo Lian Yun / 0350275 
Information Design/ Bachelor of Design (Hons) in Creative Media
Exercise 2: L.A.T.C.H

Lectures

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

1. Location

  • Organizing information based on its location or any data relevant to position.
  • Spatial order to the information
  • Easier navigation
  • Any data that has geographical labels in it
  • Examples:
    • Grab App
    • Tour Guides
    • Pokemon Go
Fig x.x Grab App (13/01/22)

2. Alphabet

  • Information organized according to the initial letter of the item in alphabetical order.
  • Used for large bodies of information and when there is no better classification system.
  • Easy to understand.
  • Examples:
    • Dictionary
    • List of States
    • List of Names
Fig x.x Contact list (13/01/22)

3. Time

  • Used for events that occur over a fixed duration in a chronological sequence.
  • Involves timelines, directions or other sequential information.
  • Easy to draw comparisons and conclusions.
  • Examples:
    • Historical time maps
    • Calendars
    • Time tables
    • Step by step processes (recipes/ furniture instructions)
Fig x.x Timeline of Malaysia (13/01/22)

4. Category

  • Each categories can have sub- categories.
  • Information is arranged by similarities & relatedness.
  • Usually based on useful information
  • Examples:
    • Types of activities
    • Food pyramid
    • Breed of animals
Fig x.x Categories in Websites (13/01/22)

5. Hierarchy

  • Defined by magnitude
  • Examples:
    • Biggest > Smallest
    • Highest > Lowest
    • Tallest > Shortest
    • Most expensive > Cheapest
Fig x.x Height Hierarchy (13/01/22)

Instructions

 

Visual Research

For this exercise, we were given a few examples from students.

Fig x.x Past Student's Example (13/01/22)

The graphics are drawn with a constant art style and it suits the Pokemon theme really well. Besides that, the colours they used are really vibrant, but within a comfortable range. The information is visualized clearly with a good ratio of type and illustrations.

Besides past student's exercises, I also browsed through Pinterest for more inspiration. 

Fig x.x Floating Island (13/01/22)

There were some really good infographics on Pinterest, but this island illustration caught my eye the most. It's not an infographic, but I like how the island is illustrated and decided to use the same 3D-ish concept in my work.

*Note: Links to websites will be under 'References'.

Idea Exploration

Fig x.x Process 1 (15/01/22)

For starters, I created a base for the map I would be using in my design. This was where the 'location' part of L.A.T.C.H. was implemented. The locations are based on the spawn ares of different Pokemon.

Fig x.x Process 2 (18/01/22

Afterwards, I started sketching how the design would look like. I decided to change the orientation to landscape because my moutains were too high. As such, I had to have space on the side for the categories. 

Fig x.x Process 3

This is a somewhat cleaned up sketch and some base colours for the work.

Fig x.x Process 4

During the rendering process, I added some shadows to further enhance the visuals. For the Pokemons, I downloaded their pngs online under this website. The background felt a little too basic at the moment so I took some time to redo it.

Final Outcome

JPEG:

Fig x.x Final Outcome (21/01/22)

PDF:

For the final outcome, I stuck to the colours I already planned. This infographic used 4 out of the 5 elements of L.A.T.C.H - location, time, hierarchy and category.

Location: The areas where Pokemon spawn - forest, mountain, urban, sea
Time: The evolution sequence of the Pokemons.
Hierarchy: The evolution of each Pokemon (weakest > strongest)
Category: The type of Pokemon - water, grass, psychic, rock

Reflection

This exercise was the cutest I've ever created, I never knew the stored information I had of Pokemons in the past would be dug up again at this age. Overall, I managed to understand how to apply L.A.T.C.H. in my designs and create infographics from a jumble of data.

References

Labels:

Comments

Post a Comment

Popular Posts