Typography Task 3A -Type Design and Communication
Week 8 - Week 9
Tan Pei Yun / 0345386
Typography /Bachelor of Design in Creative Media
Task 3A Type Design and Communication
LECTURES
WEEK 8 - 18/05/2022
 |
Fig 1.0 ScreenGrab - Typeface Construction in Shapes Demo Video, Week 8 (18/05/2022) |
|
|
Fig 1.1 Guide Lines ,Week 8 (18/05/2022)
From the video , theres few things that have to take note about
which are the guide line and also the illustrator settings. Deconstruct into details and looking for the nuances. Study the font carefully by analysing it.
Adobe Illustrator settings
Art-board size in 1000 x 1000 points and in CMYK.
|
INSTRUCTIONS
TASK 3A - Type Design & Communication
Design a limited number of western alphabets.
To begin, choose an existing font design that adheres to the
direction that would like to head in. Study the font carefully
by analysing its anatomical parts. Start with rough sketches and upon approval begin
digitization of the drawings—software for digitization
shall be determined in class.
Create a typeface that has the hallmarks of a good typeface; subtlety, character, presence, legibility and readability. And here are the letters we will design: aetkgriympn!#,.
1. RESEARCH ON TYPE DESIGN
|
| Fig 2.0 About Gill Sans ,Week 8 (18/05/2022) |
|
| Fig 2.1 Typography Basics in Gill Sans, Week 8 (18/05/2022) |
From my previous sketches, I find about Gill Sans are the most
similar typeface among the 10 typefaces. So in here I decided to
did some research about it. Gill Sans is a humanist sans serif
typeface created by the English sculptor, sign painter, type
designer and wannabe social reformer Eric Gill. It is one of the
dominant typefaces in British typeface design history, hence,
known as the Helvetic of England. And it has been a popular
typeface choice for decades.
Besides, Gill Sans has a multiple set of weight variation up to
36 styles when it was first released as a metal type, and they
aren’t mechanically produced from one single weight design
therefore each weight in the family retains a distinct character
of its own.
|
| Fig 2.2 Gill Sans Characteristics,Week 8 (18/05/2022) |
Based on the observation the characteristics of Gill Sans
- It has an efficient and a clean-cut looked.
- The uppercase "Q" has a long decorative tail in the style of classic roman letters and the tip of the tail looks like it was written with a nib pen.
- The diagonal strokes of the letter "k" meet at the vertical
- The Gills Sans typeface uses a double storey at the lowercase "g" which looked unique and recognisable at the same time.
- Flattening of the bowls and subsequent loss of terminal stroke details in lowercase "d" "p" and "q"
- The cross stroke of the lowercase "t" forms a triangle on the left hand side
2.DECONSTRUCTION
 |
| Fig x Gill Sand Letters G |
The Gill Sans alphabet is classical in proportion. It is
classified as a "humanist" sans serif, making it very legible and
readable in text and display work. This makes it better suited
than most sans serif typefaces to setting bodies text.
Gill Sans is also essentially the only sans serif typeface
without modular use of strokes. The "g"
have thinner strokes at the openings of the small eyes. These
exceptions to an otherwise consistent stroke thickness are one of
the trademark characteristics of the Gill Sans typeface.The Gill Sans typeface uses a double storey lowercase "g". This
has a distinctive eyeglass shape, which is easily
recognisable.
3. SKETCHES
|
|
Fig 3.0 Rough Sketches Progress #1 Week 8 (18/05/2022) |
|
|
Fig 3.1 Rough Sketches Progress #2 Week 8 (18/05/2022) |
|
|
Fig 3.2 Type Design Ideas - Sketch Week 8 (18/05/2022) |
During the feedback session, Mr Vinod asked about will I be doing for
digization, Personally I like most of it as they are all look
different and challenging to try them out. Most of it the look more
into decorative type of fonts which I really liked about. Mr Vinod
suggest that sketches #1 and #2 looked interesting and could worked
for digitization too.
CHOSEN FONT (SKETCHES)
|
|
Fig 3.3 Progress In Chosen Idea #1 Week 8 (18/05/2022) |
|
|
Fig 3.4 Final Chosen Font Design Sketch Week 8 (18/05/2022) |
|
|
Fig 3.5 Final Chosen Font Design Sketch Week 8 (18/05/2022) |
In the final, I chose idea #1 and sketched the fews more uppercase letterforms I left behind. I love the way it looks minimal yet somewhat unique, especially the capital letters of the "M" and "N" which somehow give the font a characteristics. They are mostly combined into simple rectangular shapes and straight lines.
Starting by with the task, I followed the demonstration video by Mr Vinod, where I followed the guides in doing the ascender heights , capital heights , median , baseline and descender line with the letters "Tyd".
4. DIGITIZE
|
| Fig 4.0 Guides ,Week 9 (25/05/2022) |
Starting by with the task, I followed the demonstration video by Mr Vinod, where I followed the guides in doing the ascender heights , capital heights , median , baseline and descender line with the letters "Tyd".
|
|
Fig 4.1 Digitisation Progress in Illustrator Week 9 (25/05/2022) |
|
|
Fig 4.2 Few Different Attempts & Improvements Week 9 (25/05/2022) |
|
|
Fig 4.3 Details shown about the corners Week 9 (25/05/2022) |
As shown above, I was trying out different corner types for the font, which gave off a variety of feelings, and my favorite would be the #4, it gave off an overall consistent feeling yet not too strong.
|
|
Fig 4.4 Mistakes About The Fonts Week 10 (01/06/2022) |
|
|
Fig 4.5 Before & After Fixing the Fonts Week 10 (01/06/2022) |
Mr Vinod mentioned a few errors regarding the fonts while having a feedback session during week 10 class. The mistakes were regarding the bottom part of the uppercase letter "K" "R" "Y" should be straight and flat. Here I've shown the difference after I fixed and adjusted the issues.
 |
