Typography - Task 3: Typographic Design and Communication
23.5.2023-27.6.2023(WEEK 8 - WEEK 13)
TAN YING YI / 0362425 / BACHELOR OF DESIGN (HONS) IN CREATIVE MEDIA
TYPOGRAPHY
TASK 3
List
Task 3Feedback
Reflections
Further Reading
LECTURES
Refer to Task 1.
Week 9
.png)
.png)
We attended an online session on Week 9. Type and graphic designer Low
Hsin Yin shares her discoveries around the mundane markings found on
commercial vehicles in Malaysia. Through conversations with the sign
writers who work on commercial vehicle’s labelling, she was able to
better understand the practice and process, writing tools, methods used,
and how these sign painters eked out a livelihood.
INSTRUCTIONS
TASK 3
1. Research
Fig 1.1 Typography Basics
While creating our typefaces, we should be aware of the typography
guidelines such as baseline, median, ascender, descender, etc.
.png)
Fig 1.2 Overshoot
Rounded form always look smaller.
There are also some tips to design punctuations.
How to design exclamation points
Hashtags
2. Deconstruction of Letters
I choose Univers LT Std 67 Bold Condensed to
conduct the desconstruction of the lowercase letters t, b, m.
Fig 2.1 Deconstructing Letters (Week 8, 27/5/2023)
Fig 2.2 Deconstruction of Lowercase 'b' (Week 8, 27/5/2023)
3. Hand-writting
We should write the lines and letters 'a e t k g r i y m p n' using different tools. Choose either UPPERCASE or lowercase to write
in. After that, select one option from each tool.
Fig 3.1 Different Tools (Week 8, 27/5/2023)
Fig 3.2 Writting Lines and Letters Using Different Tools (Week 8,
27/5/2023)
Fig 3.3 Writting Lines and Letters Using 5 Different Tools (Week 8,
27/5/2023)
Fig 3.4 Final Options From Each Tool (Week 8, 27/5/2023)
Letters in the second row is selected for digitization. The last three
rows are not usable as they are too thin.
I created the guides following the demo video by Mr. Vinod, using the
letters "Tyd" in the font Myriad Pro Regular. I design the typeface
using pen tool.
- Ascender Height
- Capital Height
- Median Line
- Baseline
- Descender Line
- x-height
.png)
.png)
.png)
.png)
Fig 4.3 Attempt #1 (Week 9, 3/6/2023)
Fig 4.4 Attempt #2 (Week 10, 6/6/2023)
Fig 4.5 Attempt #3 (Week 10, 10/6/2023)
.png)
.png)
.png)
.png)
Fig 4.6 Progress of Kerning (Week 10, 10/6/2023)
Fig 4.7 Attempt #4 (Week 11, 18/6/2023)
Fig 4.8 Poster #1 (Week 11, 18/6/2023)
.png)
.png)
.png)
.png)
Fig 4.7 Attempt #4 (Week 11, 18/6/2023)
Fig 4.8 Poster #1 (Week 11, 18/6/2023)
Fig 4.9 Poster #2 (Week 12, 20/6/2023)
Fig 4.10 Poster #3 (Week 12, 20/6/2023)
Final Submission
Font Download : https://drive.google.com/file/d/1XeNi4-1RpVV3qynsOGaQ3y-bXsu8Xj-3/view?usp=sharing.png)
Fig 4.15 Final Task 3 " Handwritting YY " -- PDF (Week 12, 20/6/2023)
Fig 4.16 Final Poster -- PDF (Week 12, 20/6/2023)
FEEDBACK
Week 8 General Feedback: The letters should sit on the baseline well. The letter 't' should be
slightly written taller than x-height.
Specific Feedback: Second row is better. The last three rows are not usable as they are too
thin.
Week 9 General Feedback: Make sure that there is not too much character in letters. The size of
letters should be correct. Identify the letters that work better and put
the one selected all together.
Specific Feedback: Can use the width tool to adjust the stroke while digitizing as the
hand-writting has thin and fat part.
Week 10 General Feedback:
Introduce control and consistency while digitizing. Refine the writting to
become a font. Letter 't' is just above the median line, not at the
ascender.
Week 11
General Feedback: Stroke thickness need to improve. Circle stroke needs overshoot. Specific Feedback: Letter 'm' need to be wider and the space in it no consistency. The
joining part in letter 'p' looks awkward and the width need some
adjustment. Bend of letter 'e' need to be improved. Cross stroke of
letter 't' is too wide. Comma, period and exclamation point is
incorrect.
Week 12 General Feedback: Look at the kerning when formatting a large size. All of the letters
in the sentence should be the same point size. Specific Feedback: Have problem with the leading. Have a large white space on top.
Better to compose it diagonal.
REFLECTIONS
Experience
The excercise let me learned the rules of
designing typefaces. I always refered to the tutorial video so that I
can design the letters and punctuations correctly. I write using
different tools and ways first and then choose the best to digitalize.
Chat GPT doesn't help a lot in creating words using the letters
provided, we have to think ourselves. We need to be creative while
designing the poster. Creating our own typeface using our handwritting
is really interesting.
Obsevations
Consistency is important while creating
typefaces. The point size of the letters should be large enough while
designing a poster.
Findings
I found out that it is significant to do enough
ressearch before designing typefaces so that we can come out with better
design. Reading helps me to improve a lot in this task. I am more aware
of overshoot, x-height and others while working with the typeface.
FURTHER READING
Exploring Typography (2nd Edition) by Tova Rabinowitz Deer
I have read Chapter 8 : Designing Type of this book. There are
some preparations for designing a typeface.
Guidelines
Guidelines compose a grid that lets the designer make sure that all
the characters of a font are proportioned consistently. The basic
guidelines included baseline, x-height, cap height, ascender line and
descender line.
Rounded and pointed letters look slightly smaller than other letters
of the same size. We need a set of
overshoot guidelines (baseline overshoot, x-height overshoot,
cap-height overshoot, ascender line overshoot and descender line
overshoot) to help our round and pointed letters maintain optical consistency
with the other characters.
Guidelines with Overshoot
Contrast
Contrast in typography refers to the variance between the thick and
thin parts of curved strokes. Extremely low-contrast fonts may look
dull while extremely high-contrast fonts may detract from the
legibility of body texts.
To create contrast for a tradtional-looking font:
- Vertical capital stem stroke: 13% to 18% of the cap height
-
Vertical capital hairline stroke: 5% to 8% of the cap height
- Vertical lowercase stem stroke: 80% to 90% of the vertical capital stem stroke
-
Vertical lowercase hairline stroke: 70% to 80% of the capital
hairline stroke (crossbars are often thicker)
- Curved and diagonal stems need to be slightly wider to optically match their straight counterparts
Different Stroke Weights to Create Contrast
Angle of Stress
The angle of stress should be optically consistent in a font. A
typical font has an angle of stress anywhere between 60 to 90 degrees,
relative to the baseline.
Angle of Stress
Terminals
Terminals is the ends of the characters' stroke. Terminals may have
or have no serifs. If a font has serifs, they might or might not be
bracketed. We need to determine the shapes and sizes of both uppercase
and lowercase serifs, barbs and beaks. We also need to decide on the
slope and height of the brackets that connect the serifs to the
stems.
For all fonts, we need to apply consistent shapes and sizes for the
terminals including tails, ears, apexes, vertexes and swashes.
Bracketed Serifs
Comments