Advanced Typography - Task 2: Key Artwork & Collateral
14 Oct 2025 - 17 Nov 2025 ( Week 4 - Week 9 )
1. LECTURES
Week 5: Perception & Organisation
What is Perception in Typography
-
Perception means how we see, understand, and interpret something.
-
In design, what we see can be controlled or influenced by how it’s presented.
-
In typography, perception is about how readers see and move through text using elements like contrast, form, and organization.
-
The goal is to guide the viewer’s eye, create a clear understanding, and make the design interesting.
Contrast
 |
| Fig 1.1 - Contrast https://pin.it/3iq593APZ |
-
Contrast means making things different so they stand out.
-
It helps make text clear, organized, and visually appealing.
-
Designer Carl Dair explained 7 main types of contrast in typography:
-
Size – Big text stands out more than small text. For example, titles are larger than body text to grab attention.
-
Weight – Bold text looks stronger than light text, so it shows importance.
-
Form – The difference between uppercase and lowercase, or between regular and italic type.
-
Structure – Using different styles of typefaces, like serif vs. sans serif, creates visual interest.
-
Texture – The overall feel of a text block (how light or dark it looks, spacing between lines, etc.).
-
Direction – Text can be placed vertically, horizontally, or at an angle to create movement and focus.
-
Colour – Using color adds emotion and focus, but the color contrast must be clear enough to read easily.
In short: Contrast makes certain parts of your design stand out and helps guide the viewer’s attention.
Form
 |
| Fig 1.2 - Form https://pin.it/5iaTvZJhJ |
-
The word typography comes from the Greek:
-
“typos” = form
-
“graphis” = writing
-
-
Typography has two main jobs:
-
To express an idea or message.
-
To show that message visually in an attractive way.
-
-
Form is about the overall look and feeling of the text — how shapes, letters, and layout create mood and visual impact.
-
A good typographic form:
-
Grabs attention at first glance.
-
Leads the eye smoothly from one point to another.
-
Creates a lasting impression.
-
-
When letters are changed — stretched, textured, or enlarged — they can turn into visual art rather than just readable text.
-
Balance between meaning and form makes design both functional (readable) and expressive (beautiful).
Organisation / Gestalt Theory
Gestalt is a German word meaning “how something is put together.”
-
Gestalt psychology explains how people naturally group and organize what they see.
-
It says that we don’t just see parts — we see things as a whole image.
-
In typography and layout, Gestalt helps designers organize elements so they feel balanced, connected, and easy to understand.
Main Gestalt Principles:
.jpeg) |
| Fig 1.3 - Gestalt Theory https://pin.it/22bRsmJZi |
-
Similarity – Things that look alike (same color, shape, or size) are seen as a group.
-
Proximity – Things that are close together are seen as related.
-
Closure – The mind fills in missing parts to complete a shape or image.
-
Continuation – The eye follows smooth paths, lines, or curves naturally.
-
Symmetry – Balanced designs look stable and pleasing.
-
Prägnanz (Simplicity) – The brain likes simple, clear, and well-organized designs.
In short, Gestalt principles help create designs that are easy to look at and make sense as a whole picture.
Design Application
-
A good designer must understand how people see and read.
-
Every design element (text, color, shape) should work together to create a clear, unified layout.
-
Each part of the design should have a purpose, but the whole composition must look stronger than its individual parts.
-
To master this, practice arranging content, observe other designs, and keep learning about visual hierarchy and balance.
2. INSTRUCTIONS
3. TASK 2
Task 2A
Week 4
 | |
|
_1.JPG) | |
|
 | |
|
 | |
|
Week 5
 | ||
|
Week 6
 |
| Fig 3.6 - Updated letters ( Week 6 - 31 Oct 2025 ) |
 |
| Fig 3.7 - Updated letters ( Week 6 - 31 Oct 2025 ) |
 |
| Fig 3.8 - Chosen color palette ( Week 6 - 31 Nov 2025 ) |
Task 2A: Key Artwork Final Outcome
 |
| Fig 3.9 - Black wordmark on white background ( Week 6 - 31 Oct 2025 ) |
 |
| Fig 3.10 - White wordmark on white background ( Week 6 - 31 Oct 2025 ) |
 |
| Fig 3.11 - Color palette ( Week 9 - 13 Nov 2025 ) |
 |
