11.1.2023 - 18.1.2023 (Week 1 - Week 2)
Loh Qiao Yin / 0348923
Information Design / Bachelor of Design in Creative Media / Taylor's
University
Exercise 1
[Quantify Data]
Exercise 2
[L.A.T.C.H]
INSTRUCTIONS
/>
LECTURES
Week 1
Motion Graphics
- graphics in movement
- composition + animation
The composition in motion graphics includes typography and graphics
whereas the animation involves movement + rhythm
Design process of motion graphics
1) Write a script with a story
2) Storyboard while visualising the elements
3) Take the storyboard into design
4) Animate the final design
Animation vs Motion Graphic
- Animation focuses on characters and storylines, motion graphic
focuses on moving graphic elements, shapes and texts
Motion Graphic Anatomy
- Text animation: Kinetic typography
- Vector animation: Graphic elements created in AI
Week 2
FLIP 2: Saul Wurman’s L.A.T.C.H
- method of
information organisation
- consists of 5 principles
1)
Location
2) Alphabet
3) Time
4) Category
5)
Hierarchy
Fig 1.1 LATCH example: Classification of UN Countries, 20 January 2023
WEEK 3
FLIP 3: Miller’s Law (Chunking)
- the process of taking individual pieces of information (chunks) and grouping them into larger units.
- break the text and multimedia content into smaller chunks to help users process, understand, and remember it better.
Fig 1.2 Chonking not chunking, 29 January 2023
Week 4
Flip 4: Manuel Lima's 9 Directives Manifesto
- a list that helps clarify what Information Visualization is through 9 directives
1) Form Follows Function
- Your work should always be driven by a query/ explanation
2) Interactivity is Key
- allows for investigation and learning through discovery
3) Cite your source
4) The Power of Narrative
- a storyline increases engagement
5) Do Not Glorify Aesthetics
- “should always be a consequence and never a goal"
6) Look for Relevancy
- the reason for visualizing the information
7) Embrace time
- It is difficult to work with but provides tons of info
8) Aspire for Knowledge
- the purpose is to facilitate understanding and learning
9) Avoid Gratuitous Visualizations
- “should respond as a cognitive filter, an empowered lens of insight, and should never add more noise to the flow”
Flip 4: Manuel Lima's 9 Directives Manifesto
- a list that helps clarify what Information Visualization is through 9 directives
1) Form Follows Function
- Your work should always be driven by a query/ explanation
2) Interactivity is Key
- allows for investigation and learning through discovery
3) Cite your source
4) The Power of Narrative
- a storyline increases engagement
5) Do Not Glorify Aesthetics
- “should always be a consequence and never a goal"
6) Look for Relevancy
- the reason for visualizing the information
7) Embrace time
- It is difficult to work with but provides tons of info
8) Aspire for Knowledge
- the purpose is to facilitate understanding and learning
9) Avoid Gratuitous Visualizations
- “should respond as a cognitive filter, an empowered lens of insight, and should never add more noise to the flow”
TASK
WEEK 1
FLIP 1: Different types of infographics & online tools
Task 1 (Group)
Present slides in your blog that shows the different types of
infographic + the kind of information they’re applicable for + an
example for each identified type.
/>
Fig 2.1 Group discussion slides, 13 January 2023
Task 2 (Individual)
Pick one free online infographic tool and re-design one poorly
constructed infographic poster. Present the redesigned infographics
with before and after comparison.
Aspects I changed:
1) Colour - Peach to blue. There is an associated relevance to sleep with the colour blue as it brings calmness.
2) Graphical elements - The original poster's cartoon images seemed too scattered. However, despite looking neater, I hoped that I could have incorporated more pictures into my re-designed poster but it was difficult to fit in more due to the composition.
3) Textbox - Removed the outline for the boxes and used a contrast in colour to show the shape of it instead.
4) Hierarchy of text - Different sizes of text are used.
5) Content - Added a catchphrase as the title to attract attention.
Fig 2.2 Before (left) vs after (right) re-designed poster, 13
January 2023
Aspects I changed:
1) Colour - Peach to blue. There is an associated relevance to sleep with the colour blue as it brings calmness.
2) Graphical elements - The original poster's cartoon images seemed too scattered. However, despite looking neater, I hoped that I could have incorporated more pictures into my re-designed poster but it was difficult to fit in more due to the composition.
3) Textbox - Removed the outline for the boxes and used a contrast in colour to show the shape of it instead.
4) Hierarchy of text - Different sizes of text are used.
5) Content - Added a catchphrase as the title to attract attention.
Personal rating + review of Canva for
1) Difficulty, intuitiveness
- Beginner-friendly and easy to navigate
2) Usefulness
2) Usefulness
- A good all-rounder design software for basic posters done in a
short time
3) Design templates, choices
3) Design templates, choices
- Plentiful templates and graphical elements to be chosen despite
half of them are only available in a paid-plan
Exercise 1
i. CHOSEN DATA
There was a box of dead batteries on my table, ready to be
recycled but I decided to give them another purpose before being
disposed of. How convenient for getting inspiration.
Fig 2.1 Dead batteries, 14 January 2023
Laid them out to count how many and what type of batteries I have and drafted out the data.
Fig 2.2 Batteries sorting, 14 January 2023
Fig 2.3 Batteries sorting draft, 14 January 2023
I decided to have a top view of the head of the batteries as
the graphics on their bodies are too messy which will cause the
overall image to look cluttered. Luckily, there are different
colours and patterns to distinguish each brand from
another.
A green graph paper was used as it vaguely mimics the colours
and lines on a circuit board, which aligns with the electronic
theme of my data.
Fig 2.4 1st arrangement idea, 14 January 2023
I decided to create more negative space on the left side for
labellings as well as clearer proximity and grouping, so the
viewer's attention would not get lost easily.
Fig 2.5 2nd arrangement idea, 14 January 2023
Fig 2.6 Final presented data, 14 January 2023
FLIP 2: Saul Wurman’s L.A.T.C.H
Task 1 (Group)
In your group, present an explanation of the topic and provide examples or scenarios of what information is best utilized with each principle.
.jpg)
Fig 3.1 Group slides L.A.T.C.H explanation, 20 January
2023
Fig 3.2 Group slides L.A.T.C.H example, 20 January 2023
Organize a group of information into a visual poster that combined and utilizes the LATCH principles (min. 4)
Requirements:
Size resolution: 1240 × 1750 pixels or 2048 × 2048 pixels
Fig 3.3 Data planning, 20 January 2023
Fig 3.4 Final LATCH poster, 20 January 2023
FLIP 3: Miller’s Law (Chunking)
Task 1 (Group)
In your group, present an explanation on the topic and provide an
example of how to best utilize this technique in terms of visual
delivery for each of these approaches:
1- A well-designed infographic
2- UX/UI, web, app, games (screen-based)
WEEK 4
/>
Fig 4.1 Group slides Miller's Law, 29 January 2022
FLIP 4: Manuel Lima's 9 Directives Manifesto
Task 1 (Group)
In your group, present an explanation on this topic and
find one example of how to best display each of the
directives.
Do also present one good designed infographic that
illustrates the 9 directives for information visualizations
and one poorly designed infographic that failed to address
the directives.
/>
Fig 5.1 Group
slides Manuel Lima's 9 Directives Manifesto, 3 February
2023
FEEDBACK
Week 3
- It would be great to put effort into designing the group slides despite it being just a 1-hour discussion
Week 3
- It would be great to put effort into designing the group slides despite it being just a 1-hour discussion
REFLECTION
Having a group presentation about the topic for each lecture is definitely not my favourite part but I have to admit that it works to make sure we pay attention to the learning context. Since most of us dread giving a presentation and would not want to be unprepared. As usual, I like the creative freedom given to demonstrate the design principles with my own interested topics, as long as the core is still relevant to what has been taught. The small tasks are like a side quest that can be mundane to do sometimes but not to an extent where it is taking away too much of my time to focus on the other big tasks.
Comments
Post a Comment