Advanced Typography / Task 1: Exercise 1 & 2

September 23, 2025 - October 19, 2025

23.09.2025 – 19.10.2025 / Week1 – Week4

Ryoma Kato / 0365874

Advanced Typography / Bachelor of design (Honours) in Creative Media

MIB


LECTURES

Week 1 - AdTypo_1_Typographic Systems

Typographic Systems - Elam (2007) identified eight major variations in design based on a structural system:

・Axial
・Radial
・Dilatational
・Random
・Grid
・Modular
・Transitional
・Bilateral

These variations serve as foundational principles for designing visual compositions.

Typographic organization is all about coordination and communication between elements. Factors such as hierarchy and legibility also affect complexity. The system resembles a shape grammar, providing rules and purpose. It may feel like it takes away from intuition, but it supports the learner's exploration and encourages the growth of intuition.


1. Axial
・Elements are placed on the left or right side of a central axis
・Creates clear order with balance.



2.Radial
・All elements start from one point and move outward.
・Focus is directed to and from the center.



3. Dilatational
・Elements expand from a central point in circular lines.
・Gives a sense of movement.


4. Random
・No clear pattern or order.
・Creates a feeling of chaos or freedom.


5. Grid
・Uses vertical and horizontal lines to divide space.
・Very common for organizing text and images.


6. Transitional
・Uses layered bands of information.
・Shows flow and change over time.


7. Modular
・Uses repeated blocks or units.
・Gives a functional and structured look.


8. Bilateral
・Text is centered and arranged symmetrically on one axis.
・Creates formal and stable design.

 


Conclusion
・Many designers focus only on the grid system, but the other seven systems also give many creative options.
・By learning each system, designers can explore new ways to communicate messages.
・Using both rules and intuition can make typography more flexible and expressive.




Week 2 - AdTypo_2_Typographic Composition

This lecture focuses on typographical composition — the arrangement of large amounts of text and information within a given space — rather than letter creation. It explores how designers organize information using both traditional and experimental methods while balancing legibility and creativity.

1. Traditional Design Principles
Typographic composition applies common design principles such as emphasis, symmetry, alignment, and balance. While some principles easily translate to text layouts, others like repetition and perspective are less applicable but can still inspire design decisions.

2. Grid System (Swiss Style)
Originating from letterpress printing, the grid system remains the most versatile and structured method for organizing large amounts of text. It ensures hierarchy, clarity, and readability while allowing creative variation.

3. Postmodernist Systems
As a reaction to rigid grid systems, designers like David Carson and Paula Scher introduced asymmetry, chaos, and expressive typography. Though less legible, this approach values emotion and visual rhythm over order.

4. Environmental Grid
Designers extract lines and structures from architecture or art to guide composition, creating texture and contextual meaning. This method connects the design to a physical or visual environment.

5. Form and Movement
Within grids, designers experiment with rhythm, motion, and sequential flow—especially in books or digital layouts—creating dynamic, interconnected pages that engage viewers.

6. Balancing Legibility and Innovation
The goal of typographic composition is to challenge conventions without losing clarity. Students are encouraged to explore, innovate, and find their own balance between readability and expressive form.




Week 3 - AdTypo_3_Context&Creativity

This lecture highlights the historical, cultural, and technological evolution of type design across different civilizations. It encourages designers, especially from the East, to understand their heritage and use it to inspire future design innovation.

1. Historical Foundations of Type Design
Early handwriting was the origin of type design, shaping letterforms, spacing, and rhythm. Tools like brushes and chisels influenced the structure of letters, leading from pictographs to phonetic systems such as Phoenician, Greek, and Roman scripts.

2. Evolution of Western Writing Systems
Western alphabets developed from Proto-Sinaitic symbols to the Latin alphabet used today. Roman capitals and uncials established the foundation for later calligraphy and typography, emphasizing structure and readability.

3. Early Printing and Asian Contributions
Before Gutenberg, printing and movable type were already practiced in Asia. China and Korea pioneered woodblock and bronze movable type systems, though these contributions are often underrepresented in Western history.

4. Critique of Western-Centric Narratives
Western academic history often overlooks Eastern and African influences. Colonial biases emphasized Greek and Roman achievements while minimizing contributions from Egypt, India, and Asia.

