Advanced Typography: Task 3 Type Exploration & Application

-

  

12.11.2024 - 16.12.2024 / Week 8 - Week 13

Lim Pei Jiun (0372548) / Bachelor of Design (Hons) in Creative Media 

Advanced Typography

Task 3：Exercises

TABLE OF CONTENTS

LECTURES

INSTRUCTION


TASK 3: EXERCISES

Proposal

In task 3, we are to create a font based on:
- Create a font that is intended to solve a larger problem/ part of a solution in the area of your interest.
- Explore existing letterforms in an area of interest.
- Experimental design

Fig 1.1 Proposal, Week 9 (18/11/2024)

After presenting, I decided to go with the second idea, which is a font expansion from my previous task 1.


Fig 1.2 Wordmark design from task 1, Week 3 (8/10/2024)

Digitization

Fig 1.3 outline, Week 10 (26/11/2024)

Fig 2.1 Digitized uppercase, Week 10 (26/11/2024)

I made some adjustments to the uppercase letters to make them more consistent in angle.

Fig 2.2 Digitized uppercase after adjustments, Week 10 (26/11/2024)

Fig 2.3 Digitized lowercase, Week 11 (3/12/2024)

Fig 2.4 Digitized numerals and punctuations, Week 12 (10/12/2024)

FontForge

To create a font, I used the software called "FontForge" to import my letterform designs.

After finalizing all the letterforms, I export the artboard on Adobe Illustrator in SVG format and import to FontForge.

Fig 3.1 Asset Export on Adobe Illustrator, Week 12 (10/12/2024)

Fig 3.2 Importing files on FontForge, Week 12 (10/12/2024)

Fig 3.3 Finalized imported letterforms, Week 12 (10/12/2024)

Fig 3.4 Sidebearing measurement table, Week 12 (10/12/2024)

Fig 3.5 uppercase kerning, Week 12 (10/12/2024)

Fig 3.6 lowercase kerning, Week 12 (10/12/2024)

Every font has a problem letter. For my font, 'f' is the problem letter. Mr. Vinod ask me to adjust the kerning between 'f' and other letter.

Fig 3.7 kerning between 'f' and other letter, Week 12 (10/12/2024)

Font Presentation

Before starting to design my font presentation, I created a color palette that related to the tree, just like my font is the branches.

Fig 4.1 color palette, Week 13 (17/12/2024)

Fig 4.2 process of type presentation, Week 13 (17/12/2024)

Fig 4.3 type presentation 1, Week 13 (17/12/2024)

Fig 4.4 type presentation 2, Week 13 (17/12/2024)

Fig 4.5 type presentation 3, Week 13 (17/12/2024)

Fig 4.6 type presentation 4, Week 13 (17/12/2024)

Fig 4.7 type presentation 5, Week 13 (17/12/2024)

Font Application

I used Mr. mockup to find some mockup to create mockup. I chose the theme "Protect the Forest" based on my font.

#1 Book

Fig 5.1 book layout design, Week 13 (17/12/2024)

Fig 5.2 book mockup, Week 13 (17/12/2024)

#2 Billboard

Fig 5.3 billboard layout design, Week 13 (17/12/2024)

Fig 5.3 billboard mockup, Week 13 (17/12/2024)

#3 Paper Bag

Fig 5.4 paper bag layout design, Week 13 (17/12/2024)

Fig 5.5 paper bag mockup, Week 13 (17/12/2024)


#4 T-shirt

Fig 5.6 t-shirt layout design, Week 13 (17/12/2024)

Fig 5.7 t-shirt mockup, Week 13 (17/12/2024)

#5 Poster

Fig 5.8 poster layout design, Week 13 (17/12/2024)

Fig 5.9 poster mockup, Week 13 (17/12/2024)

Task 3 Final Outcome

Fig 6.1 font download link - PDF, Week 13 (17/12/2024)

Fig 6.2 finalized letterforms - PDF, Week 13 (17/12/2024)

Fig 6.3 type presentation 1, Week 13 (17/12/2024)

Fig 6.4 type presentation 2, Week 13 (17/12/2024)

Fig 6.5 type presentation 3, Week 13 (17/12/2024)

Fig 6.6 type presentation 4, Week 13 (17/12/2024)

Fig 6.7 type presentation 5, Week 13 (17/12/2024)

Fig 6.8 type presentation - PDF, Week 13 (17/12/2024)

Fig 6.9 type application 1, Week 13 (17/12/2024)

Fig 6.10 type application 2, Week 13 (17/12/2024)

Fig 6.11 type application 3, Week 13 (17/12/2024)

Fig 6.12 type application 4, Week 13 (17/12/2024)

Fig 6.13 type application 5, Week 13 (17/12/2024)

Fig 6.14 type application - PDF , Week 13 (17/12/2024)

FEEDBACK

Week 9
General Feedback
Organize the schedule, work hard, work fast and work smart

Specific Feedback
Can go with idea 2

Week 10
General Feedback
Continue to create lowercase letterform and numerals & punctuation as well
Specific Feedback
Adjust the angle of the letters so they are all consistent

