Advanced Typography Task1：Exercise
Advanced Typography | Task 1: Exercises
|| Yang Shumeng 0378848
|| Advanced Typography
|| Task 1: Exercises
1. Lectures
2. Instructions
3. Process Work
4. Feedback
5. Reflection
6. Further Reading
1. Lecture：
Lecture 1 / Typographic Systems:
Kimberly Elam outlines eight distinct ways to organize type, each proposing a different structure for arranging text and visuals to create order and meaning.
1. Axial - All elements are organised to the left or right of a single axis.
|
Fig 1.1 Axial system |
2. Radial - All elements are extended from a point of focus.
|
Fig 1.2 Radial system |
3. Dilatational - All elements expand from a central point in a circular fashion.
|
Fig 1.3 Dilatational system |
4. Random - Elements appear to have no specific pattern or relationship.
|
Fig 1.4 Random system |
5. Grid - A system of vertical and horizontal divisions.
|
Fig 1.5 Grid system |
|
Fig 1.6 Grid system |
6. Transitional - An informal system of layered banding.
|
Fig 1.7 Transitional system |
7. Modular - A series of non-objective elements that are constructed in as a standardised units.
|
Fig 1.8 Modular system |
8. Bilateral - All text is arranged symmetrically on a single axis.
|
Fig 1.9 Bilateral system |
Lecture 2 / Typographic Composition:
Principles of Design Composition
Core composition principles include emphasis, isolation, repetition, symmetry/asymmetry, alignment, and perspective—each shaping how viewers perceive order, contrast, and hierarchy.
Rule of Thirds
A classic framing guide that splits the frame into a 3×3 grid; placing subjects near the intersections often yields more dynamic and balanced compositions.
|
Fig 2.1 Rule of Thirds |
Typographic Systems
Among the eight systems, the grid is highlighted for its practicality and ubiquity. Rooted in letterpress traditions, grids support modular layouts, clear hierarchy, and balanced pages—improving readability and consistent rhythm.
Form & Movement
Using established grids as a springboard, form and movement loosen rigid structures to create flow. Page turns are treated like slow-motion transitions, weaving images, type, and color across spreads to build rhythm.
|
Fig 2.2 Form & Movement |
Lecture 3 / Context & Creativity
Handwriting
The earliest mechanical typefaces modeled the look and cadence of handwriting, establishing enduring norms for letter shapes, spacing, and rhythm. Tools like bones, reeds, brushes, and charcoal informed stroke weight and curvature, leaving a lasting imprint on how type is drawn and spaced today.
 |
| Fig 3.1 Evolution of the Latin Alphabet |
 |
| Fig 3.2 Evolution of the Latin Alphabet |
 |
| Fig 3.3 Evolution of Middle Eastern Alphabets |
 |
| Fig 3.4 Evolution of the Chinese Script |
 |
| Fig 3.5 Indus Valley Civilisation script (3500-2000 BCE) |
 |
| Fig 3.6 The Brahmi script (450-350 BCE) |
2. Instructions：
3. Process Work：
- The work must be completed exclusively using Adobe InDesign.
- Artboard size: 200 × 200 mm.
- Color scheme: Black and one additional color only.
- You may use simple graphic elements (such as lines, dots, or shapes), but keep their use minimal and controlled to maintain typographic focus.
 | |
|
| Fig 5.0.2Design Process (9/23/2025_W1) |
Final Task 1 - Exercise 1: Typographic Systems:
 |
| Fig 5.1 Radial System Final |
 |
| Fig 5.2 Transitional System Final |
 |
| Fig 5.3 Grid System Final |
 |
| Fig 5.4 Random System Final |
 |
| Fig 5.5 Dilatational System Final |
 |
| Fig 5.6 Bilatational System Final |
 |
| Fig 5.7 Final Axial System |
 |
