Task 3: Type Exploration and Application
10/6/2023 - 8/7/2023 / Week 8 - Week 12
Tee Jia Ern / 0348512
Advanced Typo / Bachelor of Design in Creative Media
Task 3
INSTRUCTIONS
Task 3: Type Exploration and Application
Inspiration
I know I wanted a sans serif font to ease the workflow. Serif fonts have serifs and since I am creating letterforms for uppercase, lowercase, numerals and punctuations, sans serif font would be more convenient. I decided to go with a futuristic style.
Fig 1.1: Netron Inspiration, Week 8 (10/6/2023)
Fig 1.2: Dune Inspiration, Week 8 (10/6/2023)
Before I start to create the typeface, I followed the tutorial on typeface construction. Set guidelines for the ascender height of d, cap height of T, x height of y, baseline of T and descender line of y.
Fig 1.3: Ascender, Descender and X-Height, Week 8 (10/6/2023)
Fig 1.4: Uppercase Draft, Week 9 (17/6/2023)
Fig 1.5: Lowercase Draft, Week 9 (17/6/2023)
Fig 1.6: Numerals Draft, Week 9 (17/6/2023)
After receiving feedback, I added the squarish elements to make the typeface more cohesive.
Fig 1.7: m & n Before, Week 10 (24/6/2023)
Fig 1.8: m & n After, Week 10 (24/6/2023)
Fig 1.9: 2 & 3 Before, Week 10 (24/6/2023)
Fig 1.10: 2 & 3 After, Week 10 (24/6/2023)
Fig 1.11: Letterforms Outline, Week 10 (24/6/2023)
Fig 1.12: Uppercase Grid Lines, Week 10 (24/6/2023)
I then opened the window of asset export and pasted each letterforms. Then I export every single letter as a svg file.
I then take each letterforms' svg file and import it into font forge.
Fig 1.14: Font Forge, Week 10 (24/6/2023)
Fig 1.15: Font Forge Kerning, Week 10 (24/6/2023)
For font applications initially I made mockups of a billboard, business card, book, id card and a box. I was given feedback that it is not futuristic.
Fig 1.16: Font Presentations and Applications, Week 11 (1/7/2023)
Final Submission
Font Link: https://drive.google.com/file/d/1rPhoL9V6i1gAfE8G6l0PpEabF_YlBlQv/view?usp=sharing
Fig 2.1: Font Presentation 1, Week 12 (15/7/2023)
Fig 2.2: Font Presentation 2
Fig 2.3: Font Presentation 3, Week 12 (15/7/2023)
Fig 2.4: Font Presentation 4, Week 12 (15/7/2023)
Fig 2.10: Font Applications 5, Week 12 (15/7/2023)
Fig 2.5: Font Presentation 5, Week 12 (15/7/2023)
Fig 2.6: Font Applications 1, Week 12 (15/7/2023)
Fig 2.7: Font Applications 2, Week 12 (15/7/2023)
Fig 2.8: Font Applications 3, Week 12 (15/7/2023)
Fig 2.9: Font Applications 4, Week 12 (15/7/2023)
FEEDBACK
Week 8: Independent Learning Week
Week 9: Public Holiday
Week 10
General Feedback: Use grids and ascender, descender, x height guides to aid in the process of creating a letterform.
Specific Feedback: Pay attention to the details of the letterform j and s.
Week 11
General Feedback: The consistency of the font is crucial to create a typeface.
Specific Feedback: The thin horizontal strokes should be the same throughout the typeface.
Week 12
General Feedback: Grid lines can ensure the consistency or stroke width.
Specific Feedback: If the horizontal strokes are thin, the diagonal strokes should be thin as well.
Week 13
General Feedback: The font artworks can be more futuristic to fit with the futuristic theme.
Specific Feedback: Zoom in the transportation image to show the font clearer.
REFLECTION
Experience: I learned about creating my own unique typeface. I learned to use Adobe Illustrator and Font Forge to design a typeface.
Observations: It was a bit overwhelming to use Font Forge. Though with the guidance of tutorials online I learned to design the typeface.
Findings: I learned about having a strong theme with the artworks used.
FURTHER READING
Week 8: A Type Primer 2nd Ed by John Kane
Making sentences, finding sense
Using type play to reinforce words in phrases is one approach to make them more expressive. Text functions on a page similarly to plain lines in a fundamental design study, with two key differences,
1. The Latin alphabet always reads left to right.
2. The size, weight, and leading between the lines of type, as well as the typeface's intrinsic graphic value, all contribute to the overall quality of the line.
There are multiple alignments such as flush left, flush right, justified and centered.
Week 9: Typography Design Form Communication
Basic Principles of Legibility
Distinguishing characteristics of letters. The twenty-six letters that make up the alphabet have all developed over the ages to occupy distinct positions within this system of signs. This change has happened gradually. It's no coincidence that the person
The desire to enhance communication led to the development of letterform shapes. The alphabet has developed into a flexible system of signals where each letter is unique but functions as a unit to form visible language.
Week 10: Typographic Basics
Paragraph Spacing
The term "paragraph spacing" refers to the automatic insertion of space, either above or below the paragraph, at the beginning of each subsequent paragraph. Compared to just double spacing returns, paragraph spacing is a more elegant technique to separate paragraphs since it allows either global or fractional line space adjustments. More significantly, double spacing does not add a space when a paragraph ends on a page; instead, the extra paragraph is returned at the start of the following page.
Paragraph Spacing for Subheads
Subheads must to be positioned multiples of the line spacing, as was previously stated.
Where the space is used, though, is up to the designer. A subhead may be set to 14/14, for instance, with paragraph spacing set to 10 points above and 4 points below.
below. The final total would still be a multiple of 14 (line spacing of 14 points plus 10 points above and 4 points below = 28 points). Remember that dividing the paragraph spacing can lead to issues when trying to lock to a baseline grid. When implementing paragraph rules, paragraph spacing is also utilised.
Where the space is used, though, is up to the designer. A subhead may be set to 14/14, for instance, with paragraph spacing set to 10 points above and 4 points below.
below. The final total would still be a multiple of 14 (line spacing of 14 points plus 10 points above and 4 points below = 28 points). Remember that dividing the paragraph spacing can lead to issues when trying to lock to a baseline grid. When implementing paragraph rules, paragraph spacing is also utilised.
Week 11: Typography Referenced
From a Letter to a Typeface
When designing, many designers see something akin to "hamburgefons," a common test word used by type foundries when launching a new typeface. Which letter, though, should you try first? A designer should ideally choose a limited collection of letters that allow for quick idea creation and represent a variety of strokes to convey the more unique aspects of the face.
The specifics here depend on a variety of elements, not the least of which is the expertise and talent of the designer and whether the design is wholly original or draws inspiration from an already-existing typeface. Merely drawing the n and o on paper won't provide a reliable indication of where the typeface end up.
Week 12: Typography Design Form Communication
Designers use a grid as a skeleton framework to arrange information in a spatial region. The dualities of simplicity and complexity, as well as freedom and limitation, define this system.
The unifying factor in all typographic communication is space. Subliminal divisions are formed when typographic elements are incorporated into space; these divisions produce spatial structure. As new structures appear as typographic elements change syntactically in terms of size, weight, and location.
Fig 3.1: Typography Grid Space
There are two main categories of styles: paragraph and character. As the name implies, paragraph styles apply to the full paragraph, even if it is not selected in its entirety. The most popular style used for general formatting will be a paragraph style.
Character styles only apply to the text that is selected, which may consist of a single character, a single word, or several words. Common applications include emphasising product or company names and formatting drop caps in letters (the drop cap is set using a paragraph style). Character styles can be used when formatting editorial use of bold and italic, depending on the programme.
Character styles only apply to the text that is selected, which may consist of a single character, a single word, or several words. Common applications include emphasising product or company names and formatting drop caps in letters (the drop cap is set using a paragraph style). Character styles can be used when formatting editorial use of bold and italic, depending on the programme.
Comments
Post a Comment