Week 11
General Feedback
Create 5 font presentation artwork and remember to upload your work to facebook
Specific Feedback
The width of uppercase and lowercase also needs to be consistent. Can add a slash in the middle of 0 to avoid the same as O

Week 12
General Feedback
Every font has a problematic letter. The problematic letter of my font is 'f'
Specific Feedback
Need to adjust the kerning between 'f' and other letter

Week 13
General Feedback
Finalize Task 3 and Final Compilation & Reflection E-portfolio
Specific Feedback
All done
REFLECTION

Experience: 
This exercise is very similar to my Task 3 last semester and the Task 2 this semester. We need to create a font, present it and finally create some mockup. I didn't have much difficulty with this exercise because of my previous experience. What bothered me most was the font creation part. I had to make repeated revisions to ensure the uniformity of all the letters.

Observation: 
I observed that fonts are very strict. The size and angle of the fonts most be consistent, and there is also a set standard for the distance between the fonts. For me, designing fonts is not very difficult. The difficulty lies in keeping the angles of all fonts consistent when digitizing. I made repeated adjustments on this step. The color palette also needs to have dark, light and neutral colors, it can't just consist of dark or light colors. 

Findings: 
I discovered the fun of fonts. You can design fonts in all kinds of ways, just use your imagination, but no matter how you design them, they must remain unified. The collision between the bizarre designs and the rigorous unity is both contradictory and harmonious, which I find interesting. Through this assignment, I have fully improved myself and can get started with those software more quickly. I also understand the importance of feedback. 
FURTHER READING

Fig 7.1 A type primer , Week 13 (17/12/2024)

A Type Primer by John Kane is a foundational guide to understanding typography. The book serves as an introduction to type and its applications, aimed at students, designers, and anyone interested in visual communication.

The book covers the anatomy of type, such as typefaces, fonts, and typographic terminology. Besides, it discusses the evolution of type, from movable type to modern digital typography, offering insights into how type has adapted to technological changes.  

Kane emphasizes the relationship between form and function, focusing on how typographic choices impact readability and communication.  

Comments

Post a Comment

Popular posts from this blog

Typography Task 1/ Exercise

-
Image
22.04.2024 -26.05.2024 / Week 1- Week 5 Lim Pei Jiun (0372548)/ Bachelor of Design (Honour) in Creative Media Typography/ Taylor's University Task1: Exercises TABLE OF CONTENTS 1. Lectures 2. Instruction 3. Task1: Exercises 1&2                   Exercise 1: Type Expression                 Exercise 2: Text Formatting 4. Feedback 5. Reflections 6. Further Reading   LECTURES Week 1:  Introduction and Briefing Introduction Font: A single font or weight in a font Typeface: E ntire family of fonts/weights that share similar characteristics/styles. Development Phoenician like other Semitic people, wrote right to left. The Greek developed a style of writing called 'boustrophedon' , which meant that the lines of text read alternately from right to left and left to right. Fig1.1   'boustrophedon' style Fig1.2  early letterform development Hand Script from 3rd - 10th CE: Sq...
Read more

Advanced Typography - Task 1 Exercises

-
Image
24.9.2024 - 15.10.2024 / Week 1 - Week 4 Lim Pei Jiun (0372548) / Bachelor of Design (Hons) in Creative Media  Advanced Typography Task 1：Exercises TABLE OF CONTENTS 1. Lectures 2. Instruction 3. Task 1: Exercises     Exercise 1: Typographic System     Exercise 2: Findin g Type 4. Feedback 5. Reflection 6. Further Reading LECTURES Week 1: Typographic Systems There are eight major variations with an infinite number of permutations. Fig1.1 eight major variations Axial system : all elements are organised to the left or right of a single axis Fig1.2 A xial system Radial System : All elements are extended from a point of focus Fig1.3  Radial system Dilatational System : All elements expend from a central point in a circular fashion  Fig1.4  Dilatational system Random System : Elements appear to have no specific pattern or relationship Fig1.5  Random system Grid System : A system of vertical and horizontal divisions Fig1.6  Grid sys...
Read more

Video & Sound Production - Project 2

-
Image
   8/10/2024 - 3/12/2024 Week 3 - Week 11 Lim Pei Jiun / 0372548 Video & Sound Production / Bachelor of Design (Hons) in Creative Media Project 2 INSTRUCTION Project 2 Project 2A - Production Shoot For Project 2A, we need to reshoot and edit the video clip that Mr. Martin gave us. We assigned everyone their roles and prepared for the shoot. Fig 1.1  Behind the scene After shooting, we put the video clips we shoot into Google Drive to let all the members used. Fig 1.2  Final shoot and audio files I first edited the video clips into something like a movie trailer, then colour correct and colour grade the trailer. Fig 1.3  colour correction and colour grading process Youtube Link:  https://www.youtube.com/watch?v=Uj8UsuNtw4Y Fig 1.4  final production shoot Reflection: For this project, I learned a lot of new things. This is my first time to experience the complete shooting process. I learned that all the position is important and they have their own r...
Read more