Typography* *The art of setting and arranging type

Slides:



Advertisements
Similar presentations
The Art and Technique of Arranging Type
Advertisements

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.
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.
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.
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.
1.01A – What typefaces should be used for various displays?????
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..
1 CP586 © Peter Lo 2003 Multimedia Communication Font and Text.
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.
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. 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.
Typography All types of t y pe Typography Defined The design, arrangement, style and appearance of type matter constitute typography.
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..
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,
The art of using text to produce professional looking publications.
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.
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:
Introduction to typography
Typeface Classification
Font & Typeface Principles of Information Technology
The designer crafted word
Multimedia & Webpage Design
Font & Typeface Principles of Information Technology
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Graphic Design Working with Type
Selecting a Typeface MKT 4123 Advertising.
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
google. ca/imgres. imgurl= braincrumbtrail
Typography Basics 2.01 Investigate typefaces and fonts.
Use Typography Techniques
Unit 2.1: Identifying design elements when preparing graphics
Font & Typeface Principles of Information Technology
2.01 Investigate typefaces and fonts.
1.01 Investigate typefaces and fonts.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
2.01 Investigate typefaces and fonts.
Desktop Publishing Terminology
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Typography.
Moveable type allowed for the casting of individual letters which could be assembled into words, to make up a printed page. After printing, the letters.
Digital Media Notes Your Name.
Professional Communications
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Presentation transcript:

Typography* *The art of setting and arranging type 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.

Words, words, words Gutenberg’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 (1480-1890) 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 Category Serif Classifications Old style Designer William Caslon I Specimen of Caslon (Adobe). Jim Hood

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

Times New Roman Category Serif Designers Stanley Morison, Victor Lardent Commissioned by The Times Date released 1931

Script Ornamental or novelty 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! http://www.youtube.com/watch?v=Y50Dmh3SWys&feature=related

Garamond Garamond is the name given to a group of old style serif typefaces named for Claude Garamond (c. 1480-1561). 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 1919. 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 1890. 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 1988. Algerian is reviled for its overuse.

Font Conference https://www.youtube.com/watch?v=i3k5oY9AHHM

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.