TYPOGRAPHY / TASK 3: TYPE DESIGN & COMMUNICATION
╎Week 09 - Week 13
╎Gwendalyn Firly Bong / 0374580
╎Bachelor of Design (Honours) in Creative Media
╎Task 3 - Typographic Exploration and Communication
TABLE OF CONTENTS
I. Lectures
II. Instructions
III. Process Work
IV. Feedback
V. Reflection
VI. Further Reading
I. LECTURES
Refer to TYPOGRAPHY - TASK 1: EXERCISES
II. INSTRUCTIONS
III. PROCESS WORK
Research
While searching through Pinterest, I was drawn to the more experimental fonts.
I then started sketching my font using different brushes to achieve different
styles.
![]() |
Figure 2: Digitalized Font Ideas |
I made 2 brush, 3 flat, and 6 pen sketches. Using these different brushes, I made sure to integrate their unique properties to give a more interesting variety of fonts.
- For the brush pen, I made sure to integrate its more flowy and elegant form.
- I went for more experimental fonts using the ball pen. I tried to experiment with different shapes like waves, squares, ovals, and circles.
- Using the flat nib pen, I was able to make a combination of straight lines to create sleek-looking fonts. I was also able to experiment more with both the flat part of the pen and the point.
Mr Max gave me 3 options I could choose from, and I settled on the font highlighted in pink.
To start with the digitization, I created these 4 shapes. These shapes would be reused to make sure all the letters would look similar.
I also made sure to set guidelines to act as the baseline and the cap height since I planned to make capital letters.
![]() |
Figure 5: Guidelines |
![]() | |
|
After finishing the first draft, I had a few struggles creating a few of the letters I especially struggled in doing the letter "G". After creating 3 drafts, Mr Max decided that the third one would be the most readable.
![]() | |
|
I encountered the most trouble trying to create the punctuation. Following the tutorial Mr Vinod provided, I started with the full stop. However, the size still looked quite off as compared to the other letters. After consulting with Mr Max, he said it was okay for me to decrease the size a bit more. Using the same shapes from earlier, I was also able to complete the hashtag and the exclamation mark with no problems.
![]() | |
|
![]() | |
|
After finalizing both the alphabet and the punctuation, I transferred them to Fontlab7 and adjusted the metrics.
Final Work
Download the font here: https://drive.google.com/drive/folders/1nJTCokSAHcGSDP-KOiUg7VPb3MB039AR?usp=drive_link
![]() |
Figure 8.1: FontLab Screengrab |
Figure 8.2: Final Font JPG
Figure 8.3: Final Font PDF
![]() |
Figure 8.4: Final Poster JPG |
Figure 8.5: Final Poster PDF
IV. FEEDBACK
Week 9
General Feedback: Briefing on Task 3 and sketched out ideas for fonts
Week 10
General Feedback: Finalized sketches and the final design were chosen
Specific Feedback: Mr Max approved 3 sketches (refer to above) and gave me the freedom to pick which to digitize
Week 11
General Feedback: Started digitizing using Adobe Illustrator
Week 12
General Feedback: Finalized font
Specific Feedback: Mr Max helped me pick and adjust some parts of the font I was struggling with (G, (,) and #)
Week 13
General Feedback: Finalized font in Fontlab7
V. REFLECTION
Experience
This task was really enjoyable for me. However, It tested my eye for detail as it was crucial that each letter and punctuation had to be really precise in terms of spacing and size.
Observations
By using different brush styles, I was able to create more unique fonts. I made sure to utilize their unique characteristics:
- For the brush pen, I made sure to integrate its more flowy and elegant form.
- I went for more experimental fonts using the ball pen. I tried to experiment with different shapes like waves, squares, ovals, and circles.
- Using the flat nib pen, I was able to make a combination of straight lines to create sleek-looking fonts. I was also able to experiment more with both the flat part of the pen and the point.
Findings
I was able to learn about the details of how to create fonts, which opened my eyes to the intricacy and detail needed to create a set. I have a newfound appreciation for different fonts.
VI. FURTHER READING
Typographical Hierarchy
- Expresses an organizational system for content
- Emphasizes some data and diminishes others
- It helps the reader scan a text and know where to look
- Each level of the hierarchy should be shown using one or more "cues"
- Cues can be spatial (indent, line spacing, placement) or graphic (size, style, color)
Comments
Post a Comment