Categories TYPE of Text is the most essential ingredient in design communication. With type you communicate in two distinct ways. The first message your.

Slides:



Advertisements
Similar presentations
Typography 101 Using Typography to Enhance Content.
Advertisements

Typography Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
WORKING with TYPOGRAPHY The art of skillfully arranging and presenting type to gain attention.
Typography Typogra Typography Typogra. Designers use typography to communicate a client's message to an audience. They explore the creative possibilities.
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 Principles Communications 320 Desktop Publishing.
Typography. What message do these fonts convey?  Jokerman  Old English Text  Brush Script  Curlz  Edwardian Script.
1.01 Investigate typefaces and fonts.
The 16 Typography Vocab Words Most Likely to be Wrong For Document Design By Dr. Jennifer L. Bowie.
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.
Elements of Design Type. Objectives After this lesson, you will understand: –The 5 primary categories of type –Elements of typography –Special characters.
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.
 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.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN Vocabulary and Guidelines.
JRN 302: Introduction to Graphics and Visual Communication - Typography Tuesday, 7/7/15.
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.
Typography 2.01 Investigate typefaces and fonts..
Principles of Typography
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.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
Digital Interactive Media
Q: Invitation to the prom A. Decorative/Ornamental B. Sans Serif C. Script D. Serif.
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.
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”
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
Typography Graphic Design Fundamentals
Typography The Science of Text. Fonts Style of type How many fonts in a document? Conservative--one font Typical--two fonts Use a third for emphasis.
Typography 1.01 Investigate typefaces and fonts. (Rev. 2011)
TYPOGRAPHY What is Typography?
Graphic Design  Graphic Design is a form of visual communication.  Communicate a message  Using typography and graphic elements.
The art of using text to produce professional looking publications.
C a t e g o r i e s of T y p e. Oldstyle Diagonal Stress Serifs on lowercase letters are slanted Moderate thick/thin transition in the stroke Examples.
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.
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.
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.
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Digital Interactive Media
Selecting a Typeface MKT 4123 Advertising.
The art of using text to produce professional looking publications.
Typography An introduction on how to use typefaces
google. ca/imgres. imgurl= braincrumbtrail
Typography Basics 2.01 Investigate typefaces and fonts.
Understanding Typography
2.01 Investigate typefaces and fonts.
1.01 Investigate typefaces and fonts.
The Art of Type 9/17/2018.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
2.01 Investigate typefaces and fonts.
Digital Interactive Media
Elements of Design Type.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Presentation transcript:

Categories TYPE of Text is the most essential ingredient in design communication. With type you communicate in two distinct ways. The first message your audience receives comes from the way the type looks. The second message is the meaning of the words – your actual message. The visual message must correspond with the written message. Type is the basic building block of any printed page. Most people tend to “wing it” when working with type. Learning more about type categories, type styles, and some of the guidelines for text use will improve your projects.

Text is the most essential ingredient in design communication. With type you communicate in two distinct ways. The first message your audience receives comes from the way the type looks. The second message is the meaning of the words – your actual message. The visual message must correspond with the written message. Type is the basic building block of any printed page. Most people tend to “wing it” when working with type. Learning more about type categories, type styles, and some of the guidelines for text use will improve your projects.

Type Categories Serif Oldstyle Modern Slab Serifs Sans Serif Script Also known as typefaces – all the characters of a single type design. A font is one style and size of a particular typeface. Serif Oldstyle Modern Slab Serifs Sans Serif Script Decorative Symbol Also known as typefaces – all the characters of a single type design. A font is one style and size of a particular typeface.

Serif This is a serif! Serifs are small lines or strokes that appear at the end of characters.

Serif – Oldstyle Based on the hand lettering of scribes. These are conservative and dignified. They are good for long passages of text as they guide the eye from letter to letter. If you’re setting lots of type that you want people to actually read, choose an Oldstyle. These are based on the hand lettering of scribes. Serifs are small lines or strokes that appear at the end of characters. These are conservative and dignified. They are good for long passages of text as they guide the eye from letter to letter.

Serif - Modern Modern typefaces have serifs, but the serifs are now horizontal instead of slanted, and they are very thin causing an effect on the page called “dazzling.” Modern typefaces have a striking appearance, especially when set very large. Because of their strong thick/thin transitions, most Moderns are not good choices for extended amounts of body copy. Moderns tend to have a cold, elegant look.

Serif – Slab Serif Along with the Industrial Revolution came a new concept: advertising. Many of the Slab Serifs that have a slight thick/thin contrast are very high on the readability scale. Slab serifs are often used in children’s books because of their clean, straightforward look.

Sans Serif Without Serif

