T y p o g r a p h y* A few words (and illustrations) about the history and the art of type selection and application * The art of setting and arranging.

Slides:



Advertisements
Similar presentations
The Art and Technique of Arranging Type
Advertisements

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 ENGL Terms Concordant, conflicting, contrasting (NDDB 123) X-height (NDDB 142) Ascenders (NDDB 142) Descenders (NDDB 142) Baseline (NDDB.
Typography. Where can type face be found? What is the ultimate purpose? Why is it important?
Typography (The study of font).
The art or process of printing with type Typography.
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.
Understanding Typography Part One
0202 IAT 102 Graphic Design Typography: origin of movable type Typeface Grid.
Designing With Type part 1. “Everyone is a typographer now. How good a typographer you are is up to you!” - Jason Cranford (designer)
1.01 Investigate typefaces and fonts.
RIDDLE What goes around the world but stays in a corner?
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?????
CSS The Definitive Guide Chapter 5.  You will understand why setting font properties will be among the most common uses of style sheets.  Font family.
1.01 Investigate typefaces and fonts.
Multimedia & Webpage Design
 Font is also commonly called type or text › They all mean the same thing You can say font face or type face but they mean the same thing.
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.
10. Typography The basic terminology & concepts of working with type
Fall Unit 2. Development Module 8: Typography & Design.
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.
DHS Graphic Design Typography. Type Alignment There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around.
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,
DO NOW What are some examples of ways that companies use fonts to help sell their products? Copy your homework: Find two examples of creative uses of font.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
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.
Typography. TYPOGRAPHY: The art of type TYPE All the letters (abc), Numbers (123) & characters (; of the alphabet.
Terms to Know Primer A few more terms Typeface – single set of letterforms Type Family – several font designs representing a range of style variations.
The art of using text to produce professional looking publications.
The applied art of arranging image and text to communicate a message.
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
Font / Typeface. Font or Typeface Typeface (letters & numerals with unique design) Typeface (letters & numerals with unique design) E.g., Ariel, Helvetica,
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
Typographic History & Classification
Typography Graphic Design Fundamentals
Typography 1.01 Investigate typefaces and fonts. (Rev. 2011)
TYPOGRAPHY What is Typography?
Graphic Communications Chapter 4.  Distinctive designs of visual symbols that are used to compose a printed page.  Ie: Magneto, Times New Roman, Baskerville,
Typography is the art and technique of arranging type in order to make language visible. - The arrangement of type involves the selection of typefaces,
Typography Classifying Typefaces. Typeface Classification - Serif, Sans and Script Type can be classified into 3 broad categories: SERIF, SANS SERIF and.
The art of using text to produce professional looking publications.
COM 365 Newspaper Layout & Design
Typography Vocabulary and Guidelines This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors include Gregory.
Typography. The Target Audience Publications are created to convey a message to the intended audience, called the target audience. The target audience.
UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.
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.
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.
FONT EXAMPLES Computer Applications. Serif Fonts Serif fonts have small marks called “serifs” on the tops and bottoms of letters. They may be decorative.
Canada Company Colour Specifications Positive PMS 7500 C Hexidecimal: e3d0a5 R/G/B: 227/208/165 C/M/Y/K: 11/15/38/0 PMS 021 C Hexidecimal: fd4f00 R/G/B:
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.
Introduction to typography
Typography* *The art of setting and arranging type
Font & Typeface Principles of Information Technology
Graphic Design Working with Type
Selecting a Typeface MKT 4123 Advertising.
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?
Typography Basics 2.01 Investigate typefaces and fonts.
Use Typography Techniques
2.01 Investigate typefaces and fonts.
1.01 Investigate typefaces and fonts.
2.01 Investigate typefaces and fonts.
Digital Media Notes Your Name.
Presentation transcript:

T y p o g r a p h y* A few words (and illustrations) about the history and the art of type selection and application * The art of setting and arranging type

Throughout history, cultures developed symbols that they used to communicate their languages. Over time, the letters evolved.

Introducing…moveable type With the printing of his Bible in 1455, Johann Gutenberg introduced printing with moveable type to Western Europe, thereby making it possible for the written word to be reproduced and distributed quickly, relatively cheaply, and in large quantities. Only 48 Gutenberg Bibles are known to have survived. If you have one in your attic, it’s probably worth $25-$35 million. One page goes for about $25,000.

Artists decorated the printed pages of Gutenberg’s Bibles.

W ords, words, words G utenberg’s printing press revolutionized the written word. It supported the demand for information during the Renaissance, it fueled the Reformation, and it helped introduce the communications age.

Typefaces Along with the development of moveable type, came the development of a number of typefaces. We’re going to look at just a few of them. Classical ( ) Caslon Garamond 20th century Arial Franklin Gothic Medium Times New Roman Modern Verdana

Serif vs. Sans Serif Typefaces Serif: Semi-structural details on the ends of some of the strokes that make up letters and symbols. Examples: –Baskerville Old Face –Times New Roman Sans Serif: A typeface without serifs. In French, “sans” means “without”. Examples: –Tahoma –Comic Sans

Caslon Benjamin Franklin chose Caslon for the first printing of the American Declaration of Independence. Identifying Characteristics cropped apex of A high, horizontal crossbar of e C has double serif italic V,W,A may appear to be falling over bowl curve of italic p overlaps stem long serifs on middle arm of E long arm on L bottom arm longer on Z narrow c has low stress large loop on k T has long serifs tapering out from thin arms, lower at center

Caslon CategorySerif ClassificationsOld style DesignerWilliam Caslon I Specimen of Caslon (Adobe). Jim Hood

Helvetica Category Sans-serif Designers Max Miedinger, Eduard Hoffman Released 1957 Developed in Switzerland All purpose typeface for signs

Times New Roman CategorySerif Designers Stanley Morison, Victor Lardent Commissioned byThe Times Date released1931

Styles of Typefaces Serif or Roman Sans serif Script Ornamental or novelty

Timeline of Typeface Development

"Although typographers would like to pride themselves on the logic and precision of their profession, it is in fact not so clear-cut. Typography seems exact because much of it has been done in the same way for so long. There are really only a few fundamentals that are set: we read from left to right and from top to bottom. Letter shapes and letter sizes are reasonably limited. But beyond that we rely primarily on emotion." Gerard Unger, 1992

About that emotion… For what purposes would you use the following typefaces?

Arial Arial, sometimes marketed as Arial MT, is a sans-serif typeface and computer font packaged with Microsoft Windows and other Microsoft software applications. The typeface was designed in 1982 by Robin Nicholas and Patricia Saunders. Arial is also a typeface family comprising standard Arial (Arial Std) and variants, including Arial Black, Bold, Extra Bold, Condensed, Italic, Light, Medium, Monospaced, Narrow, and Rounded.

Comic Sans Comic Sans is a casual scrip typeface designed by Vincent Connare and released in 1994 by the Microsoft Corporation. It is classified as a casual, non-connecting script, and was designed to imitate comic book lettering, for use in informal documents. Comic Sans is used in both print and webcomics as a substitute for hand-lettering, although many comic artists prefer to use custom-designed computer fonts instead.

Ban Comic Sans! com/watch?v=Y50 Dmh3SWys&featur e=relatedhttp:// com/watch?v=Y50 Dmh3SWys&featur e=related

Garamond Garamond is the name given to a group of old style serif typefaces named for Claude Garamond (c ). Garamond’s letterforms convey a sense of fluidity and consistency. Some unique characteristics in his letters are the small bowl of the a and the small eye of the e. Long extenders and top serifs have a downward slope.

Brush Script Brush Script is a casual connecting script typeface designed in 1942 by Robert E. Smith. The face exhibits a graphic stroke emulating the look of handwritten written letters with an ink brush. Lowercase letters are deliberately irregular to further effect the look of handwritten text. The typeface was introduced in 1942 and saw near immediate success with advertisers, retailers, and in posters. Its popularity continued through the 1950s, and waned as influence of the International Typographic Style grew in the 1960s. The typeface has regained popularity for its nostalgic association with the post WW2 era.

Century Schoolbook Century Schoolbook is a Transitional classification serif typeface designed by Morris Fuller Benton in Century Schoolbook is based on the earlier Century Expanded typefaces begun by Linn Boyd Benton (Morris Fuller Benton's father) as a text and display face for The Century Magazine in Century Schoolbook is familiar to many in North America as being the typeface many first learned to read with. Morris Fuller Benton utilized research that showed young readers more quickly identified letterforms with contrasting weight, but with the lighter strokes maintaining presence. Tests also showed the importance of maintaining counter-form (the white space around the black letterform) in recognizing the face at smaller sizes. In designing Century Schoolbook, Morris Fuller Benton increased the x-height, the stroke width, and overall letter spacing. Use of the typeface remains strong for periodicals, textbooks, and literature.

Algerian Algerian is an exotic-looking typeface that offers only capital letters. The design for the typeface is owned by linotype, while the name 'Algerian' is a trademark of the international typeface corporation. Algerian comes in two styles: 'Algerian' (regular) and 'Algerian Condensed'. Although Algerian is reminiscent of Victorian era woodcut types, both styles were created in Algerian is reviled for its overuse.

Font Conference AHHM

The End …almost

…and here’s my confession Most typeface information was taken from (yes) Wikipedia. Nevertheless, you may not cite Wikipedia in your research papers. If I were publishing this PowerPoint (which I could not, because it contains copyrighted information), I would not be citing Wikipedia, either.