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.

Slides:



Advertisements
Similar presentations
SM2222: Information Design and Visualization Session 3: Typography 23 September 2005.
Advertisements

Typography Selecting appropriate typefaces for a document. Typography.
0202 IAT 102 Graphic Design Typography Typeface Spacing.
1 Professional Communications Working with Type Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used.
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
Typography (The study of font).
Desktop Publishing Ann Ware Fall, Desktop Publishing Using a computer with page-layout software to design, edit, and produce professional-looking.
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.
Principles of Typography
Word Processing Fonts. What is a font? The spaghetti fell on the floor.
The Elements of Typography. The Anatomy of Type Baseline: The invisible line where letters sit.
TYPOGRAPHY vasuki belavadi reader dept. of communication s n school university of hyderabad.
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.01 Investigate typefaces and fonts.
 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.
Web Design – Sec 4-6 and 4-7 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Typography Conveys mood Communicates attitude. The Letters X-height –the height of the main body of a lower case letter (literally, the x) x j Cap height.
Fall Unit 2. Development Module 8: Typography & Design.
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.
TYPOGRAPHY.
DTP Notes.
Introduction to Type in Graphic Design AEE 210 Jim Lucas Modified by Luke Reese.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
Digital Interactive Media
T YPOGRAPHY The study of all elements of type as a means of visual communication—from calligraphy to the use of digital type; includes the shape, size,
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.
INTRO TO TYPOGRAPHY BASICS Graphic Design II. What is Typography? the art or process of printing with type. In every piece of type you see, somebody has.
TYPOGRAPHY - DFP b6 Typeface Classifications. What is a font? Complete set of type of a particular face, style, and point size. Question: How many are.
Typography The Art of designing with words and letters.
The art of using text to produce professional looking publications.
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
Basics of Typography. Typography (“type”) concerns the appearance of characters (letters), words, paragraphs, columns, etc. By comparison, the term “text”
Desktop Publishing Review. What is a rough sketch used in planning a layout and design?
Measurements in the Graphic Communications
Typograpy. Type Type - Categories Serif Fonts  Oldstyle  Transitional  Modern  Slab Serif Sans Serif Fonts Script Decorative Monospaced.
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Graphic Design & Illustration.
Measurements in Graphics & Design UNIT 8 – Introduction to Graphics and Design.
Typography Graphic Design Fundamentals
Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE.
TYPOGRAPHY What is Typography?
Graphic Design  Graphic Design is a form of visual communication.  Communicate a message  Using typography and graphic elements.
Graphic Communications Chapter 4.  Distinctive designs of visual symbols that are used to compose a printed page.  Ie: Magneto, Times New Roman, Baskerville,
The art of using text to produce professional looking publications.
Typography. the design and use of typefaces as a means of visual communication how to select, size, arrange, and use typefaces.
Desktop Publishing & Design. Baseline The invisible grid line the characters sit on.
UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.
TYPOGRAPHY BASICS BY: ASHLEY POFFENROTH. ASCENDER The part of a letter that extends above the body.
FontSFontSFontSFontS aka Typography. Font Parts Lets break fonts down by their parts!
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
Introduction to typography
Digital Interactive Media
Digital Interactive Media
Typography Design.
Digital Interactive Media
The art of using text to produce professional looking publications.
Typography An introduction on how to use typefaces
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?
Understanding Typography
The Art of Type 9/17/2018.
Typography The Art of designing with words and letters.
Desktop Publishing Terminology
Digital Interactive Media
Professional Communications
Presentation transcript:

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 are appropriate to the meaning and will serve the text's relative importance in the hierarchy. There are many typefaces that can be chosen in design, but that does not mean that all are good. Typography Typography is the art and technique of creating and composing type in order to convey a message.

Oftentimes designers get asked what the difference is between a font and a typeface. Even seasoned Graphic Designers can get this wrong. Many people, designers and non-designers just think a font and a typeface are the same thing. That’s actually not the case. Back before computers, and even still today, type was placed on prints using individual metal letters with ink pressed down on paper. That’s where the terms typeface and font started. A typeface is all of the individual metal blocks a printer had on hand. A font is a subset of the blocks in the typeface. For example, Garamond in 12 point is considered a different font than Garamond in 8 point. All of the metal blocks within Garamond, however, are considered a typeface. Another example is Times New Roman in 24 point is considered a different font than italicized Times New Roman at 28 point. Just like all of the metal blocks within Times New Roman are considered a typeface. What is the difference between a font and a typeface?

Ascender - The lowercase character stroke which extends above the x-height. Baseline - The imaginary horizontal line to which the body, or main component, of characters are aligned. Bowl - The curved stroke which surrounds a counter. Bracket - A curved line connecting the serif to the stroke. Bracketed serifs with cupped bases bracketed serifs with flat bases unbracketed serifs Counter - The empty space inside the body stroke. Descender - The lowercase character stroke which extends below the baseline. Loop - The bottom part of the lowercase roman ‘g’. Sans serif - From the French, meaning “without serif”. A typeface which has no serifs.Sans serif typefaces are typically uniform in stroke width. Serif - Tapered corners on the ends of the main stroke. Serifs originated with the chiseled guides made by ancient stonecutters as they lettered monuments. Some serif designs may also be traced back to characteristics of hand calligraphy. Note that serif type is typically thick and thin in stroke weight. X-height The height of the body, minus ascenders and descenders, which is equal to the height of the lowercase ‘x’.

Traditional text is measured in points, the standard unit of measure in software programs for creating printed documents. There are 72 points to an inch and 12 points to a pica (picas are typically used to measure text widths, images, etc.)

Kerning applies to the space between individual letters. Certain combinations of letters typically leave too much space between the characters, such as capital "A" and "W." These examples have already been kerned, bringing the letters closer together: Tracking or letter spacing applies to whole lines of text. Add or subtract tracking to give text a looser or tighter feel. LAW LEADING Leading (line spacing) is space between lines of text. LEADING

Type Classifications

Serif Fonts Serif fonts are marked by little 'feet' that extend from the stem of the letter. All fonts were Roman (serif) until the 20th century. Serifs say tradition, elegance, formal. Serifs enable reading of large blocks of printed text, hence most books, magazines, etc. use it for body text. Types of serif fonts:

Old Style With some of the earliest fonts, the serifs flow out in simple, graceful curves.

Transitional Smaller curves connect the serifs.

Modern The stems are thick and the serifs thin, contrasting with each other.

Slab Serif (Egyptian) Thick. Think Circus, Westerns Rockwell

Sans Serif No ‘feet.’ Clean, simple lines, less traditional looking. Hugely popular in the mid-century Swiss design movement. Studies show that reading on screen is easier with sans-serif typefaces.

Script Design a Wedding Invitation!

Decorative Can you read me clearly? …not usually

making paragraphs

alignment

Widow: A widow is a word or line of text that is forced to go on alone and start its own column or page. Orphan: An orphan is a single word at the bottom of a paragraph that gets left behind

Adjust your rag

Watch out for rivers.