Advanced Typography/ Task 3: Type Exploration & Application
Natalie Chu Jing Xuan/ 0354589
Table of Content
- Lectures (All lectures documented in Task 1)
- Instructions (MIB)
- Task 3
- Final Outcome
- Feedbacks
- Reflection
Instructions
Module Information Booklet
Task 3
In this task, we need to design a whole typeface consist of complete uppercase and lowercase with numerals and some punctuations. After that, we will need to create font presentation with the designed typeface and font application showcase on how we use the font on mockups.
Proposal Ideas
I proposed three ideas:
- Recreating Movie Title Font
- Complete Typeface from Anime Title
- Continuation of Typeface from Semester 1
The first idea is to recreate the movie title font from the 1995 movie "A Goofy Movie". The original title was fine, but since it is a comedy cartoon, I think the font could be more interesting and entertaining. So I came up with the idea to create a cute, rounded font. The second idea is to complete the font from an anime movie poster called "Flavours of Youth". The third idea is to finish the "Slender" typeface, which I designed in Semester 1. Lastly, I decided to proceed with my first idea of creating a cute and rounded typeface.
Ideas & Sketches
These are my references that I looked up on Pinterest:
|
| Fig.2.1 Reference fonts |
After that, I started to draw my sketch on Procreate using iPad.
|
| Fig.2.2 Initial sketch |
This was my initial sketch, with no grids to guide me, just freehand. Then I proceed to draw the alphabets using grids as guides.
|
| Fig.2.3 Final sketch using grids |
The sketch for uppercase was fine, but I couldn't figure out how to draw lowercase. I decided to adjust it during the digitalisation process.
|
| Fig.2.4 Sketch for numerals and punctuations |
Digitalisation
|
| Fig.3.1 First process in Illustrator |
Throughout the digitalisation process, I made a few adjustments. The first attempt was very freehanded, so it was somewhat unsteady, and the strokes were inconsistent. The second attempt was also odd. I reduced the size of the letters "M" and "W" to make them the same width as the other letters, but it appears squeezy. The last attempt was acceptable, and I proceeded to adjust the curves of each letter individually.
|
| Fig.3.2 Refinements |
|
| Fig.3.3 Process |
To make the alphabets appear more consistent in size, I placed the letters with guides that showed the cap height, x-height, and descender height. I also refine all curves and edges with Command+Y.
|
| Fig.3.4 Digitalization |
|
| Fig.3.5 Final letterforms |
These are the final uppercase, lowercase and numerals of my font.
Fontlab
Then I import my typeface into Fontlab.
 |
| Fig.4.1 Import into Fontlab |
 |
| Fig.4.2 Import into Fontlab |
Typeface
|
| Fig.5.1 Goofy typeface |
I named the typeface "Goofy" as it was influenced by the cartoon character from Mickey Mouse Clubhouse. This is a cute, rounded and playful typeface.
Link to download the font:
https://drive.google.com/drive/u/0/folders/10GtSmNN3MWEKinqiFeP2SjnKzgyrzuJ9
Font Presentation
|
| Fig.6.1 Initial designs & references |
I find the original design boring and I'm not satisfied with the colour scheme. Then I proceed to the next colour scheme:
|
| Fig.6.2 Colour scheme |
I browse through Behance for some inspirations, and I came out with these 5 final font presentations:
|
| Fig.6.x Final Font Presentations |
Font Application
My designed typeface, characterised by its cute, rounded, and playful style, therefore, I came up with an idea of applying my typeface on a donut shop that sells donuts and coffee. The name of the shop is "Doughlicious". I then find my mockups on:
a. Signboard
|
| Fig.7.1 Font application #1 process in Illustrator (left) & Photoshop (right) |
I start off with creating a donut mascot using Procreate on iPad, then made the logo in Illustrator. The shop signboard is the first point of interaction for customers. Using Goofy typeface here right away defines the brand's tone. The font's rounded and playful design communicates a sense of fun and approachability, making it appealing to customers of all ages.
b. Donut Box
|
|
Fig.7.2 Font application #2 process in Illustrator (left) &
Photoshop (right) |
A doughnut shop requires boxes for doughnuts, so the doughnut box is the second item in my font application. Using your typeface on the donut box improves the visual appeal and overall unboxing experience. The playful design of the font matches the joy and indulgence associated with eating donuts.
c. Loyalty cards
|
| Fig.7.3 Font application #3 process in Illustrator (left) & Photoshop (right) |
Next is a Doughlicious loyalty card. Each purchase earns one stamp, and on the 8th visit, the customer gets a free donut. The playful design of the font makes the card enjoyable to use and visually appealing, adding to the excitement of collecting stamps and earning rewards.
d. Coffee cup
|
| Fig.7.4 Font application #4 in Illustrator (left) & Photoshop (right) |
Doughlicious not only sells donuts, but coffee too! Therefore, creating a coffee cup is also one of the essential parts. Besides that, it's especially effective at leaving a lasting impression because customers frequently take their coffee cups with them, effectively turning them into walking advertisements for the shop.
e. Promotion poster
|
| Fig.7.5 Font application #5 in Illustrator (left) & Photoshop (right) |
The playful font on the promotion poster attracts attention and creates a sense of excitement about the promotions available. The rounded letters are easy to read, making the message clear even at a glance. This typeface helps create a consistent look that reflects the brand's playful and friendly personality.
These are the 5 font applications:
|
| Fig.7.6 Final Font applications |
Final Outcome
 |
