Typography Task 1 - exercises
29.3.2022 - 26.4.2022 (week 1 - week 5)
Fadil puthiya madathummal peedikakandy / 0354579 / Bachelor of Design
(Hons) in creative media
Typography
Task 1 / Exercises
Lectures
Week 1 / Introduction & Briefing
The first week was pretty basic, Mr. Vinod showed us the modules and some
other typography stuff. This lecture helped me understand letters and their
fonts are crucial for creating a good design. The lecturer also showed us
his design journey and the typefaces he designed and some photography stuff.
Then he instructed us on how to properly create your E-portfolio. This blog
will be used to demonstrate my future designs, reflections, and much more
interesting things.
Week 2 / evolution of typography
In week 2, the lecturer reviewed our typo designs of
cough explode, pop, squeeze and instructed us how to do it
better
There are 10 typefaces given
1. Adobe Caslon Pro
2. Bembo Std
3. Bodoni Std
4. Futura Std
5. Gill Sans Std
6. ITC Garamond Std
7. ITC New Baskerville Std
8. Janson Text LT Std
9. Serifa Std
10. Univers LT
Week 3 / typography and illustration
We had the animate the typefaces we created via illustrator and
photoshop
Week 4 / Text formatting
We'll start the following task, Text Formatting, in Week 4. Kerning modifies the distance between individual letterforms based on the lecture videos. Tracking, often known as 'letter-spacing,' is a technique for consistently adjusting spacing across a range of letters. We shall use the ten fonts to do this.
Evolution of typography
Early Letterform Development: Phoenician to Roman
The earliest form of writing or typography and the evolution of
letters.
|
Boustrophedon typography
 |
|
|
square capitals from the 4th century |
Roman cursive from the 4th century
|
|
caloline minuscule from c 925 |
Week 3 / typography illustration
Describing letterforms
Typography employs various technical terms as it is a craft that has
evolved over 500 years.
- Baseline is the imaginary line, the visual base of the letterforms.
- Median is the imaginary line defining the x-height of letterforms.
- X-height in any typeface of the lowercase 'x'.
- Stroke is any line that defines the basic letterform.
- Apex / Vertex is the point created by joining two diagonal stems (apex- above, vertex- below)
- Arm is the short strokes off the stem of the letterform.
- Ascender is the portion of the stem of a lowercase letterform that projects above the median.
- Barb is the half-serif finish on some curved strokes.
- Bowl is the rounded form that describes a counter, it may either be opened or closed.
- Bracket is the transition between the serif and the stem.
- Cross stroke is the horizontal stoke in a letterforms the joints two stems together.
- Crotch is the interior space where the two strokes meet.
- Ligature is the character formed by the combination of two or more letterforms.
- Loop is the bowl created in a lowercase 'g'.
- Spine is the curve on the stem of the letter 's'.
- Stress is the orientation of the letterform indicated by the thin stroke in round forms.
- Terminal is the self-contained finish of a stroke without a serif.
- Uppercase are capital letters.
- Lowercase include same letters as the uppercase.
- Small capitals are uppercase letterforms that draw to the x-height of the typeface.
- Uppercase numerals are also called lining figures. They have the same height as the uppercase letters.
- Lowercase numerals are also known as old style figures or text figures.
- Punctuation, miscellaneous characters can change from typeface to typeface.
- Ornaments are used to flourish invitations or certificates
- Italic refers back to the fifteenth century Italian cursive handwriting.
- Roman letterform is so called because the uppercase firms are derived from inscriptions of the Roman monuments.
- Boldface is characterised by a thicker stroke than the roman form.
- Light is a lighter stroke than the roman form.
- Condense is also often called 'compresses'.
- Extended is an extended variation of the roman font.
Typo text part 1
Text, kerning, and letterspacing
Tracking: is the typographer's term for letter-spacing
Kerning: adjusts the space between individual letterforms to
correct visually uneven spacing.
Letterspacing: refers to the overall spacing of a word or block of
text affecting its overall density and texture.
Text formatting
Leading and line length
Type size: should be large enough to be read easily
Leading: Too tight - readers loose place / Too loose - striped patterns
cause distractions
Line length: Shorter lines require less reading, Keep it short
Type specimen book
A book where a font is shown in different point sizes. It is useful
to enlarge a font to 40% on the screen to get a clear sense of the
relationship between the descenders on one line snd ascenders on the line
below
This week's lecture was about text formatting and how a text should be
properly presented for readability by showing kerning, letter spacing,
tracking, and formatting.
Instruction
Exercise 1 - type expression
For the first exercise, we chose five words (pop, squeeze, explode, decay
and cough) Then we had to design new typefaces that can demonstrate the
given words.
Here are 4 of the sketches
Sketches for pop, decay, explode and squeeze [5/4/2022]
Feedback
I have made four words for this exercise, However, I have to use the
typefaces Mr. Vinod gave us and redo them once again with those and to make
them less illustrative.
Reflections
I have decided to re-design them In a neat, simple, and creative approach.
I wanted to digitize the new ones via illustrator
RE-Designing new sketches and digitization
I have tried many different methods to show the characteristics of the
words while maintaining the original typeface. I struggled at first, but
further exploration helped me understand how it is done.
New sketches for pop, grow, cough, explode and decay
[11/4/2022]
Ps: I know the initial word given was explode but I kind of liked how
explosion turned out, so I kept it
Final digitized
Digitized pop, decay, explode and squeeze [5/4/2022]
Animation
We had to animate the digitized words, I chose to animate decay or explode.
Explode didn't turn out well, so I chose decay
Final Gif
Final decay animation (22/4/2022)
Task 1 / Exercise 2 - text formatting
This exercise is text formatting, The lecturer was given the task to
create a final layout that addressed a variety of texting formatting
issues, including kerning, letter spacing, alignment, leading, and
paragraph spacing Using Adobe InDesign
 |
| text formatting with kerning (27/4/2022) |
Text formatting pdf (27/4/2022)
Text formatting 2
The final version of text formatting using Adobe InDesign. Usage of kerning, tracking, and grid composition was applied in this process.
.png)
 |
| text formatting (27/4/2022) |
There was a slight alignment issue with this, so I fixed it
Final version
 |
| The final version of text formatting (27/4/2022) |
Text formatting final version pdf file (27/4/2022)
Week 2
General feedback : Reduce the Usage of illustrations
Specific feedback : Use nothing except the typefaces given by the lecturer
Week 3
General feedback: The digitized versions can work but use the columns given by the lecturer via illustrator
Specific feedback: The word grow could be a little better by expressing the letter 'O' clearly
week 4 - 5
There are some minor problems with the blog like the digitized words file should be . AI or pdf file and the gif animation frame needed to be a square (lol)
Ex:2 slight uneven type setting but adequate nevertheless.
Week 2
I learned to use more tools in illustrator and got to explore more about typography
Week 3
The digitization of words was a completely new thing for me. But I'm glad that now I have learned how to create them and animate the words
Week 4
public holiday so no class
Week 5
I had lots of stuff to do on week 5 but managed to find time for this somehow. Overall It wasn't very pleasant, typing thousands of words all day long
I fixed all of the problems with my blog
Further reading
 |
| On web typography |
Comments
Post a Comment