Advanced Typography: Final Compilation & Reflection

18/12/2024-Ending Week

FENG SHIWEN  /  0374595

Bachelor of Design in Creative Media   /  Advanced Typography 

Taylor's University



INSTRUCTIONS


FINAL SUBMISSION

🔎LINK TO BLOG :

TASK 1 - Exercises

TASK 2 - Key Artwork and Collateral

TASK 3 - Type Exploration and Application


TABLE OF CONTENTS

🔎LINK TO TASK :

Task 1 / Exercises

Task 2 / Key Artwork & Collateral

Task 3 / Type Exploration & Application


TASK 1 - Exercises

1. Typographic Systems
Fig 1.1 Axial ystem

Fig 1.2 Radial System

Fig 1.3 Dilatational System

Fig 1.4 Random System

Fig 1.5 Grid System

Fig 1.6 Transitional System

Fig 1.7 Modular System

Fig 1.8 Bilateral System


Fig 1.9 Typographic System (PDF) 

Fig 1.10 Typographic System (PDF) with Grid



2.Finding Type (Type & Play)

Fig 1.11 Image &Extraction 

Fig 1.12 Evolutionary process


Fig 1.13 Letterforms


Fig 1.14 Letterforms on baseline


Fig 1.15 Final Poster

Fig 1.16 Final Poster (PDF)

Fig 1.17 Evolutionary process (PDF)


TASK 2 - Key Artwork and Collateral (A+B)

Fig 2.1  Black wordmark on white background

Fig 2.2 White wordmark on black background  

Fig 2.3 Colour Palette

Fig 2.4 Wordmark in actual colours
on lightest shade of colour palette

Fig 2.5 Wordmark in lightest shade of colour palette
on darkest shade of colour palette

Fig 2.6 key artwork (wordmark) using main colours 

Fig 2.7 Key Artwork Animation

Fig 2.8 Task 2A PDF Compilation 


Fig 2.9 Collateral .1  Record album

Fig 2.10 Collateral .2  Skateboarding

Fig 2.11 Collateral .3  Hoodie

Fig 2.12 Instagram Feed Design Layout

Fig 2.13 Screenshot of Instagram page

Instagram link : https://www.instagram.com/laurel.yx?igsh=d3NkbGczNjVpY2h4&utm_source=qr


Fig 2.14 Task 2B PDF Compilation


TASK 3 - Type Exploration and Application


Fig 3.1 Final Font Design

Fig 3.2 Final Font Design (In Fontlab8)

Font Tester

🔗Downloadable font link:

https://drive.google.com/file/d/1YKr-tCGzuzm6VlZjOAdWODZZUTkrpn91/view?usp=drive_link

👾Try typing out the characters:

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890!?#@%^&*()_+-=[]{}:;|,.


Font Presentation

Fig 3.3 Font Presentation #1

Fig 3.4 Font Presentation #2

Fig 3.5 Font Presentation #3

Fig 3.6 Font Presentation #4

Fig 3.7 Font Presentation #5



Fig 3.8 Font Presentation (PDF)



Font Application

Fig 3.9 Font Application #1

Fig 3.10 Font Application #2

Fig 3.11 Font Application #3

Fig 3.12 Font Application #4

Fig 3.13 Font Application #5


Fig 3.14 Font Application (PDF)



REFLECTIONS

Experiences

Through various assignments and projects this semester, I have improved my ability to complete tasks more efficiently and creatively. The most challenging part is balancing the creative and functional aspects of time management. For example, on a project, I had a hard time articulating my ideas at first, but through continuous improvement and feedback, I learned to express and refine my concepts better.

Observations

In this semester, I have found that mastering the operation of tools is an important step to improve the quality of design, especially when working with Adobe Illustrator and FontLab. For example, in Adobe Illustrator, I learned how to use alignment tools and path finders to ensure accuracy and consistency of shapes. In addition, I realized that maintaining font uniformity in FontLab is an important part of font design, such as adjusting stroke thickness, aligning baselines, and optimizing character spacing, all of which are crucial to the overall typography.

Findings

An important takeaway is that even small adjustments can have a huge impact on the end result. For example, when working on Task 3, I found that fine-tuning colors, spacing, or proportions often made the design more coordinated and refined. Similarly, I find it important to set clear design goals from the start. This not only helps me stay focused, but also allows me to work on a topic more efficiently. Overall, I've found that growth often comes from stepping out of your comfort zone and taking on challenges.😺




Comments

Post a Comment

Popular posts from this blog

Typography / Task1 : Exercise & Project

Image
22/4/2024-27/5/2024 FENG SHIWEN  /  0374595 Bachelor of Design in Creative Media    Taylor's University Task - Exercise & Project  CONTENTS LECTURES INSTRUCTIONS Task 1/Exercise Feedback Reflections Futher Reading LECTURES -Lecture Playlist :  Typography (BDCM) - YouTube https://www.youtube.com/playlist?app=desktop&list=PLZk01iRkmnlUF8tRLTTAogutYcraV6DFR -In the lecture, we will watch Mr. Vinod's presentation on typography,  learn how to create an e-portfolio and complete the design task. Lecture 01 Introduction Typography: The art and technique of arranging type to make written language legible, readable, and appealing when displayed. Font: The individual font or weight within the typeface. Typeface: The entire family of fonts/weights that share similar characteristics/styles. -Developme...
Read more

Advanced Typography: Task 1 Exercises

Image
23/9/2024-16/10/2024 FENG SHIWEN  /  0374595 Bachelor of Design in Creative Media  / Advanced Typography  Taylor's University CONTENTS LECTURES INSTRUCTION EXERCISE FEEDBACK REFLECTIONS   FUTHER READING LECTURES WEEK 1 Typographic Systems "All design is based on a structural system" and according to Elam,2007, there are eight major variations with an infinite number of permutations. These eight major variations are as follows: Axial   Radial   Dilational   Random   Grid   Modular   Transitional   Bilateral "Typographical organization is complex because the elements are dependent on communication in order to function. Additional criteria such as hierarchy, order of reading, legibility, and contrast also come into play. The typographic systems are akin to what architects term shape grammars. The typograp...
Read more

Typography / Task 2 : Typographic Exploration & Communication

Image
27/5/2024-Ending Week FENG SHIWEN  /  0374595 Bachelor of Design in Creative Media    Taylor's University Task - Typographic Exploration & Communication CONTENTS LECTURES INSTRUCTIONS TASK 2 FEEDBACK REFLECTIONS FURTHER READINGS LECTURES Lecture 01-05 : Refer to Task 1 . Lecture 06  Typography in Different Medium 1. Print type vs Screen type Type was designed for reading from prints. The designer must make sure that the text is smooth and pleasant to read. Good typefaces for prints are Caslon, Garamond, Baskerville as they have characteristics that makes them easy to read even at a small font size while serving an elegant look. Typefaces for screen (use on web) are usually modified to work better on screen in a variety of digital environments. More open spaces are used as well as higher scre...
Read more