The Key Element in Desktop Publishing Design

Slides:



Advertisements
Similar presentations
Typography Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Advertisements

Aa Introduction to Visual Communications PART 1: Typography TGJ 2OI BLUEVALE COLLEGIATE INSTITUTE 2a Introduction to Typography.ppt.
Typography. Where can type face be found? What is the ultimate purpose? Why is it important?
Typography (The study of font).
Principles of Typography
Typography Usability & Readability
Chapter Concepts Discuss Fonts Understand Fonts
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.
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. What message do these fonts convey?  Jokerman  Old English Text  Brush Script  Curlz  Edwardian Script.
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
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
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.
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,
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.
Typography 2.01 Investigate typefaces and fonts..
TYPOGRAPHY.
Typography-- Using Text Typography -- Using Text There are two basic types of fonts: Sans Serif Serif.
DTP Notes.
DO NOW What are some examples of ways that companies use fonts to help sell their products? Copy your homework: Find two examples of creative uses of font.
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
Effective Visual Design Adapted from Margy Ingram Learning Technology Services University of Wisconsin-Stout.
Introduction to Type in Graphic Design AEE 210 Jim Lucas Modified by Luke Reese.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
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.
Q: Invitation to the prom A. Decorative/Ornamental B. Sans Serif C. Script D. Serif.
Understanding Fonts. Fonts Hold Power The font you choose should reflect the message of your document. What kind of feelings do the following fonts convey:
Aa Intro to Communications: Typography WATERFORD DISTRICT HIGH SCHOOL.
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.
Typography The Art of designing with words and letters.
Six Principles of Good Design
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
Typography Graphic Design Fundamentals
DTP Word 2002 Chapter 1 Understanding the Desktop Publishing Process.
Subject Name: Graphic Design Subject Code: 9642 Md. Ataur Rahman Instructor (Design & Printing) M.CSE, B.CSE.
Typography 1.01 Investigate typefaces and fonts. (Rev. 2011)
TYPOGRAPHY What is Typography?
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.
Desktop Publishing & Design. Baseline The invisible grid line the characters sit on.
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.
TYPOGRAPHY in Design. OBJECTIVES 1. Understand typographic terms and measurement systems. 2. Learn how to select typefaces appropriate to a project's.
Principles of Typography
Digital Interactive Media
Digital Interactive Media
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 Basics 2.01 Investigate typefaces and fonts.
Understanding and Applying Typography in CSS
Unit 2.1: Identifying design elements when preparing graphics
1.01 Investigate typefaces and fonts.
The Art of Type 9/17/2018.
Principles of Typography
Desktop Publishing Terminology
Digital Interactive Media
Introduction to Visual Communications PART 1: Typography
Typography Usability & Readability
Typography Usability & Readability
Presentation transcript:

The Key Element in Desktop Publishing Design Typography The Key Element in Desktop Publishing Design A

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz FONT Definition: A font is a complete set of characters in a specific face, style, size, and spacing. EXAMPLE: Arial Typeface ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890.,:;’‘!?$& Each set includes upper- and lowercase letters, numerals, and punctuation.

FACE Definition: Face is the design of the character. Each design has a name and is intended to convey a specific feeling. There are three basic types of faces: Serif: has lines or curves extending from the ends of the letters. Example Sans Serif: without lines or curves extending from the ends of the letters. Example Script: displayed like cursive handwriting. Example

Style Definition: Font style refers to the slant and the weight of the letters. Examples of type styles are: regular, italic, bold, and bold italic. Times New Roman Regular Times New Roman Italic Times New Roman Bold Times New Roman Bold Italic

This is 48 point type. SIZE This is 36 point type. Definition: Font size generally refers to the height of the font, usually measured in points. There are 72 points per inch. This is 10 point type. This is 12 point type. This is 18 point type. This is 24 point type. This is 36 point type. This is 48 point type.

Fonts are categorized as: SPACING Definition: Spacing refers to the amount of horizontal space each character gets on the line within a specific font face. Fonts are categorized as: Monospaced: each character gets the same amount of horizontal space on the line. Proportional: each character gets a different amount of horizontal space on the line depending on its specific width. Example: Monospaced Proportional

Typography rules and tips

The following tips should be used to achieve effective communication. Typography tips: The following tips should be used to achieve effective communication. Style sets the tone and look of your publication. Type needs to convey a feeling appropriate to the content and can be used to inform, entertain and create feelings and moods. The designers job is to ensure that the document’s message jumps off the page and into the reader’s mind.

Match the job: Select a typeface that matches the document content. To choose an appropriate typeface, generate adjectives that describe the mood or feeling that you want achieved. (Ex: masculine, strong, elegant, romantic, friendly, dramatic, etc.) Then choose a typeface with a personality that matches the adjectives. Remember that the typeface must be compatible with the content of the words and the document message. Example: BULLDOZER (appropriate) Bulldozer (inappropriate)

Legibility/readability: Readers want information that is easy to read, understand and use. Choose legible typefaces appropriate for the subject matter Ensure readability by making sure the type: is big enough to read is set at a line length that is not too long or too short provides a contrast to the background Use no more than two type faces per document!!!!! Styles highlight important words as well as help clarify and add contrast and interest. Horizontal serifs help lead the eye along the lines of type, making it easier to read. Serif typefaces are formal so they are typically used for long passages of text. Sans Serif typefaces are informal and are often used for shorter text and headlines. Use text appearance changes to make visual transitions. When using text appearance changes don’t set long blocks of text in italics bold or all caps.

Type is the key element in Desktop Publishing Design. Remember: Type is the key element in Desktop Publishing Design. Your message will be received and understood if these Type tips are used in your desktop publishing documents.