Typography INTRODUCTION TO DVG20043 TS EZLINA BINTI MOHAMAD ESA NAYLI DAYANA AFRINA BINTI MOHAMMAD ARSHAD DRG2B 09DRG22F1018
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. It involves font style, appearance, and structure, which aims to elicit certain emotions and convey specific messages.
a.Early writing in clay and stones (Clay Bullae, Cuneiform, 1 Hieroglyphics) . THE TIMELINE OF HANDWRITING IN ANCIENT ERA
Small portable clay to represent daily economic objects. Not yet a writing system Clay Bullae - 8000–3100 B.C.E. Mesopotamia pressing the blunt end of a reed stylus into wet clay tablets written from left to right Cuneiform 300BCE The Egyptian writing system is fused with the art of relief carving first link to a future alphabetic system Hieroglyphics 1.The timeline of handwriting in Ancient Era a.Early writing in clay and stones (Clay Bullae, Cuneiform, Hieroglyphics)
based on the Semitic alphabet of the Phoenicians. each symbol represents a single consonant as opposed to a syllable consists of 22 characters Early Greek used a variety of tools for writing on wax tablets or thin leaves of wood documents and books written in pen and ink on papyrus Early Roman The ancient Roman literature was written in the Latin language. It maintains an enduring legacy of ancient Rome, its culture, and its people. Classical Roman 1.The timeline of handwriting in Ancient Era b.Early writing in early greek, early roman, classical roman, roman letterform and black letter
the strokes of these letter grew thicker, the aperture lessened, and serifs appeared used for inscriptions throughout the Greek empire, Roman Letterform Gothic script or Old English script, in calligraphy, a style of alphabet that was used for manuscript books and documents throughout Europe black letter 1.The timeline of handwriting in Ancient Era b.Early writing in early greek, early roman, classical roman, roman letterform and black letter
a. Mechanical writing (Guttenberg ’ s System) b. Italics (Italians) 2. IDENTIFY THE PRINTED-TYPE ERA
the beginning of the Printing Revolution in the western world movable type was a marked improvement on the handwritten manuscript book production in Europe Mechanical writing (Guttenberg’s System) 01 italic, in printing, a sloping, light-bodied, compact, and almost cursive letter form, which, with roman and black letter shapes, has been one of the three major typefaces in the history of Western printing. Italics (Italians) 02 2. Identify the Printed-type era a. Mechanical writing (Guttenberg ’ s System) b. Italics (Italians)
a. Islamic calligraphy b. eastern calligraphy 3. IDENTIFY THE CALLIGRAPHY ART
Islamic calligraphy 03 Eastern calligraphy uses small, tapered brushes, ink, the inkstone and paper. The size and hair of the brush determine the different writing styles. The motion of forming the letter is a focus in Eastern calligraphy. Eastern calligraphy 04 3. Identify the Calligraphy art a. Islamic calligraphy b. eastern calligraphy Islamic calligraphy is an artistic visual style of handwriting where the subject matter is centered on Islamic words and verses of the Quran The tools used are ink and a special pen, ink brush, or another type of stick
a. Capitals. b. Lowercases. c. Punctuations. d. Mathematical signs. e. Symbol 4. IDENTIFY THE TYPES OF CHARACTERS
4. Identify the Types of Characters a. Capitals. b. Lowercases. c. Punctuations. d. Mathematical signs. e. Symbol The capitals in a typeface. The name refers to the days of metal type, as the capitals were kept in the upper part of the type case. CAPITALS (UPPERCASE) 01 The small letters in a typeface. The name refers to the days of metal type, as the small letters were kept in the lower part of the type case LOWERCASES 02 Punctuation refers to typographic symbols (and sometimes spaces) used to clarify the meaning of text, as well as to aid in reading comprehension. PUNCTUATIONS 03
4. Identify the Types of Characters a. Capitals. b. Lowercases. c. Punctuations. d. Mathematical signs. e. Symbol Mathematical Alphanumeric Symbols is a Unicode block comprising styled forms of Latin and Greek letters and decimal digits that enable mathematicians to denote different notions with different letter styles. MATHEMATICAL SIGNS 04 a character or symbol that isn't considered to be a punctuation mark but may still be used in writing for various purposes. Typographical symbols are generally avoided in formal writing under most circumstances. SYMBOLS 05
a. Typography. b. Font. c. Typeface. d. Font Family. e. Letterform 5 . EXPLAIN THE TERMINOLOGIES IN TYPOGRAPHY
A collection of letters, numbers, punctuation, and other symbols used to set text (or related) matter. 5. Explain the Terminologies in Typography a. Typography. b. Font. c. Typeface. d. Font Family. e. Letterform a. Typography b. Font A collection of letters, numbers, punctuation, and other symbols used to set text (or related) matter.
A (mostly) slanted type style which takes its basic shapes from a stylized form of handwriting, and is usually narrower than its roman counterpart. Italics are commonly used for emphasis in text. They are primarily found in serif designs, while obliques originally were associated with sans serifs. 5. Explain the Terminologies in Typography a. Typography. b. Font. c. Typeface. d. Font Family. e. Letterform Font family Italic
Bold is one of the most common weights of a typeface, always with a heavier stroke than the regular/upright version. Bold is commonly used for emphasis. 5. Explain the Terminologies in Typography a. Typography. b. Font. c. Typeface. d. Font Family. e. Letterform Font family Bold
Wide or extended typefaces are those with characters that typically take up a great deal of horizontal space, sitting at the opposite end of the spectrum from “condensed” or “compressed” type. 5. Explain the Terminologies in Typography a. Typography. b. Font. c. Typeface. d. Font Family. e. Letterform Font family Extended
Italicization is used for gentle emphasis, bold is used for heavier emphasis. All caps are another alternative means of emphasis. None of these should be used on more than a few words together. 5. Explain the Terminologies in Typography a. Typography. b. Font. c. Typeface. d. Font Family. e. Letterform Font family Italic bold
6. Identify Superscripts/subscript/old style, and lining figures.
6. Identify Superscripts/subscript/old style, and lining figures. Abbreviated as sup, a superscript is a character(s) half the height of a standard character and printed higher than the rest of the text. An example of superscript is shown below. a. Superscript b. Subscript Abbreviated as sub, subscript refers to words or characters that are half the height of a standard character and printed lower than other text. Below is an example of subscript text, which shows "Subscript Text" halfway below the bottom line of the "Normal Text."
6. Identify Superscripts/subscript/old style, and lining figures. Old Style is a style of serif font developed by Renaissance typographers in the 15th century. It replaced the Blackletter style of type that was in popular use in hand-lettered writings of the day. Many of the letterforms were based initially on pen-drawn strokes c. Old style d. Lining figures Lining figures (also called aligning, cap, or modern figures) approximate capital letters in that they are uniform in height, and generally align with the baseline and the cap height. In some traditional typefaces, certain numerals extend slightly above and/or below the baseline and/or the cap height
REFERENCE http://www.designhistory.org/Handwriting_pages/EarlyWriting.html https://carlos.emory.edu/htdocs/ODYSSEY/ROME/writ.html#:~:text=The%20Romans %20used%20a%20variety,papyrus%20or%20sometimes%20on%20parchment. https://www.thesaurus.com/e/grammar/what-are-the-major-punctuationmarks/#:~:text=copy%20lickety%2Dsplit.-,What%20is%20a%20typographical%20symbo l%3F,formal%20writing%20under%20most%20circumstances. https://www.monotype.com/resources/studio/typography-terms https://www.fonts.com/content/learning/fontology/level-3/numbers/liningfigures#:~:text=Lining%20figures%20(also%20called%20aligning,and%2For%20the%2 0cap%20height.
THANK YOU!