06.11.2024 - 19.12.2024 / Week 8 - Week 13 GAN YI KIAN / 0374572
Advanced Typography / Bachelor of Design (Hons) in Creative Media
Task 3 / Type Exploration & Application
LECTURES
Task 3 - Type Exploration & Application
We need to prepare the final Task 3 presentation (Google Slide / PP) explain ours intention, show examples, make an attempt (at a designing the font for idea)
Design Font
Finally, I decided to design a pixel-style font. The interesting thing is that Mr Vinod also designed a font in the same style in 2004. I think the difficulty is that there are already many similar fonts designed. How can I design a pixel-style font that is different from others?
And today Mr Vinod asked us a question: why do we design fonts? What is the motivation behind it?
First I designed the capital letters. Mr Vinod suggested that we use a grid to build the font to ensure consistent sizes and reduce the workload later. The left part is the one I added color to make it easier for me to distinguish
I didn't sketch it out, because I filled in the colors directly on the computer on a 5x5 grid, and then expanded it once I had the shape I wanted.
 |
Fig 1.1 First look (12/12/2024)
|
This is the idea I came up with from the wordmark design of my previous assignment, making the font easier to read.
 |
Fig 1.2 Process (12/12/2024)
|
In class I designed the lowercase letters and then placed them next to the uppercase letters to make sure they had the same characteristics.
 |
Fig 1.3 First Idea (12/12/2024)
|
|
Then design commonly used punctuation marks and numbers.
 |
Fig 1.4 Number (12/12/2024)
|
 |
Fig 1.5 Punctuation (12/12/2024)
|
The next step is to put them all on the same page to see how it looks.
First Sketch
 |
Fig 1.6 Finalized letterforms (12/12/2024)
|
|
 |
Fig 1.7 Finalized letterforms (12/12/2024)
|
 |
| Fig 1.8 Finalized Punctuation and number (12/12/2024) |
After finishing the design, I first named my font. I uploaded the photo to ChatGPT and asked him for suggestions. He called it GeoCircuit for me, aiming to highlight the geometric and electronic styles. This name was good, so I named my font GeoCircuit.
This was the most painful process, which was to adjust the side bearings of each letter. Not only the upper and lower letters but also the punctuation and numbers needed to be adjusted. It was very long. I was always dissatisfied with it. After three or four days, I finally adjusted it.
 |
Fig 1.9 FontForge (12/12/2024)
|
In the future, I will continue to update the punctuation part that I have not yet completed.
 |
Fig 1.10 Uppercase Letter Side Bearing (15/12/2024)
|
 |
Fig 1.11 Lowercase Letter Side Bearing (15/12/2024)
|
 |
Fig 1.12 Punctuation Side Bearing (15/12/2024)
|
The reason why I created this second version is because I felt that their sidebearing was not perfect in the first version, so I readjusted their distance to make it look more pleasing to the eye.
I adjusted the sidebeaering according to Mr Vinod's instructions.In the end, of course I chose the second version of the font.But I still listed the combination of the first and second fonts to compare and see how big the difference is between the two.
 |
Fig 1.13 SideBearing (16/12/2024)
|
Font Presentation For First Version
 |
Fig 2.1 Font Presentation 1 (15/12/2024)
|
|
 |
| Fig 2.2 Font Presentation 2 (15/12/2024) |
 |
Fig 2.3 Font Presentation 3 (15/12/2024)
|
 |
Fig 2.4 Font Presentation 4 (15/12/2024)
|
 |
Fig 2.5 Font Presentation 5 (15/12/2024)
|
Today in class, Mr Vinod looked at my work and said that I could create another one font presentation in No.5 because he thought it was very good.So there will be this sixth font presentation
 |
Fig 3.6 Font Presentation 2nd 6 (18/12/2024)
|
|
|
 |
Fig 3.7 Font Presentation Overview (18/12/2024)
|
|
|
Font Application
 |
Fig 4.1 Album (15/12/2024)
|
 |