| Fig 4.6 Font in Preview and Outline #1 Week 10 (01/06/2022) |
|
|
Fig 4.7 Font in Preview and Outline #2 Week 10 (01/06/2022) |
|
Here, I take note with the measurements before moving to the next step in developing into Fontlab7.
Measurements
Ascender line : 733pt
Cap line :694pt
Median line :500pt
Baseline:0pt
Descender line :-226pt
DEVELOPING IN FONT LAB 7
 |
| Fig 5.0 Copy And Paste the letters to Font Lab Week 10 (01/06/2022) |
 |
| Fig 5.1 Letters Kerning and Tracking , Week 10 (01/06/2022) |
Followed with the demonstration video steps, I filled the font information and measurements to the "font info" before I copy and pasting all the letters from illustrator into FontLab7. Followed by setting the kerning and tracking in the metrics tab.
 |
| Fig 5.2 Trying out in words,Week 10 (01/06/2022) |
Before export it, I try to type out the letters and form into few words like to double check it with the kerning , tracking and spacing within the words.
 |
| Fig 5.3 Foremost - Type display poster Week 10 (01/06/2022) |
 |
| Fig 5.4 Sample word "Marry Me !" Week 10 (01/06/2022) |
 |
| Fig 5.5 Sample word "Pain And Gain" Week 10 (01/06/2022) |
Below shown the simple poster I made to showcase the final font design. "First and foremost" was the first thing that came to mind when I created my font. The word "first" means a lot to me especially came to this design a type design task while the definition of foremost is something that most important and so I decided to called it as Foremost.
FINAL OUTCOME - TASK 3A TYPE DESIGN & COMMUNICATION
Font Download : Foremost/Font/drive.google.com/file/
 |
| Fig 6.0 Final Task 3A - Typo Poster in A4 in JPEG Week 10 (01/06/2020) |
|
|
Fig 6.1 Final Task 3A - Type Design and Communication "Foremost" in JPEG Week 10 (01/06/2020) |
Fig 6.2 Final Task 3A - Type Design and Communication "Foremost" in PDF
Week 10 (01/06/2020)
Week 10 (01/06/2020)
Fig 6.3 Final Task 3A - Typo Poster in A4 in PDF
Week 10 (01/06/2020)
Week 10 (01/06/2020)
FEEDBACKS
Week 9 (25/05/2022)
Specific feedback
Specific feedback
The font can be observe about thickness of the line
Identify the preference and ask why ,make sure the font when it comes to progress is consistence
Interesting and explore with the different weights
Consider the readability while thinking the font
(sketches)
General feedback
The idea font look kinda like decorative font and it turns out pretty consistent and can be consider do the full version typeface after the semester had done.
REFLECTIONS
Experience
Thanks to this task , I couldn't imagine that I making my own font one day. I find it
myself enjoy this task , the overall progress was not in stressful but enjoyable. Getting used to it with the modules, enjoy every progress from the start to the end. Accept the mistake and keep improve to a better idea
Observation
Observe about when making a typeface there's quite amount of things have to be concern. For example, the consistency, balance, legibility and text readability. Also, instead of thinking of legibility and readability as separate categories, it is to have to consider them parts of the same general idea of usability and every curve, every serif, and every contrast can have a powerful impact. Everything seems to be important
Findings
Truly respect every typographer and every typeface that exists. Find out that typography is just like an art of arranging the letters and text in a way that makes the copy legible, clear, and visually appealing to the reader.
FURTHER READING
Designing Fonts : An Introduction to Professional Type Design
 |
| Fig 7.0 Designing Fonts by Thames and Hudson Week 10 (01/06/2020) |
 |
| Fig 7.1 Angle and corner in making typeface Week 10 (01/06/2020) |
Ulrike Rausch and Chris Campe's book guides designers and letterers of all levels through the process of creating a typefaceDesigning Fonts teaches the basics of type design from sketched letters to finished font, offering an uncomplicated but thorough introduction to type design. With easy-to-follow instructions, many examples and professional tips, readers will learn how to design unique typefaces tailor-made for their own projectsThis book has two parts.
Part 1 explains the theoretical, creative and technical basics of type design and font production. Six chapters then cover everything from alphabet to font, showing readers how to find and develop typeface ideas, design matching letters, produce fonts and expand them with special functions. Part 2 comprises eight workshops that explore how to design and implement different kinds of typefaces, from decorative interlocking display fonts with alternative letters to well-developed headline fonts with multiple cuts and OpenType features.
Typography Tips for Designers: How to Make Font Speak
 |
| Fig 7.2 Screen Grab from article Week 10 (01/06/2020) |
Typography is not just about aesthetics but also about the readability of the text. For typography to be flawless, it needs to serve both these purposes. Let’s face it: typography can make or break your design. It is like a magic trick in the wand of a magician. The magician knows all the nuts and bolts involved in the trick, but the viewer just experiences fascination and enchantment.
Let the Text Breathe - Design elements need some air to breathe. So, you need to separate large blocks of texts with empty spaces. The legibility level of the text highly depends on how much space there is between letters, words, and text lines. You may adjust the white space between the typographic elements using tracking, kerning and leading.
Comments
Post a Comment