TYPOGRAPHY & FONTS. What is Typography? Typography is the Art of Print. It exists in virtually everything we see that has words or letters. Careful thought.

Slides:



Advertisements
Similar presentations
Typography Typography exists to honor content. — Robert Bringhurst,
Advertisements

The Key Element in Desktop Publishing Design
EXECUTING THE BIG IDEA. Sharpen your pencil “All art is a series of recoveries from the first line. The hardest thing to do is put down the first line.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
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 Usability & Readability
Chapter Concepts Discuss Fonts Understand Fonts
Copyright © 2003/4 Bolton Institute Type Anatomy We apply unique understanding to letter types and forms that can distinguish one typeface from another.
Design and Layout Desktop Publishing Basics. Basics  Content dictates design.  The designer should have a plan for the final product.  Sketch a plan.
The Elements of Typography. The Anatomy of Type Baseline: The invisible line where letters sit.
Typography G raphics theory. Typography Typography is the art of lettering which is… Used to create Effect Used to create Meaning Used to create some.
1.01 Investigate typefaces and fonts.
Principles of Visual Design 2720 Principles of Visual Design LCC 2720 Instructor: Brian Schrank Intro to Typography.
1.01A – What typefaces should be used for various displays?????
1.01 Investigate typefaces and fonts.
Multimedia & Webpage Design
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN Vocabulary and Guidelines.
Typography and Space for Web Design Important Issues From Web Style Guide.
PROJECT 3 STEPS— BUSINESS CARDS Planning and designing a business card.
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.
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,
TYPOGRAPHY.
Answer question 1. Answer question 2.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
AOIT Graphic Design Unit 4, Lesson 11 Typography and Spacing.
Digital Interactive Media
Fonts! Week 3 – Intro to Desktop Publishing. Typography Definition: The study of type and its characteristics Type does many things – Conveys the message.
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.
Professionally Basic Elements of Design 4 Classifications of Type.
The applied art of arranging image and text to communicate a message.
® Forging new generations of engineers. Graphic Design.
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
Aim: What is Leading? Mr. Spaterella Technology Dec. 1.
Aim: What is a typeface? Mr. Spaterella Technology Dec. 1.
Desktop Publishing Using Fonts. The key to creating attractive published documents is found in the decisions surrounding the text. A beautifully designed.
TYPOGRAPHY - DFP b7 Distinguish between serif and sans serif fonts Objective: Given resource material/lecture, the student will identify both serif and.
Typography. What do we know about Typography?
Basic Design SBM 338 Lanny Wilke. Four Basic Design Principles Proximity Alignment Balance Unity.
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
Typography Graphic Design Fundamentals
TYPOGRAPHY What is Typography?
Graphic Design  Graphic Design is a form of visual communication.  Communicate a message  Using typography and graphic elements.
Print Type Chapter 8. The Vocabulary of Typography Typeface refers to a set of letters, numbers, and other characters created by a typeface designer A.
INDESIGN TO REVIEW. TEXT TOOL Used to -change font and font size -add text to text blocks -selecting and highlighting text.
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
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.
TYPOGRAPHY in Design. OBJECTIVES 1. Understand typographic terms and measurement systems. 2. Learn how to select typefaces appropriate to a project's.
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Typography Usability & Readability
The art of using text to produce professional looking publications.
Unit 2.1: Identifying design elements when preparing graphics
Understanding Typography
1.01 Investigate typefaces and fonts.
Layout Terms Visual Hierarchy
The Art of Type 9/17/2018.
Source: Digital Desktop Publishing--Font Basics
Digital Interactive Media
Typography Usability & Readability
Typography Usability & Readability
Layout Terms Visual Hierarchy
Presentation transcript:

TYPOGRAPHY & FONTS

What is Typography? Typography is the Art of Print. It exists in virtually everything we see that has words or letters. Careful thought and skill go into creating good Typography.

Typography Kerning in Type Kerning is the adjustment of space between pairs of letters. Good kerning brings the characters within the word together into a single unit, so it is more readable. When encountering too much or too little space between characters within a word, it causes the reader's eye stumble. Most page-layout software has automatic kerning, but adjustments are almost always required to achieve good balance and harmony in your design.

Typography Measuring Kerning Kerning is the space between characters. Character Spacing 0% 25% 75% 200%

Typography Serif vs Sanserif Typefaces Serif: Rr A stroke is added to the beginning or end of the letter’s main strokes

Typography Serif vs Sanserif Typefaces Serif: Serif types are useful to help distinguish individual letters and lead the eye along the line of type. Primarily used in print where legibility is most important (books, magazines, newspapers) Traditional and professional appearance.

Typography Serif vs Sanserif Typefaces Sans Serif: Rr No strokes are added, “without serifs”

Typography Serif vs Sanserif Typefaces Sans Serif: Serif is good for emphasis and cases that call for a sense of clean uniformity and modern appeal. Serif fonts are used online and on handheld devices because serifs detract from readability on low resolution displays.

Display Fonts BAUHAUS STENCIL SPRINT ALGERIAN

Typography Display fonts Display fonts are used primarily for decorative purposes and have highly distinctive designs. These fonts can incorporate pictures and effects within the type to convey their personality. Use these where the characteristics of the font compliment the design or the text. Add artistic flare and design elements.

FONTS There are literally thousands and thousands of fonts available all over the internet. Fonts are designed by designers and sold as a package. If you buy a font package, you get several different versions of numeric and alphabetical fonts along with other extras.

The font you choose reflects the personality of your content.

BOLD straight font, rigid and orderly personality. Calling for attention through size and volume.

A small font, small spacing, reflects a shy yet clean, more introverted personality.

Swirling font with exaggerated serifs shows more creativity, opening of right brain, releasing, free.

A large font, large space between letters and use of ALL CAPS signifies outgoing, loud and calling for attention through style or fashion.

Use of serifs and italics brings warmth and openess to the personality of text.

`

A few places to find fonts

bulous_fontshttp:// bulous_fonts bulous-fonts-iihttp:// bulous-fonts-ii n-serif-is-not-a-triple-a-teamhttp:// n-serif-is-not-a-triple-a-team