Typography Task 3: Type Design and Communication
17.10.2022 - 13.11.2022 (Week 8 - Week 10)
Edwin Choo Quan Rong 0348305
Typography
/ Bachelor Of Design (Hons) In Creative Media
Task 3: Type Design
and Communication
INSTRUCTIONS
Font Research/Inspirations
Fig 1.0 - Moodboard (24/10/2022)
Sketches
Fig 1.1 & 1.2 - Font Sketches (24/10/2022)
Deconstructing
Fig 1.3 - k deconstruct (27/10/2022)
Fig 1.4 - g deconstruct (27/10/2022)
Fig 1.5 - r deconstruct (27/10/2022)
Fig 1.6 - Guideline creation (27/10/2022)
Fig 1.7 - Using pathfinder (27/10/2022)
Font creation
Fig 1.8 - First font edit (29/10/2022)
Fig 1.9 - Progression (31/10/2022)
Fig 2.0 - Building blocks and values (31/10/2022)
Fig 1.8 - First font edit (29/10/2022)
Fig 1.9 - Progression (31/10/2022)
Fig 2.0 - Building blocks and values (31/10/2022)
For my font, the cap height and ascender height is the same
Cap height & ascender: 709.2835 pt
x-height: 499.7025 pt
baseline: 0 pt
descender: -189.8616 pt
Curves are 16pt with 6pt for smaller corners
Cap height & ascender: 709.2835 pt
x-height: 499.7025 pt
baseline: 0 pt
descender: -189.8616 pt
Curves are 16pt with 6pt for smaller corners
Fig 2.1 - Inputting vector fonts (5/11/2022)
Fig 2.2 - Testing font with text (5/11/2022)
Fig 2.3 - Kerning numbers (5/11/2022)
Fig 2.4 - Font Poster (progress) (5/11/2022)
Details:
"make type great again!"
text size: 160 pt
point size: 180 pt
"qrcedwin by Edwin Choo Quan Rong, 2022"
"make type great again!"
text size: 160 pt
point size: 180 pt
"qrcedwin by Edwin Choo Quan Rong, 2022"
text size: 10pt
point size: 12pt
font: Arial
Feedback on typeface design
Fig 2.5 - Feedback (7/11/2022)
Feedback on aspects to update on, more description under FEEDBACK Week 11: Specific Feedback
Fig 2.6 - Updated font design (13/11/2022)
Fonts made overall thicker with extra adjustments made according to Week 11 feedback
Fig 2.7 - Building blocks and values (13/11/2022)
Cap height & ascender: 709.6018 pt
x-height: 499.7025 pt
baseline: 0 pt
descender: -189.8616 pt
Curves are 30 pt with 10 pt for smaller corners
Fig 2.8 - Inputting updated font into FontLab (13/11/2022)
Fig 2.9 - Testing updated font with text (13/11/2022)
Fig 3.0 - Updated kerning values (13/11/2022)
Couldn't export in 300 dpi as file is too big for blogger
Fig 3.2 - Typeface Design PDF FINAL (13/11/2022)
Fig 3.1 - Font poster JPEG FINAL (13/11/2022)
FEEDBACK
Week 11 Specific Feedback: Have thicker strokes. "t" can have shorter horizontal handle, bottom glyph to be faced opposite. Remove glyph on third hand of "m". "k" width can be wider. Tail of "y" can be cut short without protruding glyph. Glyph on top right can be removed from the letter "a". Exclamation mark's bottom half can be shortened. Lower horizontal line of "#" can be raised. Comma and periods to be made bigger. General Feedback: Make sure letter "r" has suitable counterspace so it wouldn't appear awkward and cause problems when paired with other characters. Exclamation mark ends on the baseline. Height of hashtag reaches the cap height. Keep core elements consistent. Both horizontal lines of hashtag does not have the same alignment. Week 10 Specific Feedback: Touchup on letters "t" and "k", make sure stroke size is consistent and all words follow core design elements General Feedback: Evaluate own typeface with good display typefaces to improve. Simplicity is key, use minor details/ distortions
REFLECTIONS
Experience
Creating fonts takes time. I spent the longest in Illustrator designing and redesigning fonts, making sure it all stay consistent, using equal building blocks for consistency, applying the same curves from same values. I learn about where each letter lies on the baseline and whether they peak at the x-height or certain ones at the ascender level and adjust the typeface design accordingly.
Observations
Task 3 introduces us into font design, what goes into a font, the slight curves, big strokes or consistent core features that make a font unique. Making a font is not an easy task even though it may seem simple from the outside. There are a lot of minor edits that can be made to make a font stand out from the rest.
Findings
I looked back on pass videos I recently watched as they used interesting typefaces and compiled them into my moodboard. It also includes references from Pinterest containing a variety of unique font designs that at first seem simple, but there is an abundance of work and effort put into it to create that typeface.
FURTHER READING
Fig 3.3 - The Vignelli Canon by Massimo Vignelli (2010)
Fig 3.4 - The Vignelli Canon, Page 76
Texture can be applied and expressed via light. An empty glass and a glass expressing its colors shone by light has two different visual tones. Light on objects can vary depending on its state. For example, polish vs engraved, shiny vs dull. The choice of materials is essential in bringing out the feeling the designer wishes to invoke.
Fig 3.5 - The Vignelli Canon, Page 78
Color can express a specific tone, a message, or it could invoke certain feelings like danger or comfort. In typefaces, choosing correct color combinations is important to give the desired result. Although typefaces do not use a variety colors too often to express the message in the clearest way.
Fig 3.6 - The Vignelli Canon, Page 80
Layouts are important as they convey the interpretation of the designer. Layouts include text, images and captions and the job of the designer is to express these elements to match their desired outcome. Grids are a useful tool to help with layouts, when defining the grid, the usage of visual material for the layout should be taken into consideration. Grids help mostly with the consistency of the layout while the elements of the layout will provide its excitement. Additionally, white space is just as important as it allows breathing room for the design.
point size: 12pt
font: Arial
Feedback on typeface design
Fig 2.5 - Feedback (7/11/2022)
Feedback on aspects to update on, more description under FEEDBACK Week 11: Specific Feedback
Updating font
Fig 2.6 - Updated font design (13/11/2022)
Fonts made overall thicker with extra adjustments made according to Week 11 feedback
Fig 2.7 - Building blocks and values (13/11/2022)
Cap height & ascender: 709.6018 pt
x-height: 499.7025 pt
baseline: 0 pt
descender: -189.8616 pt
Curves are 30 pt with 10 pt for smaller corners
Updating on FontLab
Fig 2.8 - Inputting updated font into FontLab (13/11/2022)
Fig 2.9 - Testing updated font with text (13/11/2022)
Fig 3.0 - Updated kerning values (13/11/2022)
Final Work
Fig 3.1 - Typeface Design JPEG FINAL (13/11/2022)
Couldn't export in 300 dpi as file is too big for blogger
Fig 3.2 - Typeface Design PDF FINAL (13/11/2022)
Fig 3.1 - Font poster JPEG FINAL (13/11/2022)
Fig 3.2 - Font poster PDF FINAL (13/11/2022)
Details:
"make type great again!"
text size: 130 pt
point size: 150 pt
"qrcedwin by Edwin Choo Quan Rong, 2022"
"make type great again!"
text size: 130 pt
point size: 150 pt
"qrcedwin by Edwin Choo Quan Rong, 2022"
text size: 10pt
point size: 12pt
font: Arial
Link to download font:
https://drive.google.com/file/d/12Y54D5HAsfPueXEld2Rnm5MQDLMKLaZT/view?usp=sharing
point size: 12pt
font: Arial
Link to download font:
https://drive.google.com/file/d/12Y54D5HAsfPueXEld2Rnm5MQDLMKLaZT/view?usp=sharing
FEEDBACK
Week 11 Specific Feedback: Have thicker strokes. "t" can have shorter horizontal handle, bottom glyph to be faced opposite. Remove glyph on third hand of "m". "k" width can be wider. Tail of "y" can be cut short without protruding glyph. Glyph on top right can be removed from the letter "a". Exclamation mark's bottom half can be shortened. Lower horizontal line of "#" can be raised. Comma and periods to be made bigger. General Feedback: Make sure letter "r" has suitable counterspace so it wouldn't appear awkward and cause problems when paired with other characters. Exclamation mark ends on the baseline. Height of hashtag reaches the cap height. Keep core elements consistent. Both horizontal lines of hashtag does not have the same alignment. Week 10 Specific Feedback: Touchup on letters "t" and "k", make sure stroke size is consistent and all words follow core design elements General Feedback: Evaluate own typeface with good display typefaces to improve. Simplicity is key, use minor details/ distortions
REFLECTIONS
Experience
Creating fonts takes time. I spent the longest in Illustrator designing and redesigning fonts, making sure it all stay consistent, using equal building blocks for consistency, applying the same curves from same values. I learn about where each letter lies on the baseline and whether they peak at the x-height or certain ones at the ascender level and adjust the typeface design accordingly.
Observations
Task 3 introduces us into font design, what goes into a font, the slight curves, big strokes or consistent core features that make a font unique. Making a font is not an easy task even though it may seem simple from the outside. There are a lot of minor edits that can be made to make a font stand out from the rest.
Findings
I looked back on pass videos I recently watched as they used interesting typefaces and compiled them into my moodboard. It also includes references from Pinterest containing a variety of unique font designs that at first seem simple, but there is an abundance of work and effort put into it to create that typeface.
FURTHER READING
Fig 3.3 - The Vignelli Canon by Massimo Vignelli (2010)
Fig 3.4 - The Vignelli Canon, Page 76
Texture can be applied and expressed via light. An empty glass and a glass expressing its colors shone by light has two different visual tones. Light on objects can vary depending on its state. For example, polish vs engraved, shiny vs dull. The choice of materials is essential in bringing out the feeling the designer wishes to invoke.
Fig 3.5 - The Vignelli Canon, Page 78
Color can express a specific tone, a message, or it could invoke certain feelings like danger or comfort. In typefaces, choosing correct color combinations is important to give the desired result. Although typefaces do not use a variety colors too often to express the message in the clearest way.
Fig 3.6 - The Vignelli Canon, Page 80
Layouts are important as they convey the interpretation of the designer. Layouts include text, images and captions and the job of the designer is to express these elements to match their desired outcome. Grids are a useful tool to help with layouts, when defining the grid, the usage of visual material for the layout should be taken into consideration. Grids help mostly with the consistency of the layout while the elements of the layout will provide its excitement. Additionally, white space is just as important as it allows breathing room for the design.
Comments
Post a Comment