Advance Typography - Task 1
Advance Typography - Task 1 : Excercise 1
26 April 2025
Lee Jong Yun / 0358356
Advance Typography
Task 1: Exercises - Typographic Systems & Type & Play (20%)
Table of Contents
Instructions
Advanced Typography: Typographic Systems
In design, structure is everything. All visual communication is grounded in a systematic framework — a skeleton beneath the surface. In typography, there exist eight fundamental systems, each offering endless permutations to support clarity, expression, and visual hierarchy.
The Eight Typographic Systems
-
Axial System
Information is aligned along a single axis — either vertically or horizontally — with content distributed to the left or right. This system is clean, directional, and highly navigable. -
Radial System
Elements radiate outward from a central point of focus, creating movement and drawing the viewer's attention dynamically across the page. -
Dilatational System
Type expands in a circular pattern from a central origin, suggesting fluidity and controlled motion, often used for expressive or conceptual layouts. -
Random System
Apparent chaos with intentional design. This system eschews predictability, favouring spontaneous arrangements that challenge conventional reading paths. -
Grid System
Built on vertical and horizontal divisions, this is the most widely used typographic structure. It provides consistency, alignment, and modularity — a true foundation for modernist design. -
Transitional System
An informal yet strategic layering of information into horizontal bands. It helps organize content without the rigidity of traditional grids. -
Modular System
A composition based on standardised, repeatable units. This approach ensures systematic unity and is often applied in interface design or publication layouts. -
Bilateral System
Text is arranged symmetrically along a central axis, producing balance and formality. This system is frequently found in ceremonial or editorial contexts.
Beyond Structure: Why Systems Matter
Typographic organisation is not simply aesthetic — it is essential for effective communication. These systems guide:
-
Hierarchy
-
Order of reading
-
Legibility
-
Contrast
They allow designers to control how messages are received and interpreted by the audience.
As Elam (2007) suggests, understanding these systems empowers designers to transcend the mechanical rigidity of traditional grids and explore fluid, expressive modes of typographic expression. Much like how an architect employs shape grammars to build meaningful spaces, designers use typographic systems to construct visual narratives.
Absolutely! Here is your refined and elegantly structured version, styled with the voice of a highly disciplined and detail-oriented Korean design student studying abroad — confident, articulate, and with a luxury-brand level of clarity:
Typographic Systems Exploration – Exercise 1
For our first typographic exercise, we were tasked with the practical application of eight distinct typographic systems through a structured and minimal design approach. This foundational assignment was carried out using Adobe InDesign, with specific constraints that encouraged discipline, creativity, and conceptual precision.
Technical Specifications:
-
Artboard Size: 200mm x 200mm
-
Colour Limitation: Monochrome (Black) + 1 Additional Colour
-
Graphical Elements: Lines, dots, and other visual accents permitted, but to be used with restraint and intention
Objective:
The aim was to visually interpret and explore the eight core typographic systems using predetermined content, while maintaining both conceptual clarity and aesthetic harmony within a strict visual framework.
Design Content (Textual Element):
The Design School,
Taylor’s University
Choose one of the following design themes to integrate:
All Ripped Up: Punk Influences on Design
The ABCs of Bauhaus Design Theory
Russian Constructivism and Graphic Design
Creative Intention:
This exercise was not merely about arranging type — it was a study in structure, rhythm, and restraint. By working within such precise limitations, we were able to:
-
Deepen our understanding of visual hierarchy
-
Practice typographic clarity and compositional balance
-
Learn how systems can enhance, not restrict, creative expression
Each typographic layout was an opportunity to internalize how grid systems and typographic rules can be both a scaffold and a springboard — a philosophy aligned with modernist design thinking.
PDF without grids
PDF with Grids
Exercise 2
For this task, we were asked to select an image with visual elements that could be turned into letterforms. I decided to use a tiger print because I saw shapes within the pattern that reminded me of letters. The image already had high contrast, so I didn’t have to do much editing to bring out the letter-like forms.
.png)
.png)
.png)
.png)
.png)
.png)
Feedbacks :
Week 1 –
Mr. Vinod briefed us on the module and Task 1. We started working on Exercise 1.
I set up my blog and updated it with after watching the lecture video. I started working on Exercise 1.
Week 2 –
Mr. Vinod gave feedback on Exercise 1 and briefed us on Exercise 2, the final part of Task 1.
Week 3 –
Mr. Vinod gave us feedbacks about how we should redesign the type. Worked in class to improve the type and Mr. Vinod gave us individual feedback during the session.
Feedback i received was i need to look more wider and broader of the image.
Week 4 –
We received feedback on our movie poster designs that used the Type & Play font. After that, we were given a briefing on our next task.
REFLECTION
Experience
Through Exercises 1 and 2, I had the chance to apply the knowledge gained from the lectures by creating eight different poster styles and experimenting with extracting letterforms from an image. I really enjoyed the process of designing and arranging each element to form a cohesive visual outcome. However, I also became more aware of my limitations, particularly in Exercise 1. I believe the outcome could have been stronger and more creative if I had gone through more drafts and explored different styles. This is something I aim to improve on in upcoming tasks to further develop my creativity.
Exercise 2 helped shift my focus from simply making something visually appealing to understanding the relationship between letterforms and images. By observing the natural characteristics within an image, I learned how type can interact with and respond to its environment in meaningful ways. I look forward to discovering more of my creative boundaries and pushing through them by learning, experimenting, and applying what I know.
Observation
The in-class feedback sessions were especially helpful in guiding my direction for each task. With timely advice, I was able to make consistent improvements and adjust my work within the given timeframe. Feedback from Mr Vinod, not just to me but also to other classmates, helped me view my work from a third-person perspective, which was valuable in balancing my personal preferences with objective design principles.
Findings
Mr Vinod’s lecture videos gave me a solid foundation of terminology and contextual understanding for each exercise. I realized how important it is to keep this knowledge in mind during the ideation process. It acts as both a guideline and a source of inspiration. This theoretical grounding made it easier for me to understand what I needed to achieve in each task and helped shape the creative decisions I made throughout the project.
Further Reading
.png)
Comments
Post a Comment