5. Eastern Writing Systems and Cultural Heritage
Scripts like Brahmi, Khmer, Javanese, and Jawi reflect diverse linguistic and artistic traditions. Many were neglected due to colonization and Western technology but remain vital for regional identity.

6. Digital Renaissance and Revival
With modern technology, many indigenous scripts are being revived. Projects like Google Fonts and regional type foundries are digitizing local scripts, preserving cultural identity through design.

7. Encouragement for Future Designers
Designers are urged to explore their own cultural backgrounds instead of imitating Western trends. True originality grows from understanding and reinterpreting local history and traditions in a modern context.



Week 4 - AdTypo_4_Designing Type

This lecture examines why new typefaces are created, highlights key designers and their contributions, and explains the main stages of the design process. It emphasizes that type design is both a social responsibility and a form of artistic expression, requiring precision, patience, and a problem-solving mindset.

1. Purpose of Type Design
Although thousands of fonts exist, new typefaces emerge to meet specific communication needs or creative goals. Designers balance social responsibility—improving legibility and accessibility—with artistic expression, using type as a medium for self-expression. Clear objectives are essential for success.

2. Influential Type Designers
Adrian Frutiger: Created Frutiger (1968) for airport signage—highly legible at distance—and simplified Devanagari characters for modern printing.
Matthew Carter: Designed Verdana for screen clarity and Bell Centennial with ink traps for phone directories.
Edward Johnston: Created Johnston Sans (1916) for the London Underground, combining modernity and classical balance; influenced Gill Sans by his student Eric Gill.

3. Type Design Process
Type design follows five stages: Research, Sketching, Digitization, Testing, and Deployment.
Designers study existing fonts, define purpose, sketch forms, digitize them using tools like FontLab, and test extensively for legibility. Even after release, updates and feedback-driven refinements are common.

4. Construction and Optical Adjustments
Roman capitals are based on geometric grids, while letters are grouped by structure for consistency. Optical corrections—like overshoot and kerning—ensure visual balance, since mathematical spacing alone is insufficient.

5. Motivation and Mindset
Type design is often a labor of love, driven by curiosity or the desire to solve a specific design problem. Success demands obsessive attention to detail, technical precision, and long-term dedication to function and beauty.


WORK

Task 1 Exercise 1 - Typographic System

In this exercise, we need to make 8 layout design using different typographic system.

This is the text that I chose for the exercise.

"The Design School,

Taylor’s University

Russian Constructivism and Graphic Design

Open Public Lectures:

June 24, 2021

Lew Pik Svonn, 9AM-10AM

Ezrena Mohd., 10AM-11AM

Suzy Sulaiman, 11AM-12PM

June 25, 2021

Lim Whay Yin, 9AM-10AM

Fahmi Reza, 10AM-11AM

Manish Acharia, 11AM-12PM"


( week 1 attempt, week 1)




Axial:

( Axial system, week 2 )

Radial:

( Radial system, week 2 )

Dilatational:

( Dilatational system, week 2 )

Random:

( Random system, week 2 )

Grid:

( Grid system, week 2 )

Transitional:

( Transitional system, week 2 )

Modular:

( Modular system, week 2 )

Bilateral:

( Bilateral system, week 2 )


( Typographic system Final, PDF )

( Typographic system Final with baselines, PDF )




Exercise 2 - Finding Type (Type & Play)

For this exercise, we will Create a font by extracting design elements from photos of nature and architecture, and blending them with elements from reference fonts.

( Chosen image for task 1 exercise 2, week2 )

This is the image that I used for this exercise first.


( Overall process, week 2)

And this is the week 2 attempt. For this work, actually I misunderstand about the exercise. I focused to the line of block but the lecture said I need to focus to Block so that I can reflect various wall textures and structures within the font design.


So, I planned to change the photo and redo it.

( Chosen image 2 for task 1 exercise 2, week3 )

( Overall process 2, week 3)

This is the new attempt in week 3. I chose the wave picture for this exercise and focus to the white wave.


( This is the sample of text. week 3 )

( Extracted font design. Week 3)


( Final letterforms with Baselines, week 3)

( Original extracted and Final letterforms, week 3 )

( Final poster Progress, week 3 )


