Font / Typeface. Font or Typeface Typeface (letters & numerals with unique design) Typeface (letters & numerals with unique design) E.g., Ariel, Helvetica,

Slides:



Advertisements
Similar presentations
The Key Element in Desktop Publishing Design
Advertisements

Typography Graphic Comm. Mr. Jarrett. Learning Objectives What is Typography What is a Serif Kerning, Tracking, & Leading Font Classifications Using Typography.
Typography. Where can type face be found? What is the ultimate purpose? Why is it important?
Typography (The study of font).
Why use typeface?  Form of communication  The power to express words and ideas  Began as carving on tablets and cave walls  Books began as being written.
WORKING with TYPOGRAPHY The art of skillfully arranging and presenting type to gain attention.
Typography the art of using (text) fonts and font styles to produce professional looking publications the art of using (text) fonts and font styles to.
Typography Usability & Readability
Typography Basic terminology/concepts
The Wonder Of Typography. Typography broken down… Brief history and back ground of typography Brief history and back ground of typography The principles.
Welcome and have a seat please.  What is typography?  The design of the characters and the way they are presented on the page  What are fonts?
TYPOGRAPHY vasuki belavadi reader dept. of communication s n school university of hyderabad.
Typography. What message do these fonts convey?  Jokerman  Old English Text  Brush Script  Curlz  Edwardian Script.
1.01 Investigate typefaces and fonts.
1.01A – What typefaces should be used for various displays?????
1.01 Investigate typefaces and fonts.
Typofaces give voice to words Typefaces give voice to words.
Font The design of text – the general shape and style of a set of characters. One style and size of a particular typeface. Example: Palatino is a typeface,
Multimedia & Webpage Design
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.
Categories TYPE of Text is the most essential ingredient in design communication. With type you communicate in two distinct ways. The first message your.
10. Typography The basic terminology & concepts of working with type
Typography 2.01 Investigate typefaces and fonts..
Principles of Typography
1 CP586 © Peter Lo 2003 Multimedia Communication Font and Text.
Chapter 9 Text. So, chapter 10 is about Photography, now Chapter 9 is about text What should it look like, how big should it be, how do colors contrast,
TYPOGRAPHY.
Typography Concepts Typeface Anatomy Typeface Categories –Text –Display –Decorative Emphasis Strategies Point size/ Measure/ Leading.
Digital Interactive Media
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Type Classification and Selection.
Q: Invitation to the prom A. Decorative/Ornamental B. Sans Serif C. Script D. Serif.
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.
Understanding Fonts. Fonts Hold Power The font you choose should reflect the message of your document. What kind of feelings do the following fonts convey:
Font Families by Anthony Asay. Font Family ●Font family or font face is the typeface that is applied to the text by a web browser. ●There are a lot of.
Typography All types of t y pe Typography Defined The design, arrangement, style and appearance of type matter constitute typography.
JRN 302: Introduction to Graphics and Visual Communication - Typography Tuesday, 9/22/15.
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
TEXT Size and typeface of text Bold, italics, capitals, underlines Spacing between lines, words, and letters.
Text and Fonts in CSS. Customizing fonts In CSS, fonts are divided into “font families” Only certain fonts are commonly installed on most computers Therefore.
Welcome eager young artists! Ms. Edelman Friday, October 16, 2015  DO NOW: take out your notebook and a pen.
 The typeface or design of a set of characters  Examples: letters, numbers, symbols, punctuation marks Fonts.
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
Typography Graphic Design Fundamentals
Typography 1.01 Investigate typefaces and fonts. (Rev. 2011)
TYPOGRAPHY What is Typography?
TYPOGRAPHY.
Headings and Text What makes headings stand out?.
Typography. the design and use of typefaces as a means of visual communication how to select, size, arrange, and use typefaces.
JRN 302: Introduction to Graphics and Visual Communication - Typography Tuesday,
Typography. The Target Audience Publications are created to convey a message to the intended audience, called the target audience. The target audience.
Font:  Text of a certain design, available in hundreds of varieties.  Called typeface. Style:  The way a font looks: Bold, Italic, regular Points: 
What are we interested in? 1. Understand Design 0 2. Digital Image design 3 3. Time-based media Webpage design 2 1.
Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.
Digital Interactive Media
Introduction to typography
Digital Interactive Media
Digital Interactive Media
The designer crafted word
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Digital Interactive Media
Selecting a Typeface MKT 4123 Advertising.
Typography Basics 2.01 Investigate typefaces and fonts.
2.01 Investigate typefaces and fonts.
1.01 Investigate typefaces and fonts.
The Art of Type 9/17/2018.
2.01 Investigate typefaces and fonts.
Digital Interactive Media
Typography.
Typography Usability & Readability
Presentation transcript:

