TYPOGRAPHY - EXERCISES
28/09/2000-25.09.2019 (week 1-week5)
Nyoman Anita Putri Arimbawa(0339942)
Typography
Exercises
1. LECTURE
Lecture 1:
28/09/19 (week 1)
On the first class, we were given a briefing of our module, what are we were going to do throughout the module, then I learn how to make a blog for the first time using blogger.com, we use our blog as our e-portfolio, we suppose to showcase all our process, weekly exercises and project in that blog, Mr. Vinod showed u some examples from our senior.Then Mr.Vinod & Mr. Shamsul continue with our lecture which is the introduction of typography.
The meaning of typography according to Wikipedia is " the art and technique of arranging type to make written language legible, readable and appealing when displayed", I also learned that typography evolved over 500 years from calligraphy to lettering and then typography.
We have taught some terminologies of typography as well.
Terminology:
Font: a font refers to the individual font or weight within the typeface, I.e.: Georgia Regular, Georgia Italic and Georgia Bold.Georgia Bold.![]() |
Fig1.: Example of Font |
![]() |
Fig 1.2: Examples of Typefaces |
Type family: a type family refers to the many weights within an individual typeface.
![]() |
Fig 1.3 |
Lecture 2:
04/09/19 (week 2)
Mr. Vinod & Mr. Shamsul started this week with our lecture, The development, and the timeline of typography. The development only focused on the perspective of the western world, it began in the 3rd century, typography started from people communicate visually, writing started by people scratching into wet clay with a sharpened stick or carving into stone with a chisel.
In the 4th and 5th centuries, I learn about the earlier hands script which can be found in Roman monuments which called square capital.
In the late 3rd – mid 4th century, the square capital become more comprise allowing the sheet has more twice as many words and took less time to write,
![]() |
4th Fig 2.1: century B.C.E. – Phoenicians votive stele Carthage, Tunisia. |
![]() |
Fig 2.2: The evolution from the Phoenician letter. |
Phoenicians wrote from right to left. The Greek developed a style of writing called ‘boustrophedon’ , which meant that the lines of text read alternately from right to left and left to right.
![]() |
Fig 2.3 |
The Etruscan and Roman's styles of writing are carvers working in marble painted letterforms before inscribing them, this happened around late 1st-century B.C.E, they have a certain quality of their stroke.
We also showed the early development of letterform,
![]() |
Fig 2.4
Phoenician Greek 900 B.C.E Roman 100 B.C.E
1000 B.C.E.
|
![]() |
Fig 2.5 |
![]() |
Fig 2.6 |
The 4th century, lowercase begin to form
![]() |
Fig 2.7: 4th century: Roman cursive |
In 4th-5th there is Uncials which means small letter
![]() |
Fig 2.8: 4th – 5th century: Uncials |
![]() |
Fig 2.9: C. 925: Caroline minuscule |
Johannes Gutenberg was a German blacksmith who use his skill of engineering, metalsmithing, and also chemistry to invent the mechanical movable type printing press. His printing press has been widely considered the most important invention of the modern era, but his world-changing invention making people lose their job.
We also learn how to use adobe illustrator for the first time ex, how to create a new file, make an artboard copy, make an eclipse shape and how to use the pen tool and then make an animation using a timeline in photoshop.
![]() |
Fig 2.10 |
![]() |
Fig 2.11: Guttenburg Bible |
We also learn how to use adobe illustrator for the first time ex, how to create a new file, make an artboard copy, make an eclipse shape and how to use the pen tool and then make an animation using a timeline in photoshop.
Lecture 3:
(11/09/19)I learn so many important typography terms that we should remember for the rest of our life said such as "kerning" and "letterspacing" which means the automatic adjustment of space between letters and to add space between the letters respectively, which often mistaken for one another, and both of those meaning can be called tracking.
We also learn about formatting text, I learn 4 different types of it such as flush left, centered, flush right, and justified, the most important about choosing a formatting text is to pay attention to the grey value, makes sure that the grey value is even and neat. An uneven grey area is called rivers. I also learn as a designer or a typographer the most important thing for them is to make sure that the message that the author wants to convey is conveyed through the design.
I also received a really important thing if I want to formate a text first I have to identify the font or type text, and then the type size and making sure that it's not too big or too small, the print matter is 8pt-12pt and the third step is to identify the line light and leading, the good rule of thumbs of line length is to keep the line 55-65 characters, leading also shouldn't be too tight cause it will create a vertical eye movement will be troublesome for the reader.
Formatting text steps:
- Identify our font/type
- Identify our type size (our font size to be within 8pt and 12pt)
- Identify line length and leading (preferred to be 3pt if the type size is 8pt)
Lecture 4:
The second term is Line spacing determines the amount of vertical space between lines of text in a paragraph.
then there is leading which means the distance between two baselines of lines of type.
The standard indentation is the same size as the line spacing or the same as the point size of your text.
then there is leading which means the distance between two baselines of lines of type.
![]() |
Fig 4.1: Line space vs Leading |
The standard indentation is the same size as the line spacing or the same as the point size of your text.
There two things that must be avoided in making a paragraph widows and orphans, a widow is a short line of the type left alone at the end of a column of text and an orphan is a short line of the type left alone at the start of a new column.
A few ways to highlight a text:
![]() |
Fig 4.2: Examples of a widow & orphan. |
- Make an indent
- Change the text into italic
- Change the typefaces
- Change the color
- Quotation mark
- Field of color
Then we were briefed about our first project.
2. INSTRUCTION
Exercises 1
28/09/19week 1: Sketching out the letters of our name accordingly to our character
![]() |
figure 1.1: Complicated personality: Sketches of my personality |
![]() |
Figure 1.2: Complicated personality: The chosen lettering of the 5 sketches |
week 2:
04.09.2019
For this week, we have to start to digitalize our chosen font and also animate it
![]() |
figure2.2: complicated personality: making frames for the animation |
![]() |
figure 2.3: complicated personality: the process of the animation |
![]() |
figure 2.1: Complicated personality: the digitalized version of my font |
![]() |
figure 2.3: complicated personality: the process of the animation |
![]() |
figure 2.4: complicated personality: final result of the lettering |
Exercise 2
Week 3(11/09/19): We were instructed to express 6 different words ( SNEEZE, CLEAN, PARTY, GIGANTIC, EXPLODE, EMERGE) typographically and only using the 9 types of families provided by the lecturer.
Fig 3.1: Sketches of the words |
Fig 3.2: Sketches of the words |
![]() |
Fig 3.5: Expressing words. |
![]() |
Fig 3.6: Expressing words. |
![]() |
Fig 3.7: Expressing words. |
![]() |
Fig 3.8: Expressing words: Digitalizing process |
![]() |
Fig 3.7: Expressing words: First attempt of the digitalize font |
![]() |
Fig 4.1: Expressing words.: Second attempt of the digitalized font |
![]() |
Fig 4.2: Expressing words. |
![]() |
Fig 4.3: Expressing words. |
![]() |
Fig 4.4: Expressing words. |
![]() |
Fig 3.6: Expressing Words: Making frames for the animation |
![]() |
Fig 3.7: Expressing words: Making the animation in Photoshop. |
![]() |
Fig 4.9: Expressing words: Second attempt of the animation. |
![]() |
Fig 3.5: expressing words: word chosen.
|
![]() |
Fig 4.8: Expressing words: First attempt of the animation. |
![]() |
Fig 4.5: Expressing words: Final result |
![]() |
Fig 4.10: Expressing words: Final result of the animation. |
3. FEEDBACK
Week 1: no feedback was given
Week 2(04.09.2019): when I show my sketches to Mr. Vinods he picks the second one I sketch and he thinks that with that one I can really make it interesting and I should play around with it more.
Week 3(11/09/19): When I show my final work to Mr. Vinods and Mr. Shamsul, they said the animation is nice and represent my personality correctly, which is complicated, followed by saying that I did a good job and said my work is glitchy just like my personality. When I show them my blog, they said the picture is okay but I still need to correct a few things like the caption of the picture and my introduction and my further reading.
Week 4: For this week there are two submissions: 6 words type expression and the one that e animated, both of this submission must be exported as JPEG (72 dpi), the submission shouldn't be in a screenshot image, and we also needed to embed the file into a pdf. Then for our finding the part in our blog, at the end of this exercise, we were advised to make it into one paragraph. we also instructed to download all the 9 different family font that was given to us. When I showed my work to Mr. Vinods & Mr. Shamsul they said my interpretation was good but at the ending of my animation the words need to fell down one by one, Mr. Vinods showed me of a bunch of coins from his pockets then he dropped it on to the table and said its supposed to look something like that.
Week 3(11/09/19): When I show my final work to Mr. Vinods and Mr. Shamsul, they said the animation is nice and represent my personality correctly, which is complicated, followed by saying that I did a good job and said my work is glitchy just like my personality. When I show them my blog, they said the picture is okay but I still need to correct a few things like the caption of the picture and my introduction and my further reading.
Week 4: For this week there are two submissions: 6 words type expression and the one that e animated, both of this submission must be exported as JPEG (72 dpi), the submission shouldn't be in a screenshot image, and we also needed to embed the file into a pdf. Then for our finding the part in our blog, at the end of this exercise, we were advised to make it into one paragraph. we also instructed to download all the 9 different family font that was given to us. When I showed my work to Mr. Vinods & Mr. Shamsul they said my interpretation was good but at the ending of my animation the words need to fell down one by one, Mr. Vinods showed me of a bunch of coins from his pockets then he dropped it on to the table and said its supposed to look something like that.
4. REFLECTION
Experience
Week 1: when we were told to think and comes out with our own ideas of five different types of fonts with one of our personality I pick complicated, it's quite hard for me to makes five sketches right away. Week 2: The first time using adobe illustration is quite hard, it's a lot different than using any other program. Week 3: When I got positive feedback from Mr. Vinod and MR Shamsul, I felt some sort of relieved and satisfaction of my work because for the past week I wasn't really sure if I did a good job or not, although, for the next exercise, I'm still having a problem using Adobe illustrator. Week 4: When we were briefed about our project one I got really nervous wasn't sure if I'm gonna do a good job with this project
Observation
Week 1: picking one personality of ourself is quite hard, its easier to identify a personality of someone else rather then our own self so it's nicer if we ask someone else to picks whats the best personality for us but not everyone feels that, some people have a better understanding of themselves.
Week 2: having troubles with adobe illustrator some people have the same experience as me but when I look around the room I found that some people are really good at it. Week 3: I was really shock looking at other people's works, they all have a really different style and approach for the exercise. Week 4: It's really interesting and fun to see other people's work, really makes you realize with place are you standing at.
Finding
Week 1: I keep overthinking on what should I do as result to that I never really gone far with that, I should try keeping things more simple. Week 2: I'm realizing that I'm bad at managing time, I should really learn to be more organized about my time. now I really felt how important time managing is. Week 3: I'm really bad at working under pressure, thinking about running out of times makes me panic and anxious and that will cause me to not able to focus on my work, I learn that I should've taken a deep breath and calm down a bit, try to concentrate so I won't panic. Week 4: When I see the others, though it's nice and inspiring it is can be discouraging and lower our self-esteem, keep think " why don't I think of that" or "how can I be that good", what I should learn is that took that opportunities to find more ideas and make it as motivation.
5. FURTHER READING
week 1-5
According to many of the artist that is in this book sketches have many purposes. According to John Moore, he used sketches as "the primary initiative to organize and visualize ideas", it enables him to express his emotion feeling or a mental state, " a kind of relief of a whole energy concentration".
From what I've read there is a wide variety of ways to suggest a full range of meaning and associations, independent of the type's content, such as the straight and curved strokes of characters. The terminals and serifs, the contrast between thick and thin, stokes, angle of stress, x-height ration, and set width help define sameness in typefaces.
Comments
Post a Comment