Typography Class / Task 1

Typography / Task 1 : Exercises 

23 April 2024 

23/04/2024

Justin Wilbert Sipasulta / 0366371 

Typography 

Task 1 / Exercises 

---

LIST / JUMP LINK 

Lecture.a

Instruction 

Feedback 

Reflections 

---

LECTURE

Week 1 : 

Typo_0_Eportfolio Briefing 

In the first day of the class we are going to take the e-portfolio breifing . Mr Vinod teaches us how to make e portfolio using blogger.com as our class programme . 

Typo_0_Introduction 

Typography is the art of arranging letters and text in a way that makes the copy legible , clear and visually appealing to the reader . 

Typo_1_Development 

Early letterform development : Phoenician to Roman 

Writing Directions : 

- Phoenicians : Right to Left . 

- The Greeks : From Right to Left and Left to Right . 

Week 2 : 

Type_3_Text_P1

Typography : Text Tracking , Kerning and Letterspacing 

Kerning : Automatic Adjustment between space and letters . 

Letterspacing : To add between space and letters . 

Tracking : The addition and removal of space in a word of sentence 

Formatting text : 

Flush left : The text should appear with a straight and even edge on the left side and it will be uneven on the right side . 

Centered : This format imposes symmetry among the text . 

Flush Right : Text is aligned along the right margin or gutter . '

Justified : This format imposes a symetrical shape on the text . 

Week 3 : 

Typo_4_Text_Part_2

---

Text/Indicating Paragraph 

Pilcrow ( ¶ ) : A hand written or typographical character used to identify a paragraph . it is called a paragrpah mark ( sign or symbol ) , paraph or symbol P   

Leading : Line space between paragraph . 

Standard indentation : To ensure that papers are formatted in a consident and readable manners . 

Extended Paragraph : An extended paragraph is just a long paragraph . 

Week 4 : 

Type_2_Basic 

Typography : 

Describing Letterform

Baseline : The Imaginary line at the visual at the visual base of the letterforms . 

Median : The Imaginary line defining the x-height of letterforms . 

X-Height : The height in any typefaces of the lowercase " Y " 

                                                                    Stroke

Stroke : Any line that defines the basic letterform . 

                                                                Apex / Vertex 

Apex / Vertex : The point created by joining two diagonal stems ( apex above and vertex below ) 

                                                                    Arm 

Arm : short strokes off the stem of the letterform, either horizontal (E, F, L) or inclined upward (K, Y) . 

                                                                 Ascender 

Ascender : The portion of stem of a lowercase letterform that projects above the median .

                                                                       Barb 

Barb : The hald-sherif finish on some curved stroke . 

                                                                     

                                                                       Beak 

Beak : The half - serif finish on some horizontal arms . 

                                                                   Bracket 

Bracket : The serif between the serif and stem .

                                                                 Cross Stroke

Cross Stroke : The horizontal stroke in letterform that joins two stems together . 

                                                                             Crotch 

Crotch : The interior space where two strokes meet . 

                                                                 Descender 

Descender : The portion of stem of a lowercase letterform that projects below the baseline . 

                                                                      Ear 

Ear : The stroke extending out from the main stem or body of the letterform 

Week 5 : 

Typo_5_Understanding 

Typography : Understanding letterform 

The uppercase letterforms below suggest symmetry, but in fact, it is not symmetrical. It is easy to see the two different stroke weights of the Baskerville stroke form (below) more noteworthy is the fact that each bracket connecting the serif to the stem has a unique arc . 

The uppercase letterforms may also appear symmetrical, but a close examination shows that the width of the left slope is thinner than the right stroke. Both Baskerville (previous) and Univers (below) demonstrate the meticulous care a type designer takes to create letterforms that are both internally harmonious and individually expressive.

The complexity of each individual letterform is neatly demonstrated by examining the lowercase ‘a’ of two seemingly similar sans-serif typefaces—Helvetica and Univers. A comparison of how the stems of the letterforms finish and how the bowls meet the stems quickly reveals the palpable difference in character between the two . 

INSTRUCTION

https://drive.google.com/file/d/1E6v2w4Jinyd4g5YSJvEfgGwrn-75yKYT/view?usp=drive_link

Task 1 : Exercises - Type Expression 

As seen from this module it shows 4 different types of typography .

                                                                     Fire Typography  

                                                                     Cry Typography 

                                                                    Dizzy Typography 

                                                                    

                                                                     Slide Typography 

                                               

                                    Fire : I use the concept of torch , meteor , phoenix and elements on the fire                                                typography 

                                    Cry : I use letter R and Y as the eye brow and the C as the mouth . 

                                    Dizzy : I purposely messed up the Word so it will look like a dizzy word . 

                                    Slide : I make the L letter look like a Slide and the I D E i make it like it is                                                sliding in the L letter . 

                                                               CRY GIF ANIMATION 

Task 1 : Exercise - Formatting Text 

Kerning & Lettering 

                                                                With Kerning and Tracking 

     

                                                                  Without Kerning & Tracking 

                                                                 Text Formatting 

                                                           Text Formatting With Grids

HEAD
Font/s: ?
Type Size/s: ?
Leading: ?
Paragraph spacing: ?

BODY
Font/s: ?
Type Size/s: ?
Leading: ?
Paragraph spacing: ?
Characters per-line: ?
Alignment: ?

Margins: ? mm top, ? mm left + ? mm right + ? mm bottom
Columns: ?
Gutter: ? mm

---

FEEDBACK 

Week 1

General Feedback

Watching the video that was given by Mr Vinod Nair of how to make the e portfolio and start sketching the words that are given by Mr Vinod . 

Week 2

General Feedback 

Creating the sketches using adobe illustrator and given 10 fonts . 

Week 3

General Feedback

the words l is for the slides slide and word cry I use the C as the mouth and r y as the face . 

Week 4 

General Feedback

Trying to use the font that are given by mr vinod 

Week 5

General Feedback

make sure to fill up the empty spaces on the sheet

REFLECTIONS

Experience

This was a challenging and tiring module . But , there's a lot of advantage that i can take from this class . From start sketching the words until digitalization the sketch made a huge progress for myself as a creative media student who can't use photoshop and illustrator until i learn how to use it . 

Observations

I found out that typography i not easy as i think , there's a lot of word and fonts that I have to look at more detail . luckily, Mr.Vinod give us some feedback about our works that we know which part do we need to fixed it or maybe improve it . 

Findings

I realize typography is much useful in the daily usage . it turns out amazing for some kind of people that care about the detail of the typography until it became an art expression that may describe certain events just by looking creation of typography . 

FURTHER READING

I started to read this book that was given by Mr Vinod Nair to know the inner case of typography .

Boldface

Boldface appear because due to industrial revolution in the early 19th century. Printer was introduced to make the work more productive with a lower cost and able to print dozens. The appearance of printer required a bigger, bolder, and louder. the goal is to make messages stand out in the otherwise gray printed environment . 

Sans Serif

Sans serif was introduced from the idea of the Boldface variation by William Caslon IV in 1816. Sans serif type, featuring no change in stroke weight, was reserved almost exclusively for headlines, although there are occasional examples of sans serif captions .