FONTSandTYPFACES. Pictorial Signs - (Pictograms) Pictograms are very simple drawings that represent things or ideas. This method of communication is.

Slides:



Advertisements
Similar presentations
The Art and Technique of Arranging Type
Advertisements

SM2222: Information Design and Visualization Session 3: Typography 23 September 2005.
0202 IAT 102 Graphic Design Typography Typeface Spacing.
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
Typography (The study of font).
Week 7 Web Typography. 2 Understanding Type Design Principles.
Word Processing Fonts. What is a font? The spaghetti fell on the floor.
The Use of Typography in Print and Electronically. [typography] “exists to honour content” Robert Bringhurst, The Elements of Typographical Style.
SM5312 week 2: web design1 Web Typography Nick Foxall.
Designing With Type part 1. “Everyone is a typographer now. How good a typographer you are is up to you!” - Jason Cranford (designer)
TYPOGRAPHY vasuki belavadi reader dept. of communication s n school university of hyderabad.
content/uploads/2010/03/Death_by_Typography_by_GCORE1.jpg.
Thinking with Type A Critical Guide for Designers, Writers, Editors, & Students ELLEN LUPTON v.
1.01A – What typefaces should be used for various displays?????
1.01 Investigate typefaces and fonts.
Multimedia & Webpage Design
Categories TYPE of Text is the most essential ingredient in design communication. With type you communicate in two distinct ways. The first message your.
Typography and Space for Web Design Important Issues From Web Style Guide.
E D Typography A C B Georgina Wood.
Arts and Crafts: Design in a Nutshell. Calligraphy Calligraphy (from Ancient Greek: κάλλος kall os "beauty" + γραφή graphẽ "writing")Ancient Greekκάλλοςγραφή.
10. Typography The basic terminology & concepts of working with type
Typography 2.01 Investigate typefaces and fonts..
Words are communication. What do they say? The meaning should come before the look of the type is considered. The primary task of graphic design is to.
DTP Notes.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
Chapter 7 Web Typography Principles of Web Design, 4 th Edition.
Typography
Digital Interactive Media
All of the following terms describe parts of a font that give the eye visual clues to decoding the letters while reading. Many of these terms stem from.
Typography and Illustrator The History of Typography & Using Illustrator to create.
Interface Design I.
Typography The Art of designing with words and letters.
The applied art of arranging image and text to communicate a message.
FONTSandTYPFACES. Pictorial Signs - (Pictograms) Pictograms are very simple drawings that represent things or ideas. This method of communication is.
Typograpy. Type Type - Categories Serif Fonts  Oldstyle  Transitional  Modern  Slab Serif Sans Serif Fonts Script Decorative Monospaced.
Typography Graphic Design Fundamentals
Typography 1.01 Investigate typefaces and fonts. (Rev. 2011)
Chapter 3 - Text Revamped by Hamzah Asyrani Sulaiman.
Graphic Communications Chapter 4.  Distinctive designs of visual symbols that are used to compose a printed page.  Ie: Magneto, Times New Roman, Baskerville,
Headings and Text What makes headings stand out?.
COM 365 Newspaper Layout & Design
Typography. The Target Audience Publications are created to convey a message to the intended audience, called the target audience. The target audience.
What are we interested in? 1. Understand Design 0 2. Digital Image design 3 3. Time-based media Webpage design 2 1.
Words are communication. What do they say? The meaning should come before the look of the type is considered. Choose typographic styles and sizes that.
Graphic Design Mrs. Lacks. Typography Is the art and skill of arranging text so that language is visible Essentially, all forms of writing are typography.
Principles of Typography
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
The designer crafted word
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Graphic Design Working with Type
Digital Interactive Media
Typography and Illustrator
The art of using text to produce professional looking publications.
Typography Typography is the art and technique of creating and composing type in order to convey a message. Words are communication. What do they say?
Vocabulary & Guidelines
Typography Basics 2.01 Investigate typefaces and fonts.
Unit 2.1: Identifying design elements when preparing graphics
2.01 Investigate typefaces and fonts.
FONTS and TYPEFACES.
The Art of Type 9/17/2018.
Typography The Art of designing with words and letters.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
2.01 Investigate typefaces and fonts.
Principles of Typography
Digital Interactive Media
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Typography.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Presentation transcript:

FONTSandTYPFACES

Pictorial Signs - (Pictograms) Pictograms are very simple drawings that represent things or ideas. This method of communication is still used today by certain civilisations including Chinese and Japanese and American Indians. Pictograms can also be found in ancient Egyptian hieroglyphics. In this series of Pictograms the message reads "I go with boat to that island. I sleep there, then go to another island. I sleep there twice. (Two nights.) I hunt and catch one sea lion."

Signs for Ideas - (Ideagrams) Ideagrams are often derived directly by simplifying pictograms. However, arbitrary shapes were used to represent ideas that are abstract and which cannot be conveyed in a picture. This means of communication is used mostly in Chinese and Japanese. In this visual Pictograms are on the left and Ideagrams on the right.

Origins Of The Alphabet

