DTP Notes.

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.
Typography (The study of font).
WORKING with TYPOGRAPHY The art of skillfully arranging and presenting type to gain attention.
The art or process of printing with type Typography.
Desktop Publishing Ann Ware Fall, Desktop Publishing Using a computer with page-layout software to design, edit, and produce professional-looking.
Typography Typogra Typography Typogra. Designers use typography to communicate a client's message to an audience. They explore the creative possibilities.
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
Document Design: Basics and Typography Technical Communication, DAHMEN.
Graphic Design: An Overview for Effective Communication.
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
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
® 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.
TYPOGRAPHY.
Print Medium. • Advantages & Limitations • Typography • Readability • Layout.
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
Desktop Publishing Your Guide to Concepts and Terminology.
Digital Interactive Media
Designing with Type DIM. Design Relationships Concordant—occurs when you use only one type family, without much variety in style, size, weight, and so.
Desktop Publishing Review. What is a rough sketch used in planning a layout and design?
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used with permission. 1 Graphic Design & Illustration.
Typography Graphic Design Fundamentals
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?
THE A to Z of DTP Your knowledge of desktop publishing terminology
Design Principles 3.02 Understand business publications Slide 1.
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.
DESKTOP PUBLISHING. Publishing The process of presenting material in printed form.
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.
Words are communication. What do they say? The meaning should come before the look of the type is considered. Choose typographic styles and sizes that.
Design and Typography Chapter Designing a Publication Designing is the process of determining the format and layout, then creating Format: how and.
Word Processing & Desktop Publishing Software Business Computer Technology Curriculum Guide 2003.
Graphic Design Mrs. Lacks. Typography Is the art and skill of arranging text so that language is visible Essentially, all forms of writing are typography.
Digital Communications I Mrs. Britt.  Using a computer with page layout and graphic editing software to create publications that are professional looking.
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.
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
Digital Interactive Media
The art of using text to produce professional looking publications.
Basic Design Principles and Hazards to Avoid
Basic Desktop Terminology
Typography Basics 2.01 Investigate typefaces and fonts.
Understanding Desktop Publishing
Basic Design Principles and Hazards to Avoid
Unit 2.1: Identifying design elements when preparing graphics
Understanding Typography
1.01 Investigate typefaces and fonts.
The Art of Type 9/17/2018.
Defining Desktop Publishing
State Skills Test Review
Source: Digital Desktop Publishing--Font Basics
Desktop Publishing Terminology
Digital Interactive Media
Digital Media Notes Your Name.
Professional Communications
Defining Desktop Publishing
Presentation transcript:

DTP Notes

Introduction

Evolution of DTP Movable type: Gutenberg; 1437 Lino type: Mergenthaler; Late 1800’s Xerography: Carlson; 1959 Desktop Publishing: Brainerd; 1985

Using a computer and software program to produce high quality, printed documents that combine text and graphics. Desktop Publishing

Features of DTP Incorporate word processing files Add graphics Delete, revise, and move text Use templates

Kinds of Publications Books Magazines Flyers Newletters Business Cards Business Form Billboards Ads Letterhead Etc.

DTP Process Create a sketch of your idea Add graphic design Put it on the computer Print

Why Use DTP Saves time and money Ease of revision More control of content Confidentiality Ease of distribution More publications

Image of Organization Implements good design techniques and improves communication Looks more professional thus greater credibility Read up to 27% more than typewritten documents

Evolution of DTP Movable type: Gutenberg; 1437 Lino type: Mergenthaler; Late 1800’s Xerography: Carlson; 1959 Desktop Publishing: Brainerd; 1985

Requirements for DTP Computer Mouse Laser Printer Software: InDesign CS Graphics Optional: Scanner

Typography

Typography Arrangement of printed type to convey a message.

Typeface or Font A group of letters, numbers, and symbols that share a distinct appearance To distinguish the difference in fonts look at letters such as: T g G M

Typestyle Refers to modification of typefaces to add emphasis or contrast Bold Italics Underline Bold and Italics

Anatomy of Type Ascender -letter stroke above the x-height. Descender -letter stroke below the x-height. X-Height -height of lowercase letters with no ascender or descender Baseline -invisible line on which the body of a character rests. Counter -white space that appears trapped inside a letter form. DRAW AN EXAMPLE.—Next slide!

Ap Ascender Counter X-height Descender Baseline

Size of Type Measured in points 72 points = 1 inch Type can vary among fonts.

Weight of Type Refers to the thickness of letters Light Regular Book Demi Heavy

Width of Type Horizontal measure of type Three widths most commonly used are: Condensed, Normal, and Expanded

Define leading. Vertical distance between lines.

Typeface Categories Sans Serif Serif Script or Decorative No finishing strokes; No feet Used for headlines; Attract Attention Serif Has finishing strokes; Feet Used for body text; Lots of reading Script or Decorative Looks like handwriting or something unusual Used for invitations; Formal short documents Label the “Hello’s” in your notes!

ACTIVITY Find three fonts in each category http://www.fontface.com Font Examples with Words (Handout)

Text Alignment Flush left -good for narrow columns, body text, captions, and short lines. Justified text -conveys formality and orderliness; good for long works. Flush right -good for special effects; use sparingly. Centered -used for headlines; very formal announcements, pull quotes, captions.

QUIZ 1 Open Notes

Design Principles

Basic Design Principles Planning is the most important process. Convey your message without overpowering it. No design principle is concrete.

Purpose of Publication Know the purpose Know the audience Be consistent page to page Be organized

The Graphic Element Mix Keep a good balance of graphics and text Too much text is boring Too many graphics distract from the message Remember to use other techniques as white space, text effects, and bullets instead of a lot of graphics Keep your page balanced.

Cost and Time Remember costs and time constraints when developing a publication.

Developing Your Design Always sketch your idea Create a page dummy Choose a typeface that matches your message Think about readability when choosing fonts! Stay within the same type family Use no more than 2 or 3 fonts per publication

Body Text Use serif type fonts like Times New Roman More readable 9-12 point size

Headlines Choose simple sans serif fonts Should be a minimum of 24 points Left-aligned, justified, or centered alignment Be careful about breaking up a headline

Page Orientation Portrait – tall or vertical Landscape – wide or horizontal

Facing Pages Two pages that face each other like a book Keep continuity; a feeling of unity Be sure graphics touch all four margins at some point

Focal Point DOT EXERCISE Create a focal point on your layout about 2/3 up the page Will catch the reader’s eye and draw attention

White Space Important for effective design Used to set off text or graphics without distracting its readability Margins and columns can be used for effective white space

Columns Makes page easier to read and adds interest One column is good for smaller page sizes Two columns are good for brochures, reports, and catalogs Three columns are the most common in DTP because they are more readable and flexible

Define Gutter or Alley Space between columns

Ruled Lines (Rules) Horizontal or Vertical lines used to separate columns or text. Make sure there is enough white space on each side of the line Text should NEVER TOUCH THE LINES

ACTIVITY Magazine Activity Introduce the NOTEBOOK PROJECT Begin INDESIGN CS Desktop ToolBox Measurement Activity Drawing Activities

QUIZ 2 Open Notes