Typography Exercises
TYPOGRAPHY EXERCISES
17.04.20 - 00.00.00 (Week 1- Week 0)
Park hyoung yoon (0325165)
Bachelor in Design (Honors) in Creative Media
Typography Exercises
LECTURES
Lecture 1 : Introduction to typography
week 1 (17.04.20)
Mostly focused on the introduction of the module and how to make E-portfolio. Later on we had brief introduction to our first exercise Type Expression. The exercise is that we are given seven typefaces and use them to express and describe six words given by using Adobe illustrator.
Lecture 2: Development
week 2 (24.04.20)
on this lecture we've learnt history of typography development. The lecture was based on western point of view.
Phoenician to Roman
Initially writing was done by scratching into wet clay or carving into stone with chisel. the letters involved combination of straight lines and pieces of circles. Phoenicians had a style of writing called 'boustrophedon' where lines of text read alternately form right to left and left to right. Letterform changed as the time went by from Phoenician in 1000 B.C.E. to Greek 900 B.C.E and to Roman 100 B.C.E.
Square capitals (4th or 5th century) were found in roman monuments and this letterform contained serifs to the end of their strokes.
Compressed version of square capitals, rustic capitals ( late 3rd - mid 4th century ) allowed twice as many words on a sheet of parchment and took less time to write but harder to read.
Square and Rustic were often used for documents till cursive was favored for speed.
Uncial (4th - 5th) incorporated some aspects of Roman cursive hand and broad forms of uncial are more readable than rustic capitals.
In Northern Europe , a condense strongly vertical letterform, black letter/ textura gained popularity, while in south, rounder more open hand gained popularity called rotunda.
Black letter to Gutenberg's (C, 1300) his skills included engineering, metal smiting and chemistry. He mimicked the work of scribe's hand to marshaled them all to build pages. His mold required different brass matrix, negative impression for each letterform.
Lecture 3: Text/ Tracking - Kerning and Letter Spacing
week 3 (01.05.20)
Went through brief descriptions of kerning, letterspcaing and tracking adm how to use them and how they are used in the industry.
Kerning refers to automatic adjustment of space between letters. Letterspacing refers to adding the space between letters. Tracking refers to the addition and removal space between letters.
Lecture 4: Basics of Typography
week 4 (08.05.20)
Went through basics of typography to describe letterforms. With any given typeface they consists of terms or lexicons that describes every part. Such as -
Baseline
Median
X height
Ascender geight
Descender height
stroke
stem
arm
leg
ear
shoulder
spine
Crossbar
Cross Stroke
Tail
Barb
Beak
Apex
Vertex
Crotch
Bowl
Loop
Link
Spur
Ligature
Swash
Serif
Finial
Bracket
Stress
EM/En
Lecture 5
week 5 (15.05.20)
Instructions
MIB
EXERCISE
Type Expression
week 1 - 0 ( 17.04.20 - 24.04.20)
on this exercise we were given seven typefaces and eight words. Six words have to be chosen and expressed the words using given type faces. Adobe illustrator were to be used for this exercise. Lecturers recommended on making sketches before going straight to work using adobe illustrator.
For this exercise, I figured sketching using procreate seemed more suitable as I can write in given typeface design and explore.
Progress
DISAPPEAR given glitch effect to show the word to glitch and be disappeared.
on the sketch there was a typo which is fixed in the final outcome
PUSH the letter U been rotated and rocketed to the right side pushing the letters S and H
DROWN the letters are sinking in the waves to apply drowning visual
FLY the arms of the letter Y turned into a bird to fly away
LOUD given Radial Blur to show the vibration of the loud sound
HIDDEN the stems of the words are hidden by degrading the colors
Based on the feedback final outcome was remade.
Final outcome
EXERCISE
Animation
week 2 - 3 ( 24.04.20 - 01.05.20)
Choose one of the type expression from week one exercise and create animation using Adobe illustrator and Photoshop.
Type expression Disappear was chosen for this exercise.
To begin with, more than 24 art boards were created on illustrator and started filling them up.The main objected was to give glitch effect on the word disappear and the word would be gone in the end.
Progress
Total 27 art boards were made. At the beginning minor glitch was made and towards the end glitch effect gets stronger and the word breaks up even more and in the end the word disappears. Rather than white background, black background seemed to be more suitable for this exercise.
After the art boards were made Photoshop is used to create the animation and export as GIF
Made some experiments with the frame rate from 12 to 15 to 23.9. Frame rate set as 23.9 was the best option.
Final Outcome
Exercise
Indesign
week 4 - 5 ( 15.05.20 - 00.05.20)
For this exercise adobe indesign were used. Mr Vinod has uploaded a video about how to create business card text formatting and letterhead text formatting and introduction to creating columns and grids.
First ten typefaces were given and on this task, one of the typeface was to be chosen to carry on with the exercise
.
First task was to create Busines card. First two format with home address, telephone number, email and blog link was given by Mr Vinod. Two or more composition had to be made.
Final Outcome for Business Card
Moving on to Letterhead text formatting. Created four columns and six grid lines. Essay which was written on other lecture was used to fill up the text box. Paragraph spacing and leading technique applied to lines to be uniform.
Outcome for Letterhead Text format
Next exercises were done through Facebook Live stream. Envelop were format given and were given instructions fill it with my information.
Progress
Outcome
Then carried on with the next task Type setting. Mr Showed us three Grids as the basic layout.
Moved on to Layout One
Outcome
Layout Two
Learned how to insert photo and size them.
Outcome
Layout Three
Had to come up with own Design
Final outcome
PDF of all the indesign works
FEEDBACK
Week 1 (17.04.20)
there was no feedback as we only had lectures
Week 2 (24.04.20)
drown looked more of floating, loud did not seemed to work, letter U of push was too strong, arms of y changed into bird were suggested not to be changed. Loud made into exclamation mark was satisfied, Drown had too much elements but Mr Vinod let it slide as it was not too strong.
Week 3 (01.05.20)
no lecture, no feedback given
Week 4 (08.05.20) - Week 5 (15.05.20)
Envelop and name card was good except on the First layout of the name card with just my name there were two spaces in between the name, that need to be fixed. Letter spacing was all wrong as it was forced to be stretched to match the lines within the margin. head lines and the written essay needed to be in single text box. For the final layout using 2 pages were not allowed.
week 6 (22.05.20)
OBSERVATIONS
17.04.20 - 00.00.00 (Week 1- Week 0)
Park hyoung yoon (0325165)
Bachelor in Design (Honors) in Creative Media
Typography Exercises
LECTURES
Lecture 1 : Introduction to typography
week 1 (17.04.20)
Mostly focused on the introduction of the module and how to make E-portfolio. Later on we had brief introduction to our first exercise Type Expression. The exercise is that we are given seven typefaces and use them to express and describe six words given by using Adobe illustrator.
Lecture 2: Development
week 2 (24.04.20)
on this lecture we've learnt history of typography development. The lecture was based on western point of view.
Phoenician to Roman
Initially writing was done by scratching into wet clay or carving into stone with chisel. the letters involved combination of straight lines and pieces of circles. Phoenicians had a style of writing called 'boustrophedon' where lines of text read alternately form right to left and left to right. Letterform changed as the time went by from Phoenician in 1000 B.C.E. to Greek 900 B.C.E and to Roman 100 B.C.E.
Square capitals (4th or 5th century) were found in roman monuments and this letterform contained serifs to the end of their strokes.
Compressed version of square capitals, rustic capitals ( late 3rd - mid 4th century ) allowed twice as many words on a sheet of parchment and took less time to write but harder to read.
Square and Rustic were often used for documents till cursive was favored for speed.
Uncial (4th - 5th) incorporated some aspects of Roman cursive hand and broad forms of uncial are more readable than rustic capitals.
In Northern Europe , a condense strongly vertical letterform, black letter/ textura gained popularity, while in south, rounder more open hand gained popularity called rotunda.
Black letter to Gutenberg's (C, 1300) his skills included engineering, metal smiting and chemistry. He mimicked the work of scribe's hand to marshaled them all to build pages. His mold required different brass matrix, negative impression for each letterform.
Lecture 3: Text/ Tracking - Kerning and Letter Spacing
week 3 (01.05.20)
Went through brief descriptions of kerning, letterspcaing and tracking adm how to use them and how they are used in the industry.
Kerning refers to automatic adjustment of space between letters. Letterspacing refers to adding the space between letters. Tracking refers to the addition and removal space between letters.
Lecture 4: Basics of Typography
week 4 (08.05.20)
Went through basics of typography to describe letterforms. With any given typeface they consists of terms or lexicons that describes every part. Such as -
Baseline
Median
X height
Ascender geight
Descender height
stroke
stem
arm
leg
ear
shoulder
spine
Crossbar
Cross Stroke
Tail
Barb
Beak
Apex
Vertex
Crotch
Bowl
Loop
Link
Spur
Ligature
Swash
Serif
Finial
Bracket
Stress
EM/En
Lecture 5
week 5 (15.05.20)
No lecture
Demonstration of Adobe indesign taken place
Lecture 6: Text Part 2
week 6 (22.05.20)
Paragraph
week 6 (22.05.20)
Paragraph
indicating paragraph by pilcrow. when point size is 10 leading should be between 12 to 13. Laeding space should be equal to paragraph spacing for cross alignment.
befference between linespace and spacing is that linespace is the baseline of one sentence to descender of other sentence and leading is space between two sentences.
indentation is often used in newspapaers to save space.
widows and orphans
widows are short lines left alone at the end of column of text
orphans are short line of type left alone at start of new column
both should never occur in our design
flushing right or ragging left is more forgivable than widows and orphans and to remove them using force lone break or .letter spacing or kerning should do the work.
Highlighting
use of italics, making it bold changing type family is usually used. changing color of text is also used in cyan magenta or black are the only colors allowed.
bold typefaces should have smaller pointsize by 0.5 as they are larger than medium.
creating box to highlight body texts are also used, the box could be maintained within reading axis or it could exceed, same goes to bullet points.
Lecture 7: Understanding Letterforms
week 7 (29.05.20)
week 7 (29.05.20)
Uppercase
They do seem to be symmetrical but they are not.
comparison of typefaces could be figured by how stems finish and bowls meet, it will show palpable differences.
Maintaining X height
curved strokes does rise above the median or sink below the baseline but vertical and horizontal strokes adjoins.
Form / Counterform
Adjustment of space between letterform increases or decrease readability. Counterform plays important role being able to recognize the form of words and letterform it self.
To develop better understanding of dorm and counter it is advised to exam them in close details.
Contrast
a powerful dybanuc in design, simple contrast produce muliple variations such as small
+organic/ large+machined/ small+dark and large+light.
Instructions
MIB
MIB Typography March Intake 2020
EXERCISE
Type Expression
week 1 - 0 ( 17.04.20 - 24.04.20)
on this exercise we were given seven typefaces and eight words. Six words have to be chosen and expressed the words using given type faces. Adobe illustrator were to be used for this exercise. Lecturers recommended on making sketches before going straight to work using adobe illustrator.
For this exercise, I figured sketching using procreate seemed more suitable as I can write in given typeface design and explore.
 |
