DTP NotesDTP Notes

IntroductionIntroduction

Evolution of DTPEvolution of DTP

Movable type: Gutenberg; 1437Movable type: Gutenberg; 1437Lino type: Mergenthaler; Late 1800’sLino type: Mergenthaler; Late 1800’sXerography: Carlson; 1959Xerography: Carlson; 1959Desktop Publishing: Brainerd; 1985Desktop Publishing: Brainerd; 1985

Using a computer and software Using a computer and software program to produce high quality, program to produce high quality, printed documents that combine printed documents that combine

text and graphics.text and graphics.

Desktop Publishing

Features of DTPFeatures of DTP

Incorporate word processing filesIncorporate word processing filesAdd graphicsAdd graphicsDelete, revise, and move textDelete, revise, and move textUse templatesUse templates

Kinds of PublicationsKinds of Publications

BooksBooks MagazinesMagazines FlyersFlyers NewlettersNewletters Business CardsBusiness Cards Business FormBusiness Form BillboardsBillboards AdsAds LetterheadLetterhead Etc.Etc.

DTP ProcessDTP Process

Create a sketch of your ideaCreate a sketch of your ideaAdd graphic designAdd graphic designPut it on the computerPut it on the computerPrintPrint

Why Use DTPWhy Use DTP

Saves time and moneySaves time and moneyEase of revisionEase of revisionMore control of contentMore control of contentConfidentialityConfidentialityEase of distributionEase of distributionMore publicationsMore publications

Image of OrganizationImage of Organization

Implements good design techniques Implements good design techniques and improves communicationand improves communication

Looks more professional thus greater Looks more professional thus greater credibilitycredibility

Read up to 27% more than Read up to 27% more than typewritten documentstypewritten documents

Evolution of DTPEvolution of DTP

Movable type: Gutenberg; 1437Movable type: Gutenberg; 1437Lino type: Mergenthaler; Late 1800’sLino type: Mergenthaler; Late 1800’sXerography: Carlson; 1959Xerography: Carlson; 1959Desktop Publishing: Brainerd; 1985Desktop Publishing: Brainerd; 1985

Requirements for DTPRequirements for DTP

ComputerComputerMouseMouseLaser PrinterLaser PrinterSoftware: InDesign CSSoftware: InDesign CSGraphicsGraphicsOptional: ScannerOptional: Scanner

TypographyTypography

TypographyTypography

Arrangement of printed type to Arrangement of printed type to convey a message.convey a message.

Typeface or FontTypeface or Font

A group of letters, numbers, and A group of letters, numbers, and symbols that share a symbols that share a distinct distinct appearanceappearance

To distinguish the difference in fonts To distinguish the difference in fonts look at letters such as: look at letters such as: T g G MT g G M

TypestyleTypestyle

Refers to modification of typefaces to Refers to modification of typefaces to add emphasis or contrastadd emphasis or contrast

BoldBold ItalicsItalicsUnderlineUnderlineBold and ItalicsBold and Italics

Anatomy of TypeAnatomy of Type

AscenderAscender -letter stroke above the x-height. -letter stroke above the x-height. DescenderDescender -letter stroke below the x- -letter stroke below the x-

height.height. X-HeightX-Height -height of lowercase letters with -height of lowercase letters with

no ascender or descenderno ascender or descender BaselineBaseline -invisible line on which the body -invisible line on which the body

of a character rests.of a character rests. CounterCounter -white space that appears trapped -white space that appears trapped

inside a letter form.inside a letter form. DRAW AN EXAMPLE.—Next slide!DRAW AN EXAMPLE.—Next slide!

ApAscender

Counter

X-height

Baseline

Descender

Size of TypeSize of Type

Measured in Measured in pointspoints7272 points = 1 inch points = 1 inchType can Type can varyvary among fonts. among fonts.

Weight of TypeWeight of Type

Refers to the thickness of lettersRefers to the thickness of lettersLightLightRegularRegularBookBookDemiDemiHeavyHeavy

Width of TypeWidth of Type

Horizontal measure of typeHorizontal measure of typeThree widths most commonly used Three widths most commonly used

are: are: CondensedCondensed, , NormalNormal, and , and ExpandedExpanded

Define leading.Define leading.

Vertical distance between lines.Vertical distance between lines.

Typeface CategoriesTypeface Categories

Sans SerifSans Serif No finishing strokes; No feetNo finishing strokes; No feet Used for headlines; Attract AttentionUsed for headlines; Attract Attention

SerifSerif Has finishing strokes; FeetHas finishing strokes; Feet Used for body text; Lots of readingUsed for body text; Lots of reading

ScriptScript or or DecorativeDecorative Looks like handwriting or something unusualLooks like handwriting or something unusual Used for invitations; Formal short documentsUsed for invitations; Formal short documents

Label the “Hello’s” in your notes!Label the “Hello’s” in your notes!