After I showed the final poster to the lecture, the lecture said to me "The image itself is fine, but the text color needs improvement. Add color variation or background contrast to make it pop. Avoid using all black; try different colors for better visibility. Consider why the logo works and aim for more visual consistency."


( Finalised poster, week 4 )

I edit the poster based on the feedback. This is the complete Poster.


( Finalised poster, pdf week 4 )

( Finalised poster, jpg week 4 )


FEEBACK

Week2:
General
Axial - Make the central axis clear and keep it consistent.
Radial - Place all elements pointing to the center.
Dilatational - Arrange elements in circles or curves from the center.
Random - Look chaotic but keep a hidden order.
Grid - Do not put too much text, keep to the grid.
Modular - Put information inside each cell, no overlap.
Transitional - Show smooth movement, avoid too many graphics.
Bilateral - Use central symmetry, avoid extra lines or colors.
Specific
In an axial poster, the text must be aligned to the central axis. Also, avoid using too much contrast.


Week3
General
Everyone showed great creativity in developing typefaces. However, make sure your font design clearly reflects the visual characteristics of your chosen material. Try to connect the font’s shape and texture more strongly to the original source.
Specific
When creating a font from the wall photo, don’t just trace the cracks. Instead, use larger areas of the wall that include the cracks to capture the texture and essence of the material.


Week4
General
Improve typography, color contrast, and composition for a more professional look. Ensure all key info and logos are clearly included. Maintain alignment and visual hierarchy; use space effectively. Integrate text and background seamlessly; adjust letter spacing and color balance. Refine background treatment and color harmony to enhance focus. Remove unnecessary elements and ensure consistency across the design.
Specific
The image itself is fine, but the text color needs improvement. Add color variation or background contrast to make it pop. Avoid using all black; try different colors for better visibility. Consider why the logo works and aim for more visual consistency.

REFLECTION

Experience
Because I already learned how to use Illustrator, Photoshop, and InDesign in the previous Typography class, it was easier for me to work on the exercises from Week 1 to Week 4. However, Task 1 Exercise 1 and 2 were still quite difficult. The class moved very fast, and it was hard to keep up since I was also busy with job hunting and driving school. Still, I think the Typographic System is very useful for poster design, and I really enjoyed the Finding Type exercise.


Observation
By learning about typographic systems, I feel that my layout and balance skills have improved. I also noticed that the design can look very different depending on the shape and spacing of the fonts I use.


Findings
Through Task 1 Exercise 1 and 2, I started to enjoy type design more, even though I used to find it difficult. In the Finding Type exercise, I learned that it is important to look for the key visual parts of an image, remove what is not needed, and design with a clear purpose.


FURTHER READING

A Type Primer (Second Edition)
Author/Source: John Kane (Prentice Hall)

This material presents the fundamental principles and philosophy that should guide the study of typography. It encourages viewing typography not merely as a skill for selecting fonts, but as a robust and necessary means of structuring and visually expressing language. The text provides the essential framework for typographic decision-making, emphasizing that good design is driven by clear communication.

The author's insistence that design should be judged on whether it "works" and is "useful," rather than if it is "correct," forms the basis of practical design thinking. The text promotes three core beliefs: "Content determines form," "Less is more," and "God is in the details."

1. Construction of the Grid System The book stresses that the design grid must be conceived afresh for every new project to meet unique requirements. This process begins with an objective analysis of the problem at hand, fostering a flexible mindset capable of adapting to any design challenge. The formal of the page and the size of the margins are identified as the primary factors that determine the size of the type area.

2. Technical Aspects of Text Composition The resource provides a detailed look at the technical aspects of setting text. It covers essential techniques such as adjusting tracking (letter-spacing), leading (line-spacing), and determining the appropriate line length. Mastering these elements is crucial for achieving both high readability and aesthetic quality in any text-heavy design.

3. Importance of Early Sketching A critical lesson for professional practice is the need for accuracy in small-scale sketches. The text strongly advises designers to avoid drawing text lines vaguely and instead, to draw the typeface as close to scale as possible. This preventive measure is essential to ensure texts fit correctly and avoid fitting issues when scaling the layout up to the final 1:1 format.





Comments

Popular posts from this blog