| Fig 1.01, Type expression Sketch |
Progress
 |
| 1.02, Design progress on Illustrator |
 |
| Fig 1.03, Final design of the 6 words |
DISAPPEAR given glitch effect to show the word to glitch and be disappeared.
on the sketch there was a typo which is fixed in the final outcome
PUSH the letter U been rotated and rocketed to the right side pushing the letters S and H
DROWN the letters are sinking in the waves to apply drowning visual
FLY the arms of the letter Y turned into a bird to fly away
LOUD given Radial Blur to show the vibration of the loud sound
HIDDEN the stems of the words are hidden by degrading the colors
Based on the feedback final outcome was remade.
Final outcome
PDF for Six typeface Final Outcome
EXERCISE
Animation
week 2 - 3 ( 24.04.20 - 01.05.20)
Choose one of the type expression from week one exercise and create animation using Adobe illustrator and Photoshop.
Type expression Disappear was chosen for this exercise.
To begin with, more than 24 art boards were created on illustrator and started filling them up.The main objected was to give glitch effect on the word disappear and the word would be gone in the end.
Progress
Total 27 art boards were made. At the beginning minor glitch was made and towards the end glitch effect gets stronger and the word breaks up even more and in the end the word disappears. Rather than white background, black background seemed to be more suitable for this exercise.
 |
