In Modern Publication Design Compiled by Dianne Smith, CJE Alief Hastings High School Houston, TX.

Slides:



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

The Key Element in Desktop Publishing Design
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.
Principles of Typography
Page Design. Overall design issues u Know audience expectations u Know client expectations u Maintain a consistent look and feel u Consider how each page.
Lesson 2 — Working with Text
DIGITAL GRAPHICS & ANIMATION Complete LESSON 4 ADDING TEXT TO GRAPHICS.
Typofaces give voice to words Typefaces give voice to words.
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,
® 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.
 Effective advertising is NOT an accident!  Effective advertising MUST be well designed!
DHS Graphic Design Typography. Type Alignment There are 5 types of type alignments: – Center – Left aligned – Right aligned – Justified – Or wrapped around.
DTP Notes.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
Digital Interactive Media
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.
Designing Effective Documents
Typography: Building Blocks. LEARN Typography is timeless, yet always changing. It’s helpful when deciding upon a font to know parts of the typographic.
Page Design Overall design issues u Know audience expectations u Know client expectations u Maintain a consistent look and feel u Consider how each page.
Typography and Measurement. T y pog r a ph y Typography Measurement, Positioning and Styles.
Typography Text needs to be visible, legible and readable. Typography.
The art of using text to produce professional looking publications.
Professionally Basic Elements of Design 4 Classifications of Type.
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 Part II. Over time font styles have changed.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
Desktop Publishing Review. What is a rough sketch used in planning a layout and design?
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Graphic Design & Illustration.
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.
In Modern Newspaper Design Compiled by Dianne Smith, CJE Alief Hastings High School Houston, Texas August, 1999.
Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE.
TYPOGRAPHY What is Typography?
Introduction to Microsoft Word Introduction to toolbars and buttons.
Chapter 7 Creating a Newsletter with a Pull-Quote and Graphics
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.
Typography Vocabulary and Guidelines This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors include Gregory.
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Business Technology Applications Mrs. Jefcoat Page 307.
It can also be used to create emphasis. White space is when blank space is left on a layout deliberately. It gives the reader breathing space if the.
Working With Type. Readability vs Legibility Readability Refers to whether an extended amount of text (an article, a book or an annual report) is easy.
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.
TGJ3M1 COMMUNICATIONS TECHNOLOGY DESIGN AND LAYOUT PRACTICES - USING PHOTOSHOP ELEMENTS LESSON: ALIGNMENT.
Desktop Publishing Lesson 2 — Working with Text. Lesson 2 – Working with Text2 Objectives  Create a blank document.  Work with text boxes.  Work with.
1 Desktop Publishing 2 White Space as a design tool n surrounding pages n between columns n within and around headlines n between lines and paragraphs.
Principles of Typography
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
The art of using text to produce professional looking publications.
Chapter 8 Print Type © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
INTRODUCTION TO TYPOGRAPHY DESIGN
Utilizing Effective Layout Methods Alignment
Fine Tune & Tweak your Type
The Art of Type 9/17/2018.
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
DTP Terms & Techniques You will need to understand basic terms and techniques used in DTP, as well as file types used within DTP and their advantages and.
INTRODUCTION TO TYPOGRAPHY DESIGN
Principles of Typography
TRENDS In Modern Newspaper Design Compiled by Dianne Smith, CJE
Digital Interactive Media
INTRODUCTION TO TYPOGRAPHY DESIGN
Digital Media Notes Your Name.
Professional Communications
INTRODUCTION TO TYPOGRAPHY DESIGN
Presentation transcript:

In Modern Publication Design Compiled by Dianne Smith, CJE Alief Hastings High School Houston, TX

Part III:

A type family generally has three variations on the regular face: italic, bold, and bold italic.

Some type families have more variations, such as condensed, light, semibold and extended. Times Garamond Myriad

Leading is the distance between lines of type and is measured in points. During the days of metal type, printers inserted extra strips of lead between long lines of text to make them easier to read. Leading There is too much leading in this sample