ACTIVITYACTIVITY

Find three fonts in each categoryFind three fonts in each categoryhttp://www.fontface.comhttp://www.fontface.comFont Examples with Words (Handout)Font Examples with Words (Handout)

Text AlignmentText Alignment

Flush leftFlush left -good for narrow columns, -good for narrow columns, body text, captions, and short lines.body text, captions, and short lines.

Justified textJustified text -conveys formality -conveys formality and orderliness; good for long works.and orderliness; good for long works.

Flush rightFlush right -good for special effects; -good for special effects; use sparingly.use sparingly.

CenteredCentered -used for headlines; very -used for headlines; very formal announcements, pull quotes, formal announcements, pull quotes, captions.captions.

QUIZ 1QUIZ 1

Open NotesOpen Notes

Design PrinciplesDesign Principles

Basic Design PrinciplesBasic Design Principles

PlanningPlanning is the most important is the most important process.process.

ConveyConvey your message without your message without overpowering it.overpowering it.

No design principle is No design principle is concreteconcrete..

Purpose of PublicationPurpose of Publication

Know the purposeKnow the purposeKnow the audienceKnow the audienceBe consistent page to pageBe consistent page to pageBe organizedBe organized

The Graphic Element MixThe Graphic Element Mix

Keep a good Keep a good balancebalance of graphics and of graphics and texttext

Too much text is Too much text is boringboringToo many Too many graphicsgraphics distract from the distract from the

messagemessageRemember to use other techniques as Remember to use other techniques as

white space, text effectswhite space, text effects, and , and bulletsbullets instead of a lot of graphics instead of a lot of graphics

Keep your page Keep your page balancedbalanced..

Cost and TimeCost and Time

Remember costs and time Remember costs and time constraints when developing a constraints when developing a publicationpublication..

Developing Your DesignDeveloping Your Design

Always Always sketchsketch your idea your ideaCreate a Create a page dummypage dummyChoose a Choose a typefacetypeface that that matchesmatches

your messageyour messageThink about Think about readabilityreadability when when

choosing fonts!choosing fonts!StayStay within the same type family within the same type familyUse no more than Use no more than 2 or 32 or 3 fonts per fonts per

publicationpublication

Body TextBody Text

Use Use serifserif type fonts like Times New type fonts like Times New RomanRoman

More readableMore readable9-12 9-12 point sizepoint size

HeadlinesHeadlines

Choose simple Choose simple sans serifsans serif fonts fontsShould be a minimum of Should be a minimum of 24 24 pointspointsLeft-aligned, justified, or centered Left-aligned, justified, or centered

alignmentalignmentBe careful about breaking up a Be careful about breaking up a

headlineheadline

Page OrientationPage Orientation

PortraitPortrait – tall or vertical – tall or verticalLandscapeLandscape – wide or horizontal – wide or horizontal

Facing PagesFacing Pages

Two pages that face each other like a Two pages that face each other like a bookbook

Keep Keep continuitycontinuity; a feeling of unity; a feeling of unityBe sure graphics touch all four Be sure graphics touch all four

margins at some pointmargins at some point

Focal PointFocal Point

DOT EXERCISEDOT EXERCISECreate a focal point on your layout Create a focal point on your layout

about about 2/32/3 up the page up the pageWill catch the reader’s eye and draw Will catch the reader’s eye and draw

attentionattention

White SpaceWhite Space

Important for effective designImportant for effective designUsed to set off Used to set off texttext or or graphicsgraphics

without distracting its without distracting its readabilityreadabilityMarginsMargins and and columnscolumns can be used can be used

for effective white spacefor effective white space

ColumnsColumns

Makes page Makes page easiereasier to read and adds to read and adds interestinterest

OneOne column is good for smaller page column is good for smaller page sizessizes

TwoTwo columns are good for brochures, columns are good for brochures, reports, and catalogsreports, and catalogs

ThreeThree columns are the most common columns are the most common in DTP because they are more in DTP because they are more readablereadable and and flexibleflexible

Define Gutter or AlleyDefine Gutter or Alley

Space between columnsSpace between columns

Ruled Lines (Rules)Ruled Lines (Rules)

HorizontalHorizontal or or VerticalVertical lines used to lines used to separate columns or text.separate columns or text.

Make sure there is enough white Make sure there is enough white space on each side of the linespace on each side of the line

TextText should should NEVERNEVER TOUCH THE TOUCH THE LINESLINES

ACTIVITYACTIVITY

Magazine ActivityMagazine Activity Introduce the Introduce the NOTEBOOK PROJECTNOTEBOOK PROJECTBeginBegin INDESIGN CS INDESIGN CS

DesktopDesktopToolBoxToolBoxMeasurement ActivityMeasurement ActivityDrawing ActivitiesDrawing Activities

QUIZ 2QUIZ 2

Open NotesOpen Notes