| Fig.8.1 Goofy font |
Link to download font:
https://drive.google.com/drive/u/0/folders/10GtSmNN3MWEKinqiFeP2SjnKzgyrzuJ9
|
| Fig.8.2 Font Presentation #1, jpg |
|
| Fig.8.3 Font Presentation #2, jpg |
|
| Fig.8.4 Font Presentation #3, jpg |
|
| Fig.8.5 Font Presentation #4, jpg |
|
| Fig.8.6 Font Presentation #5, jpg |
Fig.8.7 Font Presentations, pdf
|
| Fig.8.8 Font Application #1, Signboard, jpg |
|
| Fig.8.9 Font Application #2, Donut Box, jpg |
|
| Fig.8.10 Font Application #3, Loyalty Card, jpg |
|
| Fig.8.11 Font Application #4, Coffee Cup, jpg |
|
| Fig.8.12 Font Application #5, Poster, jpg |
Fig.8.13 Font Applications, pdf
Feedbacks
Week 14
General feedback: -
Specific feedback: -
Week 13
Absent
Week 12
General feedback:
Stroke size must be same.
Specific feedback:
Import to fontlab and start with font presentation and application.
Week 11
General feedback: -
Specific feedback:
Looks consistent, “M” and “W” should be wider.
Week 10
General Feedback:
Consistency is important. Use grid to guide you when creating font. Stroke sizes of the fonts must achieve consistency.
Specific Feedback:
"Goofy" font is ok, achieve some sense of consistency, but some strokes are not equavalent.
Week 9
General Feedback:
Proposal must have 3 ideas with questions and answer, and have sketches.
Specific Feedback: -
Reflection
Experience
In this task, I was tasked to design a complete typeface. I created a rounded, cute typeface called "Goofy" font. This project allowed me to explore both the creative and technical aspects of typeface design. Creating the "Goofy" font required meticulous attention to detail, ensuring consistency and harmony across all characters. After finishing the typeface, I was instructed to use it in mockups to demonstrate its practical application. I chose to create mockups for a donut shop called "Doughlicious," which sells both donuts and coffee. This context allowed me to highlight the playful and friendly nature of the "Goofy" font. I made five mockups: a signboard, a donut box, a loyalty card for collecting stamps, a coffee cup, and a promotion poster. These mockups gave me a tangible way to present my work, allowing me to see how the typeface would function in a real-world context.
Observation
Throughout the process, I discovered that designing a typeface requires a high level of precision and consistency. Small inconsistencies in design elements may take away from the typeface's overall look and feel. To be effective, the "Goofy" font required a consistent appearance across all characters. I also noticed how important user experience is in typeface design. The mockups allowed me to see how the typeface would be perceived in different contexts, emphasising the importance of readability and aesthetic appeal in various applications. The "Goofy" font had to be adaptable enough to work well in both large-scale designs like posters and smaller items like loyalty cards.
Findings
The finding from this project is that typeface design is an iterative process. Initial designs frequently require multiple rounds of refinement to achieve the desired result, with feedback and testing playing critical roles. The right typeface improves communication and aesthetics while conveying mood, brand identity, and readability. The "Goofy" font project demonstrated the importance of designing a typeface that is both aesthetically pleasing and functional in a variety of applications.
.jpg)
Comments
Post a Comment