Leading Too much spacing causes the eye to jump from line to line. Leading is the distance between lines of type and is measured in points. During the days of metal type, printers inserted extra strips of lead between long lines of text to make them easier to read.

Leading Leading is the distance between lines of type and is measured in points. During the days of metal type, printers inserted extra strips of lead between long lines of text to make them easier to read. However, for special effect, it may be desirable to insert extra space between lines. We call this “extra leading”.

Leading In this sample the lines are spaced too close together. Leading is the distance between lines of type and is measured in points. During the days of metal type, printers inserted extra strips of lead between long lines of text to make them easier to read.

Leading At times it may be desirable, for effect, to set lines close together, with no spacing in between. This is called “set solid”. Leading is the distance between lines of type and is measured in points. During the days of metal type, printers inserted extra strips of lead between long lines of text to make them easier to read.

Leading In this sample, the text is easier to read because there is proper leading between the lines. Leading is the distance between lines of type and is measured in points. During the days of metal type, printers inserted extra strips of lead between long lines of text to make them easier to read.

To CAP or Not to Cap Text set in all capital letters (all caps) is not as easy to read as text set in a more traditional fashion. It can be used for emphasis or special effects, but should be used sparingly. THIS IS SET IN ALL CAPS. This is set in upper and lower case.

Justification Justification refers to how the type is set…flush left (ragged right), flush right, or fully justified.

Justification There is a difference of opinion about whether justified or ragged right (justified left) is best for body copy.

Justification Justified type has uneven word spacing and even line widths. Ragged right has even word spacing and uneven line widths. Justified type usually is hyphenated. (In other words, hyphens are used to break words between lines.) Justified type without hyphenation suffers from excessive word spacing. Ragged right type may or may not be hyphenated. Even when ragged right type is hyphenated, it usually has fewer broken words than justified type.

Justification Uneven word spacing but even line spacing Even word spacing, but uneven line spacing

Justification Hyphenated words are common Less hyphenation due to fewer broken words

Justification Factors to consider when choosing which style to use: 1. READABILITY. According to one study, ragged right type is easier to read for about 7 out of 10 people. Other studies find little difference in readability. 2. SUITABILITY. Which style will create the most suitable image for your publication? Justified creates a quiet, traditional, formal look. Ragged right creates a more active, contemporary, informal look.

Justification Factors to consider when choosing which style to use: 3. PRODUCIBILITY. Today's software can easily produce both justified and ragged right type. 4. LINE WIDTH. If your lines are very narrow, ragged right usually works best. When type is justified in a short line, big holes often appear between words. 5. SPACE. How much space do you have? On average, justified copy usually fills about 3 percent less space than the same copy set ragged right.

Sometimes, setting type flush right, ragged left, can be effective, such as for a caption. However, you should never set more than 5-7 lines of type ragged left because readers find more than that irritating. With rapid-fire precision, colorful balloons fill the skies of Albuquerque, N.M., during the annual fall festival. Caption is set ragged left, allowing right edge of type to line up with left margin of the photograph.

Vertical Type Type set vertically (up and down) is very hard to read. YUCK!

Vertical Type Type set vertically (up and down) is very hard to read. Ptooey!

Part III: Type Variations

1. Most type families have variations from the normal face, including bold, italic and bold italic. Some type families have even more variations which give even more flexibility.

2. Most designers agree that no more than two typefaces or four variants of a single typeface should be used together.

3. Text can be set flush left- ragged right; fully justified; centered; or flush right-ragged left. Large blocks of body text should be set either fully justified or flush left, depending on the effect you want to achieve.

4. Centered text blocks should be reserved for special presentations, such as poetry, short pull-out quotes, advertising.

5. Flush right-ragged left text can be used to line up against another object on the page, such as a caption next to a photograph.

6. Type should never be set vertically as it is too hard to read. If it is necessary to set type along one side of the page, it would be better to rotate horizontal type so that it appears on its side.

TYPE

6. Type should never be set vertically as it is too hard to read. If it is necessary to set type along one side of the page, it would be better to rotate horizontal type so that it appears on its side. TYPE

Presentation will repeat in 10 seconds.