Typography / Task 1: Exercises

August 26
2021 8.27.2021 - 9.24.2021 (Week 1 - Week 5)
Huai Yi / 0351702
Typography Bachelor of Design (Hons) in Creative Media / Taylor’s University 
Task 1: Exercises


LECTURES


Week 1 

During the first live class, Mr. Vinod explained our module outline and expectations .The Facebook team will be our main platform, where we can find all the course materials and important announcements.



Lesson 1 - Introduction and e-portfolio briefing
Printing: the creation of fonts. The term "typesetting" also applies to the style, arrangement and appearance of letters, numbers and symbols created in the process.
Font: a font refers to a single font or word weight in a font
(i.e. Georgian regular, Georgian italic, Georgian BOLD)
Font: font refers to the whole series of fonts / weights with similar characteristics / styles
(i.e. Arial, Georgia and the New Roman era)
Lesson 2 - Development
The tools we hold in our hands have a very important impact on the type of writing.



These letters also developed and changed greatly in 1000 BC. However, a more refined font version, such as the letter a shown in Figure 0.1 in 100 BC, is the font we know today.

Fig 0.1Development of letterform



Many different types of manuscripts from the 3rd century to the 10th century BC. There is a written version of the Roman monument called the square capitals. Some serifs end from the main stroke and can be completed by making a 60 degree angle between the pen holder and the vertical line.



Fig 0.2Development of letterform


Compressed square capitals, called country capitals, can be achieved by aligning the nib with the vertical line. However, due to its compression nature, it is more difficult than square capital letters


Fig 0.3Development of letterform

Fig 0.4Development of letterform


Business needs and aesthetic trends, the introduction of text type classification. Here are some examples selected from the lecture.


Fig 0.5 Oldstyle


Fig 0.6 Italic




Week 2- 

Mr. Vinod taught a little about the history of printing. He gave us a disclaimer. The topic he will discuss is from a Western perspective. He went on to say that the main focus of typesetting would be more on Roman letters and Phoenicians. He further explained that in the early days, the Romans would scratch wet clay with sharp sticks, which was considered writing.



Ten of them include:
Vertex - a point created by connecting two diagonal stems is called a vertex


Fig 1 Apex/Vertex

Rising line - the part of the stem of a lowercase letter that protrudes above the median is called a rising line.



Fig 1.1 Ascender



Barb - a half serif completes some curved strokes.


Fig 1.2 Barb


Beak - half lining finish on some horizontal arms.


Fig1.3 Beak



week3   

that typography employs several technical terms which specifically are parts of the letterform.

Kerning - automatically adjusts the spacing between letters.
Letter spacing - adds a space between letters.
Tracking - adds and removes spaces in words or sentences called "tracking".
It's better to use capital letters too, which is more comfortable and beautiful
Look.
Normal tracking, loose tracking and tight tracking




week4

Mr. Vinod mentioned that it would be about how to format the text. The first thing he talked about is word spacing. Its definition is to automatically adjust the spacing between letters, which is usually mistaken for letter spacing. This is usually used for newspaper headlines.





INSTRUCTIONS




week1 We have to choose four words and express them as our task


In the first task, we were assigned to build sketches of four expression types. We should choose four words from the six words we voted on the Facebook page




(Figure  digitised Type Expression in jpeg, Week 2 )


We must select 4 words from the following list and draw 3 thumbnail sketches for each word using the given font set. We must use appropriate fonts and form letters in a way that allows the meaning of words to become visible.


week2

Choose a word according to the content of the first week. Make gif.I chose melt.



(3 Figure, animation frame, week 3)
                                                         
    (Figure2, "Melt" Animation, Week 3 )
                                                        

Text format
We get four word text increments that deal with different areas in the text format. This exercise will help to improve our familiarity and ability with appropriate software, and develop our knowledge of information hierarchy and spatial arrangement. We must design for this work.

Lecture: text format (1 / 4) - kerning and tracking

This is my attempt to try all 10 fonts with my name.


This is my attempt to try all 10 fonts with my name.
We are only allowed to use the 10 fonts provided by Mr. Vinod.


   (Figure. Kerning and tracking practice, Week 4 )
                                             
week3

 Kerning and Letter-spacing 


Word spacing: automatically adjust the spacing between letters.
Letter spacing: refers to adding spaces between letters.
Tracking: addition and deletion of spaces in words or sentences.


Lecture: Text Formatting 


After completing our type expression exercise, Mr. Vinod assigned us to the next task, text formatting. For this exercise, he asked us to watch four video tagged text format lecture playlist videos, and he gave them to us.






Lecture 2:4 -4:4 Text Formatting Exercise


  • Font size (8-12pt)
  • Line Length (55-65/50-60 characters)
  • Text Leading (2/2.5/3 pts larger than font size)
  • Ragging (Left alignment) / Rivers (Justification)
  • Cross alignment
  • No Widows or Orphans (don't take this out of context please)


Next comes the actual text formatting task -- formatting the text body with a title, subtitle, body, and title. Precautions


Then, the video tutorial takes us to the main task, text formatting. Text and images are provided, and we need to adjust their font size, paragraph spacing, word spacing and tracking, leading... As described in the instructions. I tried some layouts




(Figure 7.2.1, Layout 1, Week 4)
                                                   


  (Figure 7.2.1, Layout 2, Week 4)
  

Final Type Expression


(Figure, Final Outcome in jpeg, Week 3 )



                                                    (Final Outcome in PDF, Week 3)

  ( Kerning and tracking practice, Week 4.jpg)
                                                  


                                                ( Kerning and tracking practice, Week 4.pdf)
  (Figure , Final Outcome in JPEG, Week 4 jpg)
                                                 

                                                   (Figure , Final Outcome in pdf, Week 4)

FEEDBACKS


REFLECTIONS

I think I still have a lot to learn in this module, because I realize that I don't know much about typesetting.



FURTHER READINGS





Learned the technical terms used to describe specific parts of a font

评论