| Fig 2.01, 26 Panels made in illustrator |
After the art boards were made Photoshop is used to create the animation and export as GIF
 |
| Fig 2.02, Progress of using photoshop to animate |
Made some experiments with the frame rate from 12 to 15 to 23.9. Frame rate set as 23.9 was the best option.
Final Outcome
 |
| Fig 2.03, Final outcome |
Exercise
Indesign
week 4 - 5 ( 15.05.20 - 00.05.20)
For this exercise adobe indesign were used. Mr Vinod has uploaded a video about how to create business card text formatting and letterhead text formatting and introduction to creating columns and grids.
First ten typefaces were given and on this task, one of the typeface was to be chosen to carry on with the exercise
 |
| Fig 3.01, 10 Typefaces Given |
.
First task was to create Busines card. First two format with home address, telephone number, email and blog link was given by Mr Vinod. Two or more composition had to be made.
 |
| Fig 3.02, Progress of business card |
Final Outcome for Business Card
 |
| Fig 3.03, JPEG of business card final outcome |
Moving on to Letterhead text formatting. Created four columns and six grid lines. Essay which was written on other lecture was used to fill up the text box. Paragraph spacing and leading technique applied to lines to be uniform.
 |
| Fig 3.04, progress on letterhead using indesign |
Outcome for Letterhead Text format
 |
