Typofaces give voice to words Typefaces give voice to words.

Slides:



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

The Key Element in Desktop Publishing Design
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
Typography. Where can type face be found? What is the ultimate purpose? Why is it important?
WORKING with TYPOGRAPHY The art of skillfully arranging and presenting type to gain attention.
The art or process of printing with type Typography.
Typography Usability & Readability
Meaningful Jargon Or, All You Need to Know to Speak Like a Geek Design and Typography 3/3/98.
Typography Principles Communications 320 Desktop Publishing.
Welcome and have a seat please.  What is typography?  The design of the characters and the way they are presented on the page  What are fonts?
TYPOGRAPHY BASICS Technical Foundations II. Typography Basics  Baseline Apple.
1.01 Investigate typefaces and fonts.
1.01A – What typefaces should be used for various displays?????
+ Text & Font Styles Unit 3 Lesson Different Font Categories Sans Serif – block style fonts Example - Rockwell Easy to read and good to use when.
1.01 Investigate typefaces and fonts.
Multimedia & Webpage Design
Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN Vocabulary and Guidelines.
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.
Unit 4 – Multimedia Element: Text
Introduction to Interactive Media 06: Text: Static Interactive Media Component.
Typography 2.01 Investigate typefaces and fonts..
DHS Graphic Design Typography. Type Alignment There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around.
Typography Concepts Typeface Anatomy Typeface Categories –Text –Display –Decorative Emphasis Strategies Point size/ Measure/ Leading.
Digital Interactive Media
Q: Invitation to the prom A. Decorative/Ornamental B. Sans Serif C. Script D. Serif.
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.
Terms to Know Primer A few more terms Typeface – single set of letterforms Type Family – several font designs representing a range of style variations.
The art of using text to produce professional looking publications.
Professionally Basic Elements of Design 4 Classifications of Type.
Six Principles of Good Design
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?
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
Typography Graphic Design Fundamentals
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.
The art of using text to produce professional looking publications.
Typography Vocabulary and Guidelines This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors include Gregory.
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.
Digital Interactive Media
Introduction to typography
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Understanding and Applying Typography in CSS
Typography Usability & Readability
The art of using text to produce professional looking publications.
Applying Typography in CSS
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.
1.01 Investigate typefaces and fonts.
The Art of Type 9/17/2018.
2.01 Investigate typefaces and fonts.
Source: Digital Desktop Publishing--Font Basics
Digital Interactive Media
A Few Simple Type Rules Graphics Design Tech 1.
Typography Usability & Readability
Typography.
Digital Media Notes Your Name.
Typography Usability & Readability
Presentation transcript:

Typofaces give voice to words Typefaces give voice to words

g Love at first type

Font Specific set of typographic characters that are designed to work Together. Fonts are also referred to as Typefaces.

Serif A font features horizontal and vertical details that are added to the beginning or end of its’ characters major strokes.

San Serif Typeface does not have serifs --- sans means “without” in French.

Typefaces are measured in Points.

Typeface’s WEIGHT describes how heavy it appears

Six Categories into which most font fall: Sans Seriff Serif Script, Hand-Lettered Monospace Novelty Dingbat, Ornament

Sans Serif

Serif

Script/ Hand- lettered

Monospace

Novelty



Certain font families feature a broad weight and width options making them versatile and effective choices for a wide range of projects.

Legibility Font Choice Size Color Letter spacing Case (upper vs. lower) Backdrop

Font Choice Serif text like Sabon is ideally suited for large blocks of text. Modern serif fonts are also reasonably adept as text fonts, paragraphs are sharp and progressive feel. Italic typefaces tends to be distracting when it comes to large amount of text.

Sans Serif fonts such as Futura are generally not well suited for large blocks of texts. Bold fonts, whether serif or sans, are appropriate for short blocks of emphasized text or captions that need to stand apart from other text. Setting longer passages of text in all caps, serif or sans, is not a good idea. Script fonts are suitable for short blocks of text and traditional uses such traditions. The readability of any sort of unusual font must be carefully considered before committing it to text passages. There are times when we consider the reverse text when it terms to color.

Alignment Flush Left Text Flush Right Text Justified Text Centered Text -Rule of thumb

Leading and Letterspacing Leading is the amount of space between lines of type. Letterspacing refers to the amount of overall space between the letters in a word or passage of a text.