Advanced Typography / Task 3: Type Exploration & Application
31.5.2023 - 7.7.2023 (Week 9 - Week 14)
Sheryl Pang Pui San / 0349746
Advanced
Typography / Bachelor of Design (HONS) in Creative Media
Task 3: Type
Exploration & Application
LECTURES
All lectures notes are documented on Task 1: https://sheryldesignblog.blogspot.com/2023/04/advanced-typography-task-1-exercises.html
INSTRUCTIONS
Figure 1.0 Advanced Typography Module Information
TASK 3 - TYPE EXPLORATION
Figure 1.1 Proposal (Week 9, 30/5/2023)
I choose idea 1 - designing fonts using shapes or negative space after
the feedback session.
Research
-
-
Counterform
|
| Figure 1.2 Counterform of letters |
A counter, or counterform, is the transparent (negative or white) space enclosed inside a letterform. Counters can be closed, as in “o” and “d”, or open, as in “c” and “u.”
-
Geometry Shapes
|
|
Figure 1.3 2D geometry shapes https://www.mashupmath.com/geometric-shapes |
Geometry is everywhere.
Because shapes are such a fundamental part of life, they have the power to
communicate particular messages and create beautiful designs in the form
of geometric patterns.
|
| Figure 1.4 Shape Psychology https://dreamfarmstudios.com/blog/shape-language-in-character-design/ |
Initial sketch
-
-
|
|
Figure 2.1 Initial sketch on paper (Week 10, 5/6/2023) |
|
| Figure 2.2 Another sketch on all letters on paper (Week 10, 7/6/2023) |
Initial digitalisation
-
-
|
| Figure 2.3 Screenshot of initial digitalisation from sketch #1 (Week 10, 6/6/2023) |
Visual Reference / Inspiration
-
-
I decided to look for more visual reference for inspiration. I look for
more typography design based on shapes and negative spaces.
|
| Figure 3.1 Museum of arts and design on Pentagram |
|
||
|
Figure 3.2 Typeface designed by Eddie Stuart https://fontsinuse.com/typefaces/195458/ark-es
|
Second attempt with guides
-
-
Attempt with grids at the base and guidelines.
 |
| Figure 4.1 Second attempt with baseline and grids (Week 11, 17/6/2023) |
After showing the 2nd attempt outcome to Mr.Vinod, it is said that the guidelines are too limited and should have more grids.
 |
| Figure 4.2 New basegrids (Week 12, 21/6/2023) |
 |
| Figure 4.3 Letters created following the baseline (Week 12, 21/6/2023) |
 |
| Figure 4.4 Continue creating all the letterset (Week 13, 1/7/2023) |
 |
| Figure 4.5 Full letterset finalised in Illustrator (Week 14, 5/7/2023) Letterset created after expanding the stroke and adjusting the corners of the letter in Adobe Illustrator before importing to fontforge. |
Finishing in Fontforge
-
Letters are imported as SVG and adjusting the letters in fontforge for exporting.
 |
| Figure 5.1 Importing fonts from Illustrator (Week 14, 6/7/2023) |
 |
| Figure 5.2 Adjusting the font and kerning (Week 14, 6/7/2023) |
 |
| Figure 5.3 Checking error (Week 14, 6/7/2023) |
 |
| Figure 5.4 Fixing the problem (Week 14, 6/7/2023) |
 |
| Figure 5.5 Problems fixed, font ready for exporting (Week 14, 6/7/2023) |
 |
| Figure 5.6 Font exported (Week 14, 6/7/2023) |
I named the font SquircleCirca as a combination of the word square and circle which I think represents my font that haves a round and squarish look.
 |
| Figure 5.7 Font Presentation (Week 14, 7/7/2023) For the application, I did Instagram post, poster design, bookmark and ticket design for a festival named Wave Fusion Festival that has events like music performance, art exhibitions and workshops. |
 |
| Figure 5.8 Poster Design (Week 14, 7/7/2023) |
 |
| Figure 5.9 Instagram post for the festival information (Week 14, 7/7/2023) |
 |
| Figure 5.10 Instagram post for the workshop information (Week 14, 7/7/2023) |
 |
| Figure 5.11 Instagram post for the exhibition information (Week 14, 7/7/2023) |
 |
| Figure 5.12 Merchandise Design - Bookmark and Ticket (Week 14, 7/7/2023) |
FINAL TASK 3 SUBMISSION-
TYPE EXPLORATION & APPLICATION
 |
| Figure 6.1 Final font - SquircleCirca Regular (Week 14, 7/7/2023) |
Download font: https://drive.google.com/drive/folders/1gEpI8-rNFflRCjjZOE3SJDg5Rzpx3aqD?usp=sharing
|
| Figure 6.2 Font Presentation (Week 14, 7/7/2023) |
 |
| Figure 6.3 Application of font (Week 14, 7/7/2023) |
FEEDBACK
WEEK 12
-
Specific Feedback
The base is too limited, build base shape first (start from H and O) then make sure the width is the same.
WEEK 11
-
Specific Feedback
Use baseline grids to create the font to have a consistency
WEEK 10
-
General Feedback
Research & analyse! test out , do not work a day before
-
You could try using simple shapes to create the fonts, and do the same for the capital letters.
WEEK 10
-
Specific Feedback
1st idea can refer to the counterspace design.
2nd idea might not work out, focus on the consistency if working on
the 3rd idea, the existing type on 4th idea is perfect aldy, cant really get better than that.
REFLECTION
Experience
-
I still fine making my own original font very difficult, I spent a lot time doing it but it is still not perfect. Creating a font from scratch inevitably presents technical challenges, I think I spent too much time on the first two weeks contructing the font without using the base grids that is why it leads to no consistency and does not follow the size of the letter, causing me need to redo all of it. I have other minor problems like difficult in downloading the Fontforge app but I manage to get it opened in the end.
Observations
-
-
I find that using guidelines and grids is very helpful in constructing the font in doing this task. The baseline and grids helped me to form my letters.
Findings
-
-
I found every work needs to spend a lot of time whether in researching, finding reference, doing the task, refining it. Spending time into a project makes the project progress, but if more research and thinking is put into it, the work can be done more efficiently.
FURTHER READING
 |
| Figure 7.1 Geometric https://fonts.google.com/knowledge/glossary/geometric |
Geometric typefaces, categorized as a genre and often seen as historical classifications, are characterized by their construction based on circles, triangles, and straight lines, forming the core shapes of their letterforms.
While they may appear purely geometric, it is essential to note that even typical Geometric typefaces require optical corrections for perceived perfection.
These corrections include elements like overshoots, ovals instead of perfect circles, and variations in thickness between horizontals and verticals.
Geometric typefaces gained popularity in the early 20th century and experienced a resurgence in the 1970s and 1980s, but they are not limited to those specific historical periods.
Comments
Post a Comment