The Art of Type 9/17/2018.

Slides:



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

Aa Introduction to Visual Communications PART 1: Typography TGJ 2OI BLUEVALE COLLEGIATE INSTITUTE 2a Introduction to Typography.ppt.
Definition: The style, arrangement, and appearance of text on a page.
WORKING with TYPOGRAPHY The art of skillfully arranging and presenting type to gain attention.
The art or process of printing with type Typography.
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
1.01 Investigate typefaces and fonts.
1.01A – What typefaces should be used for various displays?????
1.01 Investigate typefaces and fonts.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Type. Type Relationships  Type is the basic building block of any printed page.  Since it is often necessary to have more than one typeface on a page,
 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.
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.
Unit 4 – Multimedia Element: Text
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
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.
Aa Intro to Communications: Typography WATERFORD DISTRICT HIGH SCHOOL.
The art of using text to produce professional looking publications.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
1.01b Investigate typefaces and fonts.. Fonts It’s easier to understand fonts if you begin with the original definition of a font. Before desktop publishing,
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Graphic Design & Illustration.
Typography Graphic Design Fundamentals
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.
Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.
The art of using text to produce professional looking publications.
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.
Principles of Typography
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Enhancing documents with appropriate typography choices
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Digital Interactive Media
Selecting a Typeface MKT 4123 Advertising.
Understanding and Applying Typography in CSS
Typography Usability & Readability
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?
Applying Typography in CSS
Treatments that effect typography
Typography Basics 2.01 Investigate typefaces and fonts.
Understanding and Applying Typography in CSS
Unit 2.1: Identifying design elements when preparing graphics
Understanding Typography
2.01 Investigate typefaces and fonts.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Fonts.
2.01 Investigate typefaces and fonts.
Principles of Typography
Digital Interactive Media
Introduction to Visual Communications PART 1: Typography
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Typography Usability & Readability
Typography.
Digital Media Notes Your Name.
Typography Usability & Readability
Professional Communications
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Presentation transcript:

The Art of Type 9/17/2018

Type Sometimes that can be fixed with a simple change of the type. Have you ever thought about how your words look on a page? Have you ever looked at something you created, and it just didn’t look right? Sometimes that can be fixed with a simple change of the type. 9/17/2018

Typography So, what is Typography? The art and process of arranging type on a page. Changing the typeface, size, color, weight, and placement of type in your design can add extra emphasis to your words and enhance the visual appeal of your message. 9/17/2018

Typeface,aka,Font A typeface is a set of letters, numbers, and symbols unified by a common visual design. 9/17/2018

Not Italic Italic Type (Font) Styles Each typeface may also have a variety of type styles, like italic and bold. Not Bold BOLD Not Italic Italic 9/17/2018

Type (Font) Family Some typefaces have more versions than those above; they may have outlines, be shaded, or decorated. This whole related group of type styles based on a typeface is called a type family. 9/17/2018

Type (Font) Family Below is an example of the type family “Action Man”. 9/17/2018

Type (Font) Size & Thickness: Type is usually measured in points. There are 72 points in an inch. The larger the point size, the larger the type. Normally small point sizes like 8, 10, and 12 are used for body copy. Large point sizes like 14, 18, 20, and higher are used for headlines, display lines, etc. Weight is the thickness of the stroke on the text. Some text weights, like italics, are light and airy. Others, like bold, are heavy and thick. Most type families have different weights. 9/17/2018

used for short amounts of text; in a flyer, announcement, etc. Alignment Most people know the common types of alignments; however, most people do not realize what each type of alignment should be used for. Center Alignment: used for short amounts of text; in a flyer, announcement, etc. Left Alignment: easy to read, and useful in any type application. Right Alignment: used sparingly since it is hard to read. Justified Alignment: common in magazines and newspapers. 9/17/2018

Leading Leading is the vertical space between lines of type on a page. The first paragraph shows major leading between lines of text. The second paragraph shows normal leading between the lines of text. 9/17/2018

Kerning Kerning is the adjustment of space between two individual letters to improve appearance. The first 3 lines show adjusted kerning between the letters of the placeholder text. The last 2 lines show normal kerning. 9/17/2018

Type of Types (Fonts): All type fits into four major categories. They are Serif Sans Serif Script Decorative 9/17/2018

Serif Serif fonts are a typeface that have those “little ears and feet” at the end of individual letters. Looking at the heading, you can see those ears and feet most clearly on the S Times New Roman is an example of a Serif font. Serif fonts are very popular due to their fast readability and conservative nature. They are a great choice for body text and work well in a wide range of projects. 9/17/2018

Sans Serif Sans serif fonts do not have those little ears or feet on its letters. Arial is an example of a sans serif font. You can see by this example that their letters have a very clean modern look. Sans serif fonts make it easier for a reader to identify each letter, but they actually slow down a reader’s reading speed. Sans serif fonts are great for headline and display type. 9/17/2018

Script Script typefaces have a feeling of handwritten designs. The font can seem formal – or in some cases, very informal. Script faces are best used sparingly. They are very hard to read. However, they can add that pop of interest to your piece. Don’t be afraid to mix script with other styles to add interest to your work. 9/17/2018

Decorative Decorative typeface is a category containing the fonts that basically don’t fit into any of the other categories. These typefaces are usually extremely difficult to read and should be used sparingly. Due to these fonts’ readability, they are best used for headlines and display text. 9/17/2018