Fig 4.2 Game Cover (15/12/2024)
|
 |
Fig 4.3 Phone case (15/12/2024)
|
 |
Fig 4.4 Poster (15/12/2024)
|
 |
Fig 4.5 T-shirt (15/12/2024)
|
 |
Fig 4.6 Font Application Overview (15/12/2024)
|
Final Outcome Font Presentation and Font Application
GeoCircuit download link: here
Fig 5.1 Word PDF (18/12/2024)
|
Fig 5.2 FontForge screen grab 1 (18/12/2024)
|
|
Fig 5.3 FontForge screen grab 2 (18/12/2024)
|
|
| Fig 5.4 FontForge screen grab 3 (18/12/2024) |
Fig 5.17 Font Application (15/12/2024)
FEEDBACK
Week 9
General Feedback: The deadline for Task 2 is next Wednesday. We need to complete at least all the uppercase fonts by next week.
Week 10
General Feedback: Continue to complete the lowercase letter design.
Week 11
General Feedback: Complete all letterforms uppercase, lowercase, and numerals, Plan our font applications.
Week 12
General Feedback: Complete Task 3 by next week.
Week 13
General Feedback: Complete Final Compilation & Reflection.
REFLECTION
Designing "Geociruit" was fun and challenging. Starting with a 5x5 grid, I created the uppercase letters easily, but I started to run into problems with lowercase letters and symbols, such as the lowercase s and e, which needed to be done in three lines, requiring more precision and adjustments. It taught me the importance of details and consistency. My biggest concern during the process was the readability of the font, but fortunately it turned out well.
Observations
The grid helped maintain consistency but limited creativity on certain letters like the “A” and “K.” Feedback showed me how small changes in spacing could greatly improve readability and balance.And I noticed that Geociruit's consistency is not that obvious. I don't know if I am worrying too much.
Findings
The final font looks clean and versatile. I learned the value of spacing and alignment, and I'm excited to apply these lessons to future designs. I felt so accomplished when I finished Geociruit that I created my own font.
 |
Fig 6.1 Typography Referenced (15/12/2024)
|
 |
Fig 6.2 Typography Referenced pg7 (15/12/2024)
|
It mainly discusses the origin, growth, and significance of font design/ typesetting and pay more attention to the change of font art from traditional print to digital form. Thus, by showing different exclusive fonts and suggesting reading the book “Typography Referenced” it express the crucial message about font design as a culture and art and to introduce to people the richness and impact of typography art, thus attracting reader’s attention and making them grasp the importance of the topic.
 |
Fig 6.3 Typography Referenced pg20 (15/12/2024)
|
|
In this page, five classical fonts (Kabel, Gill Sans, Futura, Bembo and Frutiger)are illustrated;The design styles and their historical background are also briefly highlighted; more specifically, this page is devoted to the Fonts developed in the 1920s and how that includes the geometrical sans serif and the traditional serif fonts. Also, there are mentioned two great font designers Ed Benguiat and Adrian Frutiger to underline their role in modern font design.
 |
Fig 6.4 Typography Referenced pg39 (15/12/2024)
|
|
This article presents the general process of type designing, claiming that consistency must be equal to the originality of shapes in the set once a complete alphabet is designed. For faster selection of the font style and its characteristics, designers use a limited set of letters containing elements such as adhesion. The article also demonstrates cases of font progression and establishment of how and this sticks and details are sneakily fine-tuned to develop a font that is both trendy and legible.
 |
Fig 6.5 Typography Referenced pg48 (15/12/2024)
|
|
Continuing off this topic, designers need to learn how to extend the typographic systems to display additional non-Latin scripts, and at the same time, ensure that the design remains synchronized. The given article also presents real examples and demonstrates how Latin and Greek fonts can intersect in the same piece – thus explaining necessity of focusing on proportional and parameters of script when designing, as well as the overall style should not look contrived or forced.
Comments
Post a Comment