| Fig 3.05, JPEG of final letterhead text format outcome |
Next exercises were done through Facebook Live stream. Envelop were format given and were given instructions fill it with my information.
Progress
 |
| Fig 3.06, Progress on Envelope |
Outcome
 |
| 3.07, JPEG of Final Envelop design |
Then carried on with the next task Type setting. Mr Showed us three Grids as the basic layout.
 |
| Fig 3.08, Creating Grids and Columns |
Moved on to Layout One
 |
| Fig 3.09, Layout one progress |
Outcome
 |
| 3.10, JPEG of Layout one Final outcome |
Layout Two
Learned how to insert photo and size them.
 |
| 3.11, Progress on layout 2 |
Outcome
 |
| 3.12, JPEG for Layout 2 Final Outcome |
Layout Three
Had to come up with own Design
 |
| 3.13, Progress on layout 3 |
Final outcome
 |
| 3.14, JPEG for Layout 3 final outcome |
PDF of all the indesign works
PDF for Indesign Exercises
FEEDBACK
Week 1 (17.04.20)
there was no feedback as we only had lectures
Week 2 (24.04.20)
drown looked more of floating, loud did not seemed to work, letter U of push was too strong, arms of y changed into bird were suggested not to be changed. Loud made into exclamation mark was satisfied, Drown had too much elements but Mr Vinod let it slide as it was not too strong.
Week 3 (01.05.20)
no lecture, no feedback given
Week 4 (08.05.20) - Week 5 (15.05.20)
Envelop and name card was good except on the First layout of the name card with just my name there were two spaces in between the name, that need to be fixed. Letter spacing was all wrong as it was forced to be stretched to match the lines within the margin. head lines and the written essay needed to be in single text box. For the final layout using 2 pages were not allowed.
week 6 (22.05.20)
feedback of Project 1 was short and brief, Mr Vinod was impressed of the layout. Cover page had few elements that looked awkward and needed to be replaced or removed. For second page, sub headlines had to be more aligned to center of the body texts and more kerning had to be done for body texts.
week 7 (29.05.20)
shown 4 sketches for project 2, Mr Vinod remarked that two of the sketches was interesting to work with.
REFLECTION
EXPERIENCE
Week 1 (17.04.20)
Mr Vinod introduced the module through Facebook live stream for about three hours.
There were lots of information to sink in and Mr Vinod insisted on jotting down notes so that we wont get lost.
Week 2 (24.04.20)
Received feedback on how to improve on the first exercise one to one.
Week 3 (01.05.20)
no lecture
Week 4 (08.05.20)
Introduced to adobe indesign, as use of frequent adobe illustrator and photoshop the interface was easy to understand and to work with.
Week 5 (15.05.20)
Although it was very familiar to use there were many rules and basics that needs to be followed by heart in order to complete this assignments which was very challenging.
week 6 (22.05.20)
shown 4 sketches for project 2, Mr Vinod remarked that two of the sketches was interesting to work with.
REFLECTION
EXPERIENCE
Week 1 (17.04.20)
Mr Vinod introduced the module through Facebook live stream for about three hours.
There were lots of information to sink in and Mr Vinod insisted on jotting down notes so that we wont get lost.
Week 2 (24.04.20)
Received feedback on how to improve on the first exercise one to one.
Week 3 (01.05.20)
no lecture
Week 4 (08.05.20)
Introduced to adobe indesign, as use of frequent adobe illustrator and photoshop the interface was easy to understand and to work with.
Week 5 (15.05.20)
Although it was very familiar to use there were many rules and basics that needs to be followed by heart in order to complete this assignments which was very challenging.
week 6 (22.05.20)
was allowed to work with adobe illustrator which i was more familiar with. it was fun to work project 1 as it felt creating poster art using typographic elements.
week 7 (29.05.20)
It was challenging to create typeface as each and every alphabets had to be made and for my design the short lines within the alphabet strokes were very time consuming.
OBSERVATIONS
week 1 (17.04.20)
Mr Vinod was focused on lectures and Mr Samsul was focusing technical problems while using Adobe Illustrator.
Mr Vinod was focused on lectures and Mr Samsul was focusing technical problems while using Adobe Illustrator.
week 2 (24.04.20)
the exercises were limited to use minimum use of graphical elements so that typefaces gain more focus and understanding.
week 3 (01.05.20)
no lecture
week 4 (08.05.20)
The exercises was simple compared to other exercises as we only had to work with text layouts and headline designs.
week 5 (15.05.20)
If the rules and basics were understood, creating layouts and lots of varieties of work can be done within short period of time.
FINDINGS
Week 1 (17.04.20)
There were deep history about typography as the few typefaces Mr Vinod introduced to us had more than 500 years of history.
Week 2 (24.04.20)
learned the history on how letter font was developed.
Week 3 (01.05.20)
no lecture
Week 4 (08.05.20)
Learned each and different terms of typeface which was interesting
Week 5 (15.05.20)
After this lecture all the kernings, letter spacing used in the industry were more interesting and more visible.
FURTHER READING
Week 1 (17.04.20)
TITLE - Comic Book Design
AUTHOR - Gary Spencer Millidge
PUBLISHED - 2009
On Lettering and balloons chapter there were lots to learn about typography in comics. Such as how lettering style is matched the drawing style and to be read together as single entity. There are places that use hand lettering among independent creators to express their own personal style, but computer fonts and software generated lettering has became the predominant choice for major publishers.
Week 2 (24.04.20)
TITLE - Thinking with Type : A Critical Guide for Designers, Writers, Editors and Students
AUTHOR - Ellen Lupton
PUBLISHED - 2010
This book has good visual examples of how typographic form can be incentive within the system. It contained basics of typography such as the anatomy of typefaces, type families, type classification, lettering and also contained kerning, spacing, linearity and marking paragraphs and more.
logotypes and branding caught my attention the most. It explained how organizations use typography in memorable way and create distinctive visual image.
Week 3 (01.05.20)
TITLE - Books Before Typography
AUTHOR - Hamilton, Frederick William
PUBLISHED - 2009
The contents of the book had origins of the alphabets, writing materials, evolution of the books and more. It contained good history of how the alphabets developed through time, how writing materials changed and books were made to record and pass information throughout the history. It was very interesting to learn how alphabets were developed. In the earliest ages ways of communication was through knots known as Quipus which is from ancient Peruvians. The number pf arrangements of knots and the color of the cords made to show range of expressions.
Week 4 (08.05.20)
TITLE - The Art and Parctice of Typography
AUTHOR - Gress, Edmund Geiger
PUBLISHED - 2017
This book is contains history up to the twentieth century of type faces and methods of arrangements. to name a few of the contents, there were origin of typography and how it spread and how typography was used in colonial days and in 19th century and how it is used in books, business cards, advertisements, newspapers and more.
Most memorable part of the book was typography of books, Whereas title page and an inside page of a book which in its way is shown as a model. Harmonious use of composite colonial and Modern typography in books.
Week 5 (15.05.20)
TITLE - 1000 Type Treatments
PUBLISHER - Gloucester, Mass : Rockport Publishers
PUBLISHED - 2005
this book contained 1000 layouts and typefaces used in Flyers + Leaflets, Books + Magazines and Logos + Stationary. This book really helped to gather ideas of how different types of typefaces can be used in many situations and in different formats in harmonious ways. This book would be very useful for research and reference for future assignments and so on.
week 3 (01.05.20)
no lecture
week 4 (08.05.20)
The exercises was simple compared to other exercises as we only had to work with text layouts and headline designs.
week 5 (15.05.20)
If the rules and basics were understood, creating layouts and lots of varieties of work can be done within short period of time.
week 6 (22.05.20)
typographic elements creates good contrast which made it more enjoyable to create cover for project 1.
week 7 (29.05.20)
Gill sans font was really my ideal choice all time, creating typeface sketches based on gill sans was simple and direct.
FINDINGS
Week 1 (17.04.20)
There were deep history about typography as the few typefaces Mr Vinod introduced to us had more than 500 years of history.
Week 2 (24.04.20)
learned the history on how letter font was developed.
Week 3 (01.05.20)
no lecture
Week 4 (08.05.20)
Learned each and different terms of typeface which was interesting
Week 5 (15.05.20)
After this lecture all the kernings, letter spacing used in the industry were more interesting and more visible.
week 6 (22.05.20)
week 7 (29.05.20)
FURTHER READING
Week 1 (17.04.20)
TITLE - Comic Book Design
AUTHOR - Gary Spencer Millidge
PUBLISHED - 2009
 |