Sans Serif Sans translates to “without” in French. This typeface is monoweight – meaning there is no thick/thin transition in the stroke of the letter. These are good for headlines, captions, and reverse type. Means “without serif” in French. They are monoweight – meaning there is no thick/thin transition in the stroke of the letter. These are good for headlines, captions, and reverse type.

Script

Script Brush Script Vladimir Script Monotype Corsiva French Script MT These appear to have been hand lettered in calligraphy pen or brush. Use sparingly. Never set long blocks of text in script and never use it in all caps. Great for grabbing attention in a headline when larger sizes are used. Often used in drop caps. Depending on the font, the letters may be connected or not. Often used for announcements and invitations. Brush Script Vladimir Script Monotype Corsiva French Script MT Lucida Handwriting These appear to have been hand lettered in calligraphy pen or brush. Use sparingly. Never set long blocks of text in script and never use it in all caps. Great for grabbing attention in a headline when larger sizes are used. Often used in drop caps. Depending on the font, the letters may be connected or not. Often used for announcements and invitations.

Decorative

Decorative Chiller Ravie Old English Text MT Jokerman Snap ITC Fun, distinctive, and whimsical. Use is limited. Never use as body text for long publications. OK for headlines or to convey emphasis. Good for use at font size 24 and above. Also known as display typefaces and Ravie Old English Text MT Chiller Jokerman Snap ITC Fun, distinctive, and whimsical. Use is limited. Never use as body text for long publications. OK for headlines or to convey emphasis. Also known as display typefaces and good for use at font size 24 and above.

Symbols a b c d e f g hijklmo 1234567 abcdefg Wingdings They are collections of related symbols. Very limited use to accent material. Takes some exploration to discover the symbols you need. Also known as Dingbats, Glyphs, or Ornaments. Good use for Bullets and Logos. hijklmo Webdings 1234567 Wingdings2 They are collections of related symbols. Very limited use to accent material. Takes some exploration to discover the symbols you need. Also known as Pi, Logo, or ornaments. a b c d e f g Symbol

Type Families Multiple fonts – very similar within one family that shares common letterform construction. The original font is still recognizable. Franklin Gothic Book Franklin Gothic Demi Franklin Gothic Demi Cond Franklin Gothic Heavy Franklin Gothic Medium Franklin Gothic Medium Cond Multiple fonts – very similar within one family that shares common letterform construction. The original font is still recognizable.

Type Styles Verdana Verdana Verdana Verdana Verdana Verdana All Caps Style changes add emphasis or contrast. It can reduce readability – especially in body text. Never force a type style that isn’t offered in the drop downs (especially in InDesign). Use Italics for titles of books, movies, or other published works. Never use underline. Also good for emphasis in body text. Good for kickers and subheads. Bold is good for headlines, subheads, pull quotes, and captions. Helps text stand out. Bold Italic also is good for headlines, subheads, and pull quotes. Style changes the type to add emphasis or contrast. It can reduce readability – especially in body text. Never force a type style that isn’t offered in the drop downs (especially in InDesign). Use Italics for titles of books, movies, or other published works. Never underline in DTP. Also good for emphasis in body text. Good for kickers and subheads. Bold is good for headlines, subheads, pull quotes, and captions. Helps text stand out. Bold Italic also is good for headlines, subheads, and pull quotes. Verdana Bold Verdana Regular Verdana Small Caps Verdana Italic Verdana Bold/Italic Verdana All Caps

TYPOgraphy Type Terminology Font Size – The height of a typeface, measured in points. TYPOgraphy Ascender x-Height Baseline Descender 66 Points X-height: main body of lowercase letters Ascender: part of a letter that extends above the x-height Descender: part of a letter that extends below the x-height baseline Includes distance from the bottom of the descender to the clearance allowance above the ascender.

Can vary greatly especially with CAPS Kerning TYPE Can vary greatly especially with CAPS

Tracking

Leading General guidelines allow for 120% leading Baseline to Baseline

Type Alignment Left Alignment Right Alignment Center Alignment Left alignment has an informal look. It is good for body text, headlines, captions, and large type. Most common alignment. Right alignment should be used sparingly for special effects such as headings, captions, or pull quotes. Do not use for body text. Center alignment is hard to read for long blocks of copy. Best for invitations, captions, pull quotes and short headlines. Justified text has even left and right margins. It can be read more rapidly because of consistent column width so it is good for long columns of text. Justified text is stretched from margin to margin, adding extra spacing as needed

Paragraph Text Serif Font, 9-12 pts When measuring type, the point size is the distance from the tip of all ascenders to the bottom of all descenders plus a small amount of additional space above and below to keep one line of text separated from the next. Choosing the appropriate point size in a publication is extremely important. Serif Font, 9-12 pts

Headings/Subheadings Sans Serif Headings - 24 pts. or larger Subheadings - 14-18 pts.