Typography - Final Compilation & Reflection
- Task 1 - Exercise
- Task 2 - Typographic Exploration & Communication
- Task 3 - Type Design and Communication
 |
| Fig 1.1 Final Expression |
 |
| Fig 1.3 Final Animation |
 |
| Fig 1.5 the Final Text formatting - JPEG |
HEAD LINE
Typeface: Janson Text LT Std
Type Size/s: 48 pt
Leading: 24 pt
Paragraph spacing: 0
BODY
Typeface: Bembo Std
Alignment: left justified
Margins: 127 mm top, 75.4 mm left + right + bottom
Columns: 2
Gutter: 10 mm
 | |
|
 |
| Fig 1.8 the Final Text formatting - JPEG (Redo) |
HEAD LINE
Type Size/s: 26 pt / 67 pt
Leading: 26 pt
Paragraph spacing: 0
BODY
Typeface: Bembo Std
Alignment: left justified
Margins: 123 mm top, 72mm left + right + bottom
Columns: 2
Gutter: 12mm
 |
| Fig 1.11 Redo text formatting - JPEG (grid) |
22/10/2024 - 05/11/2024 （Week 5 - Week 7 ）
 |
| fig 1.12. Final Composition |
I tried to use the extended portions to frame the text section, aiming to guide the reader's gaze, establish a reading order, and clarify the location of the text section, so readers wouldn’t feel lost upon seeing the layout. I adjusted the spacing between the lead-in text and the extended line of the letter 'S' multiple times. Bringing them closer makes the layout cleaner and tidier, while spacing them farther apart enhances the readability of the lead-in text and provides a more balanced and orderly composition. Ultimately, I chose the more distant spacing as the final composition.
Regarding the text section, I also enlarged the letter 'T' in the first word of the article to make it clear where the text begins. The text is laid out in four neat columns, with careful adjustments to letter spacing, line spacing, and line length.
HEAD LINE
Typeface: Futura Std / Univers LT Std
Typeface: Gill Sans Std / Univers LT Std
BODY
Typeface: Univers LT Std
Alignment: left justified
Margins: 10 mm top, 30 mm left + right + bottom
Columns: 3
Gutter: 5 mm
 |
| fig 1.14. Final Composition with grid |
05/11/2024 - 17/12/2024 （ Week 7 - Week 13 ）
Here is the Google Drive Link for Task 3:
https://drive.google.com/file/d/1wm6oFm3wbqiwhjInfd0240zj-XccVd7k/view?usp=sharing
OTF file:
https://drive.google.com/file/d/1lldMeJbbBgt-pnXz2yo3mz75BtxgPO4u/view?usp=sharing
Here is the font tester container I created. The lowercase letters that can be input are: "abcdefghilmnopqrstvwy" |
| fig 1.16 Screen Grab of FontLab process (side-bearings) |
 | |
|
MEASUREMENTS (derived from the Univers LT Std font baseline):
- Ascender: 722 pt
- Cap height: 736 pt
- X-height overshoot: 508 pt
- X-height: 500 pt
- Baseline: 0 pt
- Baseline overshoot: -8 pt
- Descender: -211 pt
- Descender overshoot: -215 pt
Letter widths:
- Lowercase "o": 556 pt
- Lowercase "l": 230 pt
- Lowercase "e": 533 pt
- Lowercase "d": 545 pt
- Lowercase "s": 454 pt
- Lowercase "n": 565 pt
- Lowercase "c": 503 pt
- Lowercase "h": 565 pt
- Lowercase "t": 406 pt
- Lowercase "i": 230 pt
- Lowercase "g": 545 pt
| fig 1.18 Final Font Design "Seraphina Regular" - PDF |
 |
| fig 1.20 Final Poster - JPEG |
| fig 1.21 Final Poster - PDF |
This semester marked my first exposure to the world of typography. Although it was a short three-month journey, I learned a great deal about typography, such as the key principles of article layout. My goal in embarking on this journey was to understand the art of typography and its impact on visual communication. Through various tasks, ranging from exercises to type design, I gained valuable insights into both the technical and creative aspects of typography.
I began with word design, gradually learning the fundamental sequences and thought processes in design. Later, I delved into title design, content layout, and overall article arrangement. Finally, I had the opportunity to experience typeface design. Overall, this semester's workload was demanding, but it laid a crucial foundation for my future studies in design.
Task 1 - Exercise:
In the lectures, I gained foundational knowledge about typography. I later practiced basic typographic techniques, including kerning and text formatting.
A key principle in article layout is the golden ratio; incorporating the golden ratio into design can create a magical effect.
Task 2 - Typographic Exploration & Communication:
I explored how to convey information through type. This task required balancing title design and body text, ensuring both creativity and readability. It involved repeated experimentation and refining, focusing on how design and typography can better convey information. Since the purpose of design is to communicate information, this aspect was particularly significant.
Reflection: Through experimentation, I discovered the importance of achieving a harmonious balance between typography and the information it conveys.
Task 3 - Type Design and Communication:
I attempted to design my own typeface. This project was lengthy and complex, involving multiple stages: from exploring writing styles to creating a poster showcasing my typeface. Task 3 was highly interconnected—sketching -> digitizing sketches -> adjusting kerning and spacing in FontLab -> creating a poster. Any misstep in one stage would affect the subsequent processes. This taught me the importance of paying attention to every detail and having a clear design thought process.
While creating the poster, I realized my typeface lacked refinement, so I redesigned it. This made me understand that during digitization, it’s essential to define the style in advance, conduct thorough research, and break down the letter structures into simple geometric shapes. It’s crucial to plan rules for stroke design, such as making vertical strokes thick and horizontal strokes thin, to highlight the typeface’s unique features.
When creating the poster, we were required to select a quote or phrase to showcase our typeface. I chose one that aligned with my typeface style and integrated the font into the poster design. This made me realize that good design always has a purpose—it’s not just about aesthetics. Every design element serves a goal.
Comments
Post a Comment