| Fig 4.01, Book cover of Comic Book Design |
On Lettering and balloons chapter there were lots to learn about typography in comics. Such as how lettering style is matched the drawing style and to be read together as single entity. There are places that use hand lettering among independent creators to express their own personal style, but computer fonts and software generated lettering has became the predominant choice for major publishers.
Week 2 (24.04.20)
TITLE - Thinking with Type : A Critical Guide for Designers, Writers, Editors and Students
AUTHOR - Ellen Lupton
PUBLISHED - 2010
 |
| Fig 4.02, Book Cover of Thinking with Type : A Critical Guide for Designers, Writers, Editors and Students |
This book has good visual examples of how typographic form can be incentive within the system. It contained basics of typography such as the anatomy of typefaces, type families, type classification, lettering and also contained kerning, spacing, linearity and marking paragraphs and more.
logotypes and branding caught my attention the most. It explained how organizations use typography in memorable way and create distinctive visual image.
Week 3 (01.05.20)
TITLE - Books Before Typography
AUTHOR - Hamilton, Frederick William
PUBLISHED - 2009
 |
| Fig 4.03, Book cover of Books before Typography |
The contents of the book had origins of the alphabets, writing materials, evolution of the books and more. It contained good history of how the alphabets developed through time, how writing materials changed and books were made to record and pass information throughout the history. It was very interesting to learn how alphabets were developed. In the earliest ages ways of communication was through knots known as Quipus which is from ancient Peruvians. The number pf arrangements of knots and the color of the cords made to show range of expressions.
Week 4 (08.05.20)
TITLE - The Art and Parctice of Typography
AUTHOR - Gress, Edmund Geiger
PUBLISHED - 2017
 |
| Fig 4.04, book cover of The Art and Parctice of Typography |
This book is contains history up to the twentieth century of type faces and methods of arrangements. to name a few of the contents, there were origin of typography and how it spread and how typography was used in colonial days and in 19th century and how it is used in books, business cards, advertisements, newspapers and more.
Most memorable part of the book was typography of books, Whereas title page and an inside page of a book which in its way is shown as a model. Harmonious use of composite colonial and Modern typography in books.
Week 5 (15.05.20)
TITLE - 1000 Type Treatments
PUBLISHER - Gloucester, Mass : Rockport Publishers
PUBLISHED - 2005
 |
| Fig 4.05, Book cover of 1000 Type Treatments |
this book contained 1000 layouts and typefaces used in Flyers + Leaflets, Books + Magazines and Logos + Stationary. This book really helped to gather ideas of how different types of typefaces can be used in many situations and in different formats in harmonious ways. This book would be very useful for research and reference for future assignments and so on.
Comments
Post a Comment