21/04/2025 - 27/07/2025 / Week 1 - Week 14
Ye YingYing / 0364398
Advanced Typography / Bachelor of Design
(Hons) in Creative Media / Taylor's University
Task 4 / E-Portfolio (30%)
TABLE OF CONTENTS
All Lecture Notes:
View Here
<iframe
src="https://drive.google.com/file/d/1Pu4D-dXuBKCzUh0EgY4_S0cBuHBdm3wS/preview"
width="640" height="480" allow="autoplay"></iframe>
Exercise 1 - Typographic System
1. Axial System
- Fonts Used: Serifa Std |
| Fig. 1.1 - Axial System Final Layout (JPG) [week 2 - 30/04/2025] |
2. Radial System
- Fonts Used: Univers LT Std
 |
| Fig. 1.2 - Radial System Final Layout (JPG) [week 2 - 30/04/2025] |
|
3. Dilatational System- Fonts Used: Janson Text LT Std
 |
| Fig. 1.3 - Dilatational System Final Layout (JPG) [week 2 - 30/04/2025] |
|
4. Random System- Fonts Used: Gill Sans Std
 |
| Fig. 1.4 - Random System Final Layout (JPG) [week 2 - 30/04/2025] |
|
5. Grid System- Fonts Used: Serifa Std
 |
| Fig. 1.5 - Grid System Final Layout (JPG) [week 2 - 30/04/2025] |
|
6. Transitional System
- Fonts Used: ITC Garamond Std
 |
| Fig. 1.6 - Transitional System Final Layout (JPG) [week 2 - 30/04/2025] |
(Grey border added to have a clearer view)
7. Modular System
- Fonts Used: Adobe Caslon Pro
 |
Fig. 1.7 - Grid System Final Layout (JPG) [week 2 - 30/04/2025]
|
|
|
8. Bilateral System
- Fonts Used: Adobe Caslon Pro
 |
| Fig. 1.8 - Bilateral System Final Layout (JPG) [week 2 - 30/04/2025] |
(Grey border added to have a clearer view)
Fig. 1.9 - 8 Typographic Systems - PDF without grid [week 2 - 30/04/2025]
Fig. 1.10 - 8 Typographic Systems - PDF with grid [week 2 - 30/04/2025]
- Exercise 2 - Type & Play Part 1 / Finding Type -
 |
| Fig. 2.1 - Final Outcome (Template) [week 3 - 10/05/2025] |
 |
| Fig. 2.2 - Final Letterforms [week 3 - 10/05/2025] |
Fig. 2.3 - Final Compilation of Type & Play Part 1 / Finding Type - PDF [week 3 - 10/05/2025]
- Exercise 2 - Type & Play Part 2 / Poster -
 |
| Fig. 2.4 - Final outcome of Type & Play Part 2 / Poster ROCKY (JPG) [week 4 - 15/05/2025] |
(Grey border added to have a clearer view)
Fig. 2.5 - Final Compilation of Type & Play Part 2 / Poster ROCKY - PDF [week 4 - 15/05/2025]
- Part 1 - Key Artwork -
 |
| Fig. 3.1 - Key Artwork Animation GIF[15/06/2025 - Week8] |
|
 |
| Fig. 3.2 - Black wordmark on white background [02/06/2025 - Week7] |
 |
| Fig. 3.3 - White wordmark on black background [02/06/2025 - Week7] |
 |
Fig. 3.4 - Finalized Colour Scheme [02/06/2025 - Week7]
|
|
 |
| Fig. 3.5 - Lightest colour wordmark on darkest colour background [02/06/2025 - Week7] |
 |
Fig. 3.6 - Darkest colour wordmark on lightest colour background [02/06/2025 - Week7]
|
|
Fig. 3.7 - Final Task 2_Part A Compilation PDF [02/06/2025 - Week 7]
- Part 2 - Collateral -
 |
| Fig. 4.1 - Instagram Feed Preview [18/06/2025 - Week 9] |
|
 |
Fig. 4.2 - Collateral #1 [17/06/2025 - Week 9]
|
 |
Fig. 4.3 - Collateral #2 [17/06/2025 - Week 9]
|
 |
| Fig. 4.4 - Collateral #3 [17/06/2025 - Week 9] |
 |
Fig. 4.8 - Design Expansion #4 [16/06/2025 - Week 9]
|
|
 |
| Fig. 4.9 - Design Expansion #5 [16/06/2025 - Week 9] |
|
Fig. 4.10 - Final Task 2_Part B Collateral Compilation PDF [17/06/2025 - Week 9]
|
Download it here
 |
| Fig. 5.1 Font Information Sheet - JPG [Week 14] |
Fig. 5.2 Final Compilation of CubeCode - PDF [Week 14]
 |
| Fig. 5. 3 Adobe Illustrator Screenshot of CubeCode Outline [Week 13] |
|
|
 |
Fig. 6.5 Task 3 Font Application #1 [Week 14]
|
|
 |
| Fig. 6.6 Task 3 Font Application #2 [Week14] |
 |
| Fig. 6.7 Task 3 Font Application #3 [Week 14] |
 |
Fig. 6.8 Task 3 Font Application #4 [Week 14]
|
|
 |
Fig. 6.9 Task 3 Font Application #5 [Week 14]
|
Fig. 6.13 Final Compilation of Task 3 Font Presentation & Application - PDF [Week 14]
Fig. 6.14 - Three Vision of Clock Display -PDF [Week 14]
Fig. 6.15 Task 3 Font Mock-up Showcase & Further Exploration - PDF [Week 14]
ExperienceOut of all the tasks, I enjoyed Task 1 the most, which was about the typographic system. I really like working with grids and structured layouts. It feels satisfying when everything is in order and lines up properly. It’s like organizing visual information, and I actually find that kind of work very calming.
The other tasks, like the wordmark and the font design, were interesting too. I liked being able to express something personal through design. Those tasks felt a bit more experimental, which isn’t really my usual comfort zone. Still, they gave me a chance to try new things and explore a different side of design.
Observation During this module, I noticed that a lot of my classmates were quite brave with their ideas. Especially in Task 1 part 2, where we had to extract letterforms from photos, some of them picked really unexpected and creative images. It made their outcomes stand out. I realized that I often choose safer ideas because I don’t want to mess things up. I think this mindset sometimes holds me back from trying something more experimental. I also noticed that when I manage my time better, my work comes out more refined. But if I leave things too close to the deadline, I don’t have enough time to reflect or improve. That’s something I need to work on for sure.
FindingOne of the biggest things I took away from this module is how even small changes in typography can make a big difference. A tiny shift in spacing, angle, or thickness can change how the whole design feels. I also learned that just because something looks simple doesn’t mean it’s easy to make. The wordmark task taught me that simplicity often comes from a lot of careful thinking and editing. When I had to do the random system in one of the exercises, it felt quite challenging. But I know that doing things outside my comfort zone helps me grow. This module also showed me how important presentation is. It’s not just about the design itself but also how you show it. A good presentation makes the whole work look more professional and helps people understand the idea behind it.
Comments
Post a Comment