Typography - Exercise
05.04.2019 - 12.04.2019
Joseph (0336620)
Typography
Exercises
LECTURES
LECTURE 1: Module Briefing
Week 1
We started today's class with the introduction of the module briefing and the activities that are coming. We had a small introduction to what is typography, we learned about the different terms like typeface or typefamily. We learned about what is typography and a few after terms. We were also taught on how to make blogs.
Week 2
LECTURE 2 : The Evolution of Typography
For our second week we were presented with a brief discussion of the evolution of typography. Typography is the art of arranging type to make a language legible and readable. We were told that when we look at an artwork, we must understand why the artwork is consider good, what makes the artwork looks good. These questions are and must be asked to be better at typography and it requires a lot of practice.
For our second week we were presented with a brief discussion of the evolution of typography. Typography is the art of arranging type to make a language legible and readable. We were told that when we look at an artwork, we must understand why the artwork is consider good, what makes the artwork looks good. These questions are and must be asked to be better at typography and it requires a lot of practice.
Terminologies :
Font: The process of creating a letter or a word.
Typeface: Refers to the entire family of fonts that share similar characteristics.
Typefamily: Refers to the many weights of different kinds of typeface.
Week 3
Lectures
In today's lecture, we dive deeper into Typography, we were taught about the different terminologies that are used during typography or parts about typography over 500 years. These are the terminologies that describe a letterform.Baseline - The Imaginary line the visual base of the letterform
Median - The imaginary line defining the x-height of letterforms
X-Height - The height in any letterform of the lowercase X
Stroke - Any line that defines the basic letterform
Vertex - The point created by joining two diagonal stems
Arm - Short strokes off the stem of the letterform, either horizontal or inclined upward
Ascender - The portion of the stem of a lowercase letterform that projects above the median.
Barb - The half-serif finish on some curved stroke.
Beak - The half-serif finish on some horizontal arms
Bowl- The rounded form that describes a counter. The bowl may be either open or closed.
Bracket - The transition between the Serif and the Stem
Cross Bar - The horizontal stroke in a letterform that joins 2 stems together.
Cross Stroke - The horizontal stroke in a letterform that joins two stems together
Crotch - The interior space where two strokes meet
Descender - The portion of the stem of a lowercase letterform that projects below the baseline
Ear - The stroke extending out of the main stem or body of the letterform.
Em/En - Originally referring to the width of the uppercase M, and en is the width of the uppercase N
Finial - The rounded non - serif terminal to a stroke
Leg - Short stroke off the stem of the letterform, either at the bottom of the stroke (L) or inclined
downward K.
Ligature - The character formed by the combination of two or more letterforms.
Link - The stroke that connects the bowl and the loop of a lowercase G.
Loop - The bowl created at the lowercase G.
Serif - The right-angled or the oblique foot at the end of the stroke.
Shoulder - The curved stroke that is not part of the bowl.
Spine - The cruved stem of a S.
Spur - The extension that articulates the junction of the curved and rectinilear stroke
Stem - The significant vertical or oblique stroke.
Stress - The orientation of the letterform, indicated by the thin stroke in round forms.
Swash - The flourish that extends the stroke of the letterform
Tail - The curved diagonal stroke at the finish of certain letterforms
Terminal - The self-contained finish of a stroke without a serif.
.
26.04.2019 (Week 4)
Lectures
Today's lecture revolves around the development and timeline of letterforms and typography.
Exercises
Week 2 : Lettering
This week exercise is about digitizing our names that we've drawn out, it started off as a personality that describe us. My first thought was homely, but that was too hard, so I changed the word to anxious and this is what I came up with.
![]() |
A |
This animation took 6 frames, I was trying to use the tears to show anxiety and nervousness. When I showed this to Mr. Shamsul he said that this looked okay.
![]() |
Fig 1.2 Lettering - Anxious (Animated)
|
Week 4 : Type Expressions
This week were asked to create an expression using the 6 words we chose to express, although we were asked to draw on a graph paper or a A4 paper first, I went straight to digitizing since we're dealing with typefaces.
For the words Faint, Levitate, and Bounce I had a few ideas on what to do therefore I created a few designs and all came out okay, in terms of the ideas it was a last minute idea that I came up with.
After doing all those work I had to finalize my work since there were choices, I chose them and this is the final outcome of the static artwork.
After showing the lecturers our work, we were asked to animate one of the words, Mr. Vinod wanted me to do freeze, but when I tried it was a little bit difficult so I chose to do faint instead.
Reflections
Week 1 :
Taking this course again, hoping to do better was all I could think of.
Week 2 :
Had a little bit trouble again doing lettering.
Week 3 :
It was frustrating redoing the same mistake at the animation process
Week 4 :
I was very relieved when Mr. Vinod approved all 6 of my designs.
Week 5 :
It was quite a lot to take in studying InDesign again although I did this last semester.
Observations
Week 1 :I find that this batch didn't really payed much attention of doing the exercise.
Week 2 :
I felt that I was doing better than last semester in terms of creating an artwork.
Week 3 :
I observed that most people was very stressful during the animation process.
Week 4 :
I felt really tired coming to the 8am class.
Week 5 :
I felt really frustrated doing the expression of First Things First.
Week 2
Further Readings
I read the book about Mastering Type (The Essential Guide to Typography FOR PRINT AND WEB DESIGN by Denise Bosler) somewhere in page 128 I read about the term Orphans, an orphan is one or two lines of a paragraph at the end of a column separated onto the next column of type. It can also be the opening line of a paragraph stuck at the end of a column. It breaks the flow of text and creates readability issues. Example at the picture below :
No further readings
Week 4
No further readings
Week 5
After 2 weeks of no further readings because I'm lazy, I decided that I'll grab a book and read whatever is in there, but I still didn't read any books. Instead I looked up for blogs that might help the cause of students struggle on Typography. Eventually I found this blog 12 Typography Tips. This blog gives 12 tips for getting better on Typography
Comments
Post a Comment