| Fig 5.8 Modular System Final |
We were instructed to choose a single image—either a man-made structure or a natural subject—while avoiding scenes with too many unrelated elements.
From this image, we analyzed and dissected its forms to uncover potential letter shapes. These letterforms were then digitized and refined using a designated reference typeface.
If you want a slightly more academic tone:
We first selected a focused image of a structure or natural object with minimal extraneous elements. We then analyzed and deconstructed the image to identify latent letterforms, which were subsequently digitized and systematically refined against a specified reference font.
Re-determine the image and re-extract the font
setp2  |
| Fig 6.3 Digitalization and refinement results - W，A，T，E，R |
 |
| Fig 7.1 Final poster |
4. Feedback
Week 3
-
General Feedback: Mr. Vinod reviewed our Exercise 2 and asked us to refine the work based on his comments. Class time was also provided for revisions.
-
Special Feedback: The image I chose was unsuitable—the water droplets were too small and covered only a limited area of the glass. I need to select a new image and re-extract the letterforms to achieve better results.
Week 2
-
General Feedback: Mr. Vinod reviewed Exercise 1 and asked us to upload our work to the Facebook group. I did not receive feedback because I was unsure how to upload at the time. He also outlined the specific requirements for Exercise 2.
-
Special Feedback: For Exercise 1, only black, white, and one accent color were permitted. Excessive ornamentation was not allowed, and he provided recommendations on overall type size.
Week 1
-
General Feedback: In the first class, Mr. Vinod explained the classroom rules, course content, and assignment requirements, demonstrated how to set up the e-portfolio, and showed reference examples.
5. Reflection
Experience
In Exercise 1, balancing creativity with the constraints of typographic systems was challenging. I reviewed examples from the eight systems first, but soon realized real understanding comes from testing ideas and building my own. Exercise 2 was the most enjoyable because it offered more creative freedom. I liked crafting letterforms from different elements and integrating them into a poster—watching the work evolve at each stage. Overall, the outcomes met the brief and reinforced that design is a balance of creativity and precision—something I want to sharpen in future projects.
Observation
Both exercises underscored the importance of hierarchy and visual balance, even with minimal or abstract forms. In Exercise 1, I had to track the whole composition while applying fundamentals like alignment and leading, ensuring coherence as a system. In Exercise 2, seeing classmates choose different source elements during critiques was illuminating—we learned from one another’s approaches. Across both, I realized typography isn’t only about shaping letters; it’s about how letterforms interact with context, environment, and overall composition.
Findings
At first, typographic systems felt “boring,” as if they limited creativity to fixed rules. After exploring and practicing all eight, I now see that once you understand the logic behind them, they open up substantial creative possibilities.
Further Readings
Grid Systems
Grid systems are essential to creating structure and clarity in design. Through my reading, I came to see grids not as creative limits but as foundations that support clean, organized layouts. This system improves readability while allowing consistent alignment across elements. The idea that one can creatively deviate from a grid, rather than strictly obey it, was an important shift in my thinking.
Figure: Visual representation of Grid Systems
Radial Systems
Radial systems introduced the concept of focal movement. Elements arranged around a central point naturally direct the viewer’s eye. This technique adds energy and can dramatically enhance layout flow. I found this especially relevant for projects that need impact at first glance, like event posters or brand storytelling.
Figure: Visual representation of Radial Systems
Modular Systems
Modular systems taught me the power of repetition with consistency. By segmenting the design space into repeatable blocks, it becomes easier to present diverse content within a cohesive framework. This is particularly useful for layouts like portfolios, product grids, or visual menus.
Figure: Visual representation of Modular Systems
Random Systems
Although chaotic at first glance, random systems still follow visual logic. They challenge the norms of balance and alignment, making the viewer explore the layout. The key is intentional disruption—making sure every displaced element still has purpose. I learned that with enough care, even randomness can feel harmonious.
Figure: Visual representation of Random Systems
Axial Systems
Axial systems rely on a central axis to organize content. Whether elements are mirrored or balanced asymmetrically, the axis creates a reference point that stabilizes the layout. This system reinforced for me the idea that even minimal structure can guide complex content effectively.
Figure: Visual representation of Axial Systems
评论
发表评论