Latin Alphabet AD Adapted from Greeks by Romans in 114 AD, on the Trajan Column in Rome. These Trajan capital letters have served, ever since, as a permanent criterion for modern lettering. They were first sketched on stone with a broad brush, then incised with a chisel & mallet. Spurs on the end were chisel marks, later to become serifs.

Second Century Roman Inscriptional Letterforms At this point in time there was no alternative to capital (majuscule) letters. However, it is clear that these beautiful forms did have an influence on the. lowercase (minuscules) as they began to evolve during the following few centuries.

Gutenberg's Type, Circa 1440 The angular Gothic letter of Johann Gutenberg's type closely follows the style of handwriting practiced in Germany at the time. Gutenberg first invented the process of printing from moveable type in 1440… one of the most monumental achievements of our civilization. The visual is a page from his famous 42-line Bible which was printed in two volumes between 1452 and 1455.

The Development of the Alphabet From the time of the invention of printing in 1440 until 1500 printers from this period were mostly scholars who welcomed the means to produce books at what was then considered to be great speed. These printers were also the publishers and typefounders and it wasn't until many years later that the crafts, trades and businesses of typefounder, printer, publisher and bookseller became separate functions. Originally, books were meant ONLY for cultured men of certain social standing who became printers and who themselves undertook many of the operations within the printing process.

Identifying Styles and Types of Fonts

FONT CLASSICS - Serif Style These are known as “traditional” style fonts and are mostly used in books and magazines or if you are trying to achieve a more refined look.

FONT CLASSICS - Sans Serif Style These are known as “modern” style fonts and are used very often on billboards, signs, logos and on posters because of the fluid, easy to recognize and understand design and style. Arial Futura Eurostyle Franklin Gothic Demi Verdana Franklin Gothic Demi Verdana

FONT CLASSICS - Both Styles The fonts most widely used online are known as web safe fonts. Web Safe Fonts need to be readable across Multiple platforms (PC and Mac). With a monospace font, each letter takes up the same width and the rest Arial Lucinda Console Courier Monaco Sans Serif Serif Monospaced Tahoma Trebuchet Verdana Georgia Times

Helvetica With the name Helvetica (Latin for Swiss), this font has the objective and functional style which was associated with Swiss typography in the 1950s and 1960s. It is perfect for international correspondence: no ornament, no emotion, just clear presentation of information. Helvetica is still one of the most well-know sans-serif fonts in use today.

Notice the minimal use of text. Because of this your eyes are drawn only to the information that’s most important to the artist or client.

Anatomy Of Letters Booty

Text is measured in the following two ways. VERTICAL (up and down) is measured in POINTS 28 Point - Joe Eats Paste 16 Point - Maddie also enjoys paste 50 Point - “Paste is delicious” - says Wednesday

HORIZONTAL (width) is measured in PICAS

- measurements continued -

Which is correct? I go to the outhouse at least three times per day. I g o to the outhouse at least three times pe r day.

- measurements continued -

S a i g e l i k e s w h e n g u y s w h i s t l e a t h i m Gabby enjoys when guys whistle at her - measurements continued - Stephanie enjoys when guys whistle at her Mr. Juul gets freaked out if girls whistle at him

- measurements continued -

- KINDS OF TYPE - Headline Type sizes range from a minimum of 14 points on up.

- HEADLINE EXAMPLES -

IT’S OFFICIAL! Why Does Alek Eat His Own Poop? TYLER TO WED HIMSELF!

- KINDS OF TYPE -

- BODY TYPE EXAMPLE - Times New Roman Garamond Franklin Gothic Demi Arial

- BODY TYPE EXAMPLE - Which of these fonts are easiest for you to understand and read? ? Know why ? It’s what YOU are most accustomed to… thus these fonts get used most often.

- HIERARCHY - VISUAL HIERARCHY refers to the descending order of several fonts within a design. The Headline is usually largest or has attention drawn to it using weight or color. The information in or order of least importance follows.

- FONT FAMILIES - Consists of variations within one style of font. Helvetica for example, has a huge family tree. Some fonts may only have bold or italic versions

Summary. Our current alphabet is made up of 26 distinct symbols that represent thousands of years of evolution in design. As a designer, you can modify, simplify or embellish these symbols and forms, but you cannot change the basic shapes without weakening communication.

Look through all the font links we have available online at Also check out Fonts.com That is all for today spuds…

RECAP QUESTION TIME What is TYPOGRAPHY Who was JOHAN GUTENBERG What did GUTENBERG’S invention help create in the Western World? The Art Of Printing With or Design with Type First invented the process of printing from movable type in Books… Literacy… Schools… Critical Thinking… Individualism

RECAP continued SANS SERIF This style of serif font is mostly used in books and magazines “Traditional” SERIF With guideline strokes is known as? Without guideline strokes is known as?

RECAP continued Text is measured in the following two ways. PICAS which measures what? PICAS which measures what? KERNING - Adjusting the space between letters LINESPACING (LEADING) - Adjusting the space between lines of text WORDSPACING - Adjusting the space between words POINTS which measures what? Width Width Height

RECAP continued HEADLINE TYPE is measured in 14 POINTS and up BODY TYPE is measured up to 12 points and down