Font / Typeface

Font or Typeface Typeface (letters & numerals with unique design) Typeface (letters & numerals with unique design) E.g., Ariel, Helvetica, Time New Roam, Courier E.g., Ariel, Helvetica, Time New Roam, Courier Font (style) – includes typeface, weight, style, size Font (style) – includes typeface, weight, style, size E.g., Roman, regular(or boldface), italic E.g., Roman, regular(or boldface), italic

Typeface Categories Serif Serif Sans Serif Sans Serif Helvetica

Typeface Categories Proportionally Spaced Proportionally Spaced Monospaced Monospaced

Technological Influence Medieval: Hand scripting by scribes Medieval: Hand scripting by scribes Gutenberg: Printing Press ( ) Gutenberg: Printing Press ( ) Industrial Revolution: Linotype (1870’s- 1960’s) Industrial Revolution: Linotype (1870’s- 1960’s) Photocomposition: (1950’s-1980’s) Photocomposition: (1950’s-1980’s) Computers: Digital fonts (starting in 1970’s) Computers: Digital fonts (starting in 1970’s)

Black Letter Fonts (Medieval) Characteristics Ornate, throwback from hand scripting in monasteries Characteristics Ornate, throwback from hand scripting in monasteries Textura Textura Cloistered Black Cloistered Black

Old Style (Reinassance) Characteristics Considered “warm” and friendly, serif (Serif allowed for wearing off of print head) Characteristics Considered “warm” and friendly, serif (Serif allowed for wearing off of print head) Centaur Centaur Bembo Bembo

Transitional Characteristics Vertical stress, horizontal serifs Characteristics Vertical stress, horizontal serifs Fournier Fournier Bembo Bembo

Modern Characteristics Horizontals and serifs are thin. (Technology allowed serifs and horizontal strokes to be thin.) Characteristics Horizontals and serifs are thin. (Technology allowed serifs and horizontal strokes to be thin.) Bedoni Bedoni Walbaum Walbaum

Sans-Serif Characteristics No horizontal flourishes. Geometric (Serif no longer needed to compensate for print head erosion.) Characteristics No horizontal flourishes. Geometric (Serif no longer needed to compensate for print head erosion.) Helvetica Helvetica Arial Arial AaBbCcDdEe

Script/Cursive Characteristics Resemble handwriting, especially with steel nib. Characteristics Resemble handwriting, especially with steel nib. Staccato222 BT Staccato222 BT Monotype Corsive Monotype Corsive AaBbCcDdEe AaBbCcDdEe

Serifs vs Sans-serifs Serifs Serifs Most common in printed text. Most common in printed text. Easier on the eye for regular text Easier on the eye for regular text Sans-serifs Sans-serifs OK for short text. OK for short text. Useful to make text stand out. Useful to make text stand out. Effective as titles Effective as titles

Other Examples Monospaced Monospaced Monospaced Decorative Decorative Decorative Symbols Symbols Symbols Computer-related Computer-related Computer-related

Advice (Comic Sans MS) Do not overuse the variety of font typeface. (Monotype Corsive) Do not overuse the variety of font typeface. (Monotype Corsive) Too many typefaces on a page is distracting. (Courier New) Too many typefaces on a page is distracting. (Courier New) Same goes for bolding and italicizing. Use them for emphasis effect. (Times New Roman) Same goes for bolding and italicizing. Use them for emphasis effect. (Times New Roman)

References Thomas Phinney, A Brief History of Typeface Thomas Phinney, A Brief History of Typeface The Font Pool – source of 27,372 fonts The Font Pool – source of 27,372 fonts Fonts by Category— Fonts by Category—