| Fig 3.12 - Lightest color of on darkest background ( Week 9 - 13 Nov 2025 ) |
 |
| Fig 3.13 - Darkest color of on lightest background ( Week 9 - 13 Nov 2025 ) |
Task 2B
Week 6
 |
Fig 3.16 - collateral ( Week 6 - 2 Nov 2025 )Week 7Fig 3.18 - color palette 3 ( Week 7 - 7 Nov 2025 )Week 8 Fig 3.19 - Final color palette 4 ( Week 8 - 10 Nov 2025 )  |
Task 2B: Collateral Final Outcome
 | |
|
 | |
|
 | |
|
 | |
|
 | ||
|
.jpg) | |
Fig 3.26 - Task2B final compilation (PDF) ( Week 9 - 13 Nov 2025 ) |
Task 2 Final Compilation
|
| Fig 4.1 - Black wordmark on white background ( Week 6 - 31 Oct 2025 ) |
|
| Fig 4.2 - White wordmark on white background ( Week 6 - 31 Oct 2025 ) |
|
| Fig 4.3 - Color palette ( Week 9 - 13 Nov 2025 ) |
|
| Fig 4.4 - Lightest color of on darkest background ( Week 9 - 13 Nov 2025 ) |
|
| Fig 4.5 - Darkest color of on lightest background ( Week 9 - 13 Nov 2025 ) |
| |
|
| |
|
| |
|
| |
|
| ||
|
| |
|
4. FEEDBACKS
5. REFLECTIONS
Completing Task 2 was a valuable experience that helped me understand how typography is more than just letters—it can be a strong visual element in design. Working on the key artwork made me think carefully about type placement, hierarchy, and how each choice affects the overall look and message.
One of the most interesting parts was exploring different typefaces and seeing how they express personality. I learned to pay attention to curves, spacing, weight, and rhythm, and how these small details affect the mood of the design. Trying different layouts also showed me how balance, contrast, alignment, and scale work together to make a design look strong and clear.
Creating my own letterform based on my personal mind map was another important part. This helped me learn more about myself my interests and style and how I can express my personality through typography. It made the task more personal and helped me see how design can reflect who I am.
Developing the key artwork allowed me to put theory into practice. I enjoyed testing different arrangements and improving my design step by step. I now understand why typography is both creative and precise it takes imagination and careful thought.
Feedback from my lecturer was very helpful. It taught me how to improve my layout, make my work more consistent, and follow proper design and academic guidelines. I learned to look at my work more critically and explain my design choices clearly.
Overall, Task 2 gave me more confidence in using typography. I now see how type can communicate personality, emotion, and meaning when used thoughtfully. This experience will help me in future designs, especially when typography is the main focus.
6. FURTHER READINGS
Paula Scher designs bold new identity for New York’s Atlantic Theater Company – It’s Nice That (Oct 26 2015) It's Nice That
Pentagram’s Paula Scher reveals powerful “anti-sanitarium” identity for the Mental Health Coalition – It’s Nice That (May 20, 2020) It's Nice That
From both articles, I learned how Paula Scher uses design to communicate strong messages and emotions through simple but meaningful visuals. In her work for the Atlantic Theater Company, she showed how bold typography and minimal shapes can reflect creativity and identity. Meanwhile, her design for the Mental Health Coalition demonstrated how colors and forms can make serious topics feel more approachable and human. Overall, I learned that effective design is not just about appearance—it’s about expressing a brand’s personality and creating emotional connections with people.
Vignelli, M. (2010). The Vignelli canon [PDF]. Lars Müller Publishers. https://www.lars-mueller-publishers.com/vignelli-canon.
From The Vignelli Canon by Massimo Vignelli, I learned about the importance of discipline, meaning, and clarity in design. Vignelli explains that good design starts with understanding the purpose and meaning behind what you create (semantics) and organizing every detail carefully through structure and consistency (syntax). He believes that design should be timeless, honest, and respectful of its audience, avoiding trends or unnecessary decoration. I also learned how grids, typography, and layout are tools that bring order and harmony to visual work. What stood out most to me is his belief that “design is one” — the same principles apply whether you’re designing a logo, a book, or a space. Overall, this book taught me that design is not just about making things look nice; it’s about creating meaningful, functional, and long-lasting communication.
.jpg)
Comments
Post a Comment