Information design /Exercise 1 & 2
Start from 22.9.2025
29/9/2025 - 6/10/2025 (Week 1 - Week 2)
FANGYAOYUE / 0372006
Information Design / Bachelor of Design (Hons) in Creative Media
Exercise 1 & 2
List
LECTURES
INSTRUCTIONS
FEEDBACK
REFLECTION
LECTURES
Timeframe: WEEK 2 - WEEK 3
Exercise 1: Quantifiable Information (10%)
– Quantify raw data and visualize information as a photograph
A is a visual representation of numerical data that allows for easy interpretation and analysis.
Instruction:
Gather a set of objects and separate it into category such as color, shape, pattern, and other quantifiable factor.
Example:
1. Box of Lego
2. Jar of button
3. Jar of marble ball
4. Set of colourful rubber strap
In this exercise you're required to quantify our chosen objects and arrange them into a presentable layout or chart.
The information must be presented as is, and you need to arrange the objects with relevant indicators written out with pens to help you to visualize the quantity and data. The examples of objects that can be use are buttons, coins, lego pieces, M&Ms, and more.
Submission:
E-Portfolio report consists of
1. Photo of the random objects before sorting out
2. Objects sorted out by categories (2 - 5 category)
3. Write and design the information on a piece of papers (A3 drawing paper)
Mr. Fauzi explained to us eight types of information charts, including:
1 List information chart
2 Statistical information chart
3 Procedure information chart
4 Timeline information chart
5 Comparison information chart
6 Map and location information chart
7 Flowchart information chart
8 escription information chart
INSTRUCTIONS
WEEK1:
In this week's class, we did Exercise 1. We were asked to bring A3-sized paper, colored pens, and an item that could be classified from different angles.
And we were divided into groups, with each group consisting of at least two and a maximum of three people.
Unsorted data:
Fig.1.1
Fig.1.2
I prepared many colorful round-point needles to complete this assignment. The main task of this assignment is to learn how to organize items by classification, identify the patterns within them, and then create one's own artistic work.
Step 1- Sorted:
Fig.1.3
I sorted them by color, placing each color in a separate area. This made it very convenient for me to quickly find them when needed.
Fig.1.4
I marked the colors beside them, which made it easier for me to find and use them.
Step 3- Visual Structuring
Fig.1.5
The work is based on a green background.
The central part is composed of green beads, forming a compact corolla structure.
Four "petals" extend outwards from the center, each represented by beads of different colors. Each petal is composed of a ring of beads connected by threads.It possesses a simple yet symmetrical beauty, with vivid colors.
In order to better secure the nails, I actually fixed the paper onto my mouse pad and then proceeded with the making. It took me a very long time to complete it because I rarely do handicrafts and I lost my mouse pad.
Exercise 2/ L.A.T.C.H INFOGRAPHIC POSTER
INSTRUCTION:
1. Organize a group of information into a visual poster that combines and utilizes the LATCH principles (Minimum 4).
2. You are required to use the digital photo editing/illustration software available to assemble the information into a LATCH infographic poster.
3. You are allowed to reuse back the images but you have to create the rest of visuals to complete the poster.
Now I have three ideas.
Ideas 1：The legendary character of the Apex game
Ideas 2：Chinese-style architecture
Ideas 3：Movie character
In the second week, we were introduced to our second exercise, which is the L.A.T.C.H exercise. This exercise involved organizing a set of information into a visual poster, incorporating and applying the principles of L.A.T.C.H (location, alphabet, time, categories, hierarchy).
I still prefer to choose Apex Legends.Because this is the game I am most familiar with, and I can follow the timing of the characters' appearances.
REQUIREMENTS:
1. Size resolution: 1240 × 1750 pixels or 2048 × 2048 pixels.
2. Progress and submission link on E-Portfolio.
SUBMISSION:
1. Final poster attached to this submission.
2. E-Portfolio link attached to this submission.
References from Pinterest
Fig.1.6
I'm going to create a character poster for the game Apex, which is my most familiar one.Because I am most familiar with them and it is the most convenient to organize the information, I decided to conduct some research and present my findings in the form of an infographic on my poster.
1 Location (Where they are from)
These game characters mostly come from another planet. Depending on the different background stories, I will arrange them in order.
Gibraltar-----Solace Planet
Mirage-----Solace Planet
Wattson-----Solace Planet
Lifeline-----Psamathe Planet
Horizon-----Psamathe Planet
Octane-----Psamathe Planet
Loba-----Psamathe Planet
Bangalore-----Gridiron Planet
Newcastle-----Gridiron Planet
Bloodhound-----Talos Planet
Caustic-----Gaea Planet
Crypto-----Gaea Planet
Rampart-----Gaea Planet
Fuse-----Salvo Planet
Mad Maggie-----Salvo Planet
Wraith-----Typhon Planet
Ash-----Typhon Planet
Valkyrie-----Angelia Planet
Catalyst-----Boreas Planet
Loba-----Olympus Planet
Ballistic-----Unknown / Specific planet not disclosed
Conduit-----Unknown / Specific planet not disclosed
Pathfinder-----Unknown / Specific planet not disclosed
Revenant-----Unknown / Specific planet not disclosed
Seer-----Unknown / Specific planet not disclosed
Sparrow-----Unknown / Specific planet not disclosed
2 Alphabetical order (AZ sorting)
Ash
Bangalore
Ballistic
Bloodhound
Catalyst
Caustic
Conduit
Crypto
Fuse
Gibraltar
Horizon
Lifeline
Loba
Mad Maggie
Mirage
Newcastle
Pathfinder
Rampart
Revenant
Seer
Sparrow
Valkyrie
Vantage
Wattson
Wraith
3. Time (arranged in the order of appearance)
Bangalore-----S1 (February 2019)
Bloodhound-----S1 (February 2019)
Gibraltar-----S1 (February 2019)
Lifeline-----S1 (February 2019)
Mirage-----S1 (February 2019)
Pathfinder-----S1 (February 2019)
Wraith-----S1 (February 2019)
Caustic-----S2 (July 2019)
Wattson-----S2 (July 2019)
Crypto-----S3 (October 2019)
Revenant-----S4 (February 2020)
Loba-----S5 (May 2020)
Rampart-----S6, (August 2020）
Horizon-----S7 (November 2020)
Fuse-----S8 (February 2021)
Valkyrie-----S9 (May 2021)
Seer-----S10 (August 2021)
Ash-----S11 (November 2021)
Mad Maggie-----S12 (February 2022)
Newcastle-----S13 (May 2022)
Vantage-----S14 (November 2022)
Catalyst-----S15 (August 2023)
Ballistic-----S16(May 2024)
Conduit-----S17(September 2024)
Sparrow-----S18(Feb. 2025)
4. Categories (The positioning types in the game - grouped by characteristics and skills)
Bangalore----- Assault
Fuse-----Assault
Mad Maggie-----Assault
Revenant-----Assault
Ballistic-----Assault
Assault，Focused on suppression and output, able to access the weapon storage box.
Horizon-----Skirmisher
Mirage -----Skirmisher
Pathfinder -----Skirmisher
Wraith -----Skirmisher
Ash-----Skirmisher
Skirmisher，Good at quickly entering and exiting combat, and can view the drop zone contents.
Bloodhound-----Recon
Crypto-----Recon
Seer-----Recon
Valkyrie-----Recon
Sparrow-----Recon
Vantage-----Recon
Good at gathering information, capable of scanning the positions of enemies and beacons
Caustic-----Controller
Catalyst-----Controller
Rampart-----Controller
Wattson-----Controller
Utilize skills to control the area and restrict the enemy's movement.
Lifeline-----Support
Loba-----Support
Newcastle -----Support
Gibraltar-----Support
Conduit-----Support
Treatment, resurrection, supply team. Support box can be activated.
I have categorized different types of legends using small icons.
Fig.1.9
I classified the legends of various planets using small icons.
Fig.1.10 Final L.A.T.C.H Infographic Poster
This week, Mr. Fauzi finished viewing my poster. He immediately remarked that this poster was very cool and that very few people had created posters with the "apex" theme. However, I should appropriately add some introductions, and I hope I can make it more organized. This way, it will be clearer and more convenient to read.Fig.1.11 Final L.A.T.C.H Infographic Poster (Modified version)
Fig.1.12 Final L.A.T.C.H Infographic Poster (Modified version)
Later on, I think it would look better if the color of the logo were unified.
FEEDBACK
Week 1：There are no classes this week.
Week 2：This week in class, we were asked to bring Lego bricks, a jar of buttons, a jar of marbles or a set of colorful rubber bands. We needed to sort them and create our own artworks. It was really fun.
Week 3：In class, Mr. Fauzi taught us how to organize information and create posters. We also determined the content for our group assignment. We are planning to make a short animation about the history of Lego.
Week 4：In this week's class, I shared my ideas with Mr. Fauzi. He thought it would be very interesting because very few people have made posters on the topic of apex. And our animation plan was also positively received by Mr. Fauzi. This is a very interesting animation. He hopes we will continue to produce it and is very excited about it.
Week 5：There are no classes this week.
REFLECTION
During this information design learning process, I deeply realized that the way information is presented has a significant impact on the audience's understanding and acceptance. Initially, I placed too much emphasis on the completeness of the content, neglecting the hierarchical structure and visual guidance of the information, which resulted in the content being detailed but the reading experience being rather chaotic. Through continuous adjustments, I gradually realized that information design is not merely "displaying the content", but rather helping users "quickly grasp the key points".
During the process of optimizing the design, I learned to utilize visual elements such as graphics, colors, and layout to enhance the clarity and readability of the information. For instance, combining icons with titles can quickly convey the content theme, and proper white space and column division effectively alleviate the reading burden. Moreover, establishing a logical hierarchy of information helps readers form a clear cognitive path.
评论
发表评论