dtp basics indd

Upload: vhizzie

Post on 30-May-2018

216 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/9/2019 DTP Basics Indd

    1/19

    Design Basicsu Lincoln Public SchoolsComputing Services.u Linda Dickeson

    Design & Layout BasicsThe Role o the Desktop Designer

    Tocomplementtheworkstartedbythewriter.

    Toaddavisualdimensiontothetext,notdrawattentiontothedesignitself.

    Tocreateadesignthatgetsreaderattentionandprojectsanimage.

    Questions to Consider Beore you Design

    1. Whatisthepurposeofyourpublication?Whyisitneeded?(mandatoryorpleasure

    reading)

    2. Whoisthetargetaudience?(Whatage,educationallevel,whatattitudesoropinions)3. Whatkindofinformationwillthepublicationinclude?

    4. Whatkindofimagedoyouwanttoproject?(classy,serious,formal,informal,etc.)

    5. Whatisthebudget?

    6. Howwillthepublicationbereproduced?

    7. Howwillitbedistributed?

    8. Whenisitneeded?

    9. Whatkindsofartorphotographyandhowmuchwillbeneeded?

    10. Whatwillthetimetablebefor:

    Articlesorcopybeingwritten

    Photography/artworktimerequirements

    Productionorassemblingofallinformation

    Printing

    Mailing

    Conditioning Yoursel to Good Design

    Learnthebasicrulesofdesign.

    Lookforgoodexamplesandkeepaleofgooddesignideasorlayoutsyoucanuse

    laterforinspiration,orasastartingpointformodication.

    Becomeanobserverandlearntothinkvisually.

    How to begin? Design the Grid.

    Begineverypublicationbyestablishingthemastergrid.Thegrid,amongother

    elements,includesthesebasicdetails:

    Thepagesize(example:7in.x9in.or8.5in.x11in.)

    Themargins(outside,insideorgutter,topandbottom)

    Thenumberofcolumnsonapage(2-column,3-columnormore)

    Thestandardtypefaceandsizeforheadlines,subheads,bodytext,captionsorother

    specialtext.

  • 8/9/2019 DTP Basics Indd

    2/19

    Design Basicsu Lincoln Public SchoolsComputing Services.u Linda Dickeson

    Eight Basic Design Rules1. Use a grid base design.

    Planitout,thenfollowitasyouplanyourpublication.

    Fig. 1 Grid (Four-corner composed layout)

    Fig.

    Fig. 3

    2. Control eye movementpay attention to reading patterns.

    Inthelayout,controlthereader'seyemovementonapagewithplacementof

    elements.Eyeowandeyedwelldescribeournaturalreadingpatterns.Usingtools

    suchasplacementandemphasis,designerscan

    chooseeithertoworkwithoragainstthesepatterns.

    Optical Center

    Whenscanning,theeyestartsattheopticalcenter

    ofthepage(slightlyaboveandtotheleftoftrue

    center).

    Eye Flow

    Theeyethensweepslefttorighttracingalazyz

    patternacrossanddownthepage.

    Terminal Area

    Placeastronggraphicinthelowerrightquadrant,or

    terminalarea,tokeeptheeyeonthepage.

  • 8/9/2019 DTP Basics Indd

    3/19

    Design Basicsu 3Lincoln Public SchoolsComputing Services.u Linda Dickeson

    Eye Dwell

    Studieshaveshownthattheeyedwellsdifferentamountsoftimeineachquadrantofthepage

    withthelowestreadingonthebottomrighthand

    cornerandthelongestonthetoplefthand.

    35%

    25% 15%

    25%

    40%

    60%

    Fig. 4

    Eyemovementisenhancedinthissampledesign(Fig.5)sincethelargegraphicnaturally

    pullsthereaderfromtheheadlineintothe

    comfortablezpattern.

    Fig. 5

    3. Balance the Elements on the page

    Symmetryandasymmetryaretwoverydifferentapproachestopagelayout.

    Symmetrical layoutelementsaremirroredacrossavertical,horizontalordiagonal

    axis.(Fig.6&7)Thesetypesoflayoutstendtobemoreformalandstatic.If

    improperlyorover-used,theycanbeboring.

    Fig. 6 Elementsare mirroredvertically andhorizontally.

    Fig. 7 Elementsare mirrored onthe diagonal.

  • 8/9/2019 DTP Basics Indd

    4/19

    Design Basicsu 4Lincoln Public SchoolsComputing Services.u Linda Dickeson

    Asymmetrical layoutelementsarebalanced

    usingtheprincipleofopticalweight.Theytendtobemorelivelyanddynamic.(Fig.8)

    Optical Weight Referstothepowerofan

    elementtoattractthereader'seye.Itcannot

    bemeasured,buttherearesomeguidelines:

    Large>small

    Dark>light

    Irregularshape>regularshape

    Color>black&white

    Becauseadarkelementhasmoreoptical

    weightthanalighterelement,asmallerdark

    shapecanbeusedtobalancealarger,lighter

    coloredshape.

    Fig. 8 The two smaller photographsand larger text block on the rightbalance the large photograph and the

    smaller text block on the let.

    Fig. 9 A large element has more opti-cal weight than a smaller element

    Fig. 10 an example of balance.

  • 8/9/2019 DTP Basics Indd

    5/19

    Design Basicsu 5Lincoln Public SchoolsComputing Services.u Linda Dickeson

    4. Keep elements in proportion

    Usevaryingsizes.Avoidabsolute1to2or1

    to3ratios.Splitcolumnsoccasionallywith

    artwork.Useapleasingarrangementofblack

    (graphics),gray(text)andwhite.(Fig.11)

    5. Use repetition o elements

    Repetitionofelementsprovidesmovement,

    continuityandunity.Elementsthatcanachieve

    thisare:

    usingthesamelayoutgridpattern

    usingthesametypeface(s)throughout usingasystemofrules(accentlines)

    repeatingbandsofcolor

    distinctivedingbatsorastyleofillustration

    positioningalogoconsistentlyoneachpage

    InFigure12,thereisrepetitionwithinthe

    graphicelementthetipsofthedrawingtools

    providerepetitivepointsandthegraphicstriping

    acrossthetoolsaddsmovement.Usingthis

    graphicinasmallersizethroughoutthepages

    ofrelatingarticleswouldprovideunitytothepublication.

    6. Provide a dominant element or shape in every layout

    Fig. an example o proportion

    Fig. repetition

    Fig. 3 Use odominant shape

  • 8/9/2019 DTP Basics Indd

    6/19

    Design Basicsu 6Lincoln Public SchoolsComputing Services.u Linda Dickeson

    7. Keep the design simple

    Avoidclutteringthelayoutwithillustrationsorotherelements.Reducethenumberofunitsonthepage.

    Fig. Simplicity

    8. Use white space as a design element

    Don'ttrapwhitespacebetween

    elements,butletitowandaid

    eyemovement.Whitespacehas

    multiplefunctions:shapingand

    framingcontent(aswithmargins

    andcolumnspace),separating

    content,providingbalancethrough

    contrast,restingthereader,

    relievingthereaderandmanyother

    communicationeffects.

    Fig. 3 Eective use o white space

  • 8/9/2019 DTP Basics Indd

    7/19

    Design Basicsu 7Lincoln Public SchoolsComputing Services.u Linda Dickeson

    Your Design ChecklistUse a checklist to evaluate your page designs:

    Use o a grid

    Reading patterns

    Optical Center

    Eye Flow

    Terminal Area

    Eye dwell

    Balance

    Symmetry

    Asymmetry

    Optical Weight

    Proportion

    Repetition

    Dominance

    Simplicity

    White Space

  • 8/9/2019 DTP Basics Indd

    8/19

    Design Basicsu 8Lincoln Public SchoolsComputing Services.u Linda Dickeson

    Using TypeUnderstanding Fonts

    Typefacesarealsocalledfontsonthecomputer.Therearethreeversionsoffonts

    thatyouneedtounderstand.Theyare:

    Postscript(outlinedfont)ThisAdobecreationusedtoneedtwopiecesof

    information,thescreenfontandprinterle,inordertoprintproperly.Nowupdatedto

    beonepieceofinformation.Looksgoodontheprinterinanysize.

    True TypeApple/Microsoft'sanswertooutlinefonts.Theylookgoodonthescreenandprintinanysize.NOTpreferredwhenprintingtoanoutsideprinteror

    imagesetter.

    Open TypeThenewesttypeofoutlinefont,cross-platform,withmoreglyphsthan

    otherfonts.UseOpenTypeorPostscriptwhensendingthejobtoanoutsideprinter.

    Outline onts(PostScriptor TrueType)mathematicallycalculate an out-line rom point to

    Bitmapped (screen)onts draw each pixelon the screen.

    Fig. 4 Understanding the dierence between bitmapped and outlined onts

  • 8/9/2019 DTP Basics Indd

    9/19

    Design Basicsu 9Lincoln Public SchoolsComputing Services.u Linda Dickeson

    Type Categories

    Generally,therearefourtypecategories:

    Serifhasembellishments,extensionsorcurlyqueues.Seriffontsare

    sometimesconsideredtobemoreformal,andareactuallyeasiertoreadwhen

    therearelargeamountsoftext.(Times,Bookman,Palatino,etc.)

    Sans serifhavingnoembellishments,noserifs.

    DecorativeOnlymeantforaspecialeffect,notalwayseasytoread.

    Picture/Symboltypinggivesyoupicturesorspecialsymbolsinsteadof

    characters.Forspecializeduse.

    T T Tdecorativesans seriseri type

    Fig. 15

    Seri ont amilies

    Therearethreethingstolookforwhendifferentiatingseriffontfamilies:

    Stroke widththewidthoftheletterstransitionfromthicktothinonthecurved

    strokes(technicallycalledthe"thick/thintransition").

    Stressdrawingastraightlinethroughthethinnestpartsindicatesthedirection

    ofthestress(verticalorhorizontal).

    Direction and thickness of serifserifscanbeangledorhorizontal,aswellas

    thickorthin.

    Oldstylefonts

    OldstyleDiagonalStress

    moderate thick/thin transition

    Seris onlowercase

    letters areslanted

    Examples:

    Palatino

    Times

  • 8/9/2019 DTP Basics Indd

    10/19

    Design Basicsu 0Lincoln Public SchoolsComputing Services.u Linda Dickeson

    Modern

    ModernVertical stress

    Seris on lowercase lettersare thin and horizontal

    Little or no thick/thin

    transition in strokes

    Examples:

    Bodoni

    Mona Lisa

    Bernhard Modern

    Slab Seri

    Slab serifExample:

    New Century Schoolbook

    Lubalin Graph

    Vertical stress

    Seris on lowercase lettersare thick and horizontal

    Radical thick/thintransition in strokes

    Sans seri

    Sans serif

    No seris anywhere

    No stressno thick/thin transition

    No thick/thin transition Examples:

    Arial

    Trebuchet

    Helvetica

    Futura

  • 8/9/2019 DTP Basics Indd

    11/19

    Design Basicsu Lincoln Public SchoolsComputing Services.u Linda Dickeson

    Measuring Type

    Typeismeasuredinaprinter'sunitofmeasurementpoints.

    12points=1pica

    6picas=1inch

    72points=1inch

    Type sizeismeasuredfromthetopofacapitallettertothebottomofthelongest

    descender.

    Leading referstothelinespacing,oramountofspacebetweenlinesandismeasured

    fromthebaselineofonelinetothebaselineofthenextline.Auto-leadinggivesyou

    120%offontsize(10/12).

    BybxCap-heightBaseline

    Ascender

    DescenderType size

    X-height

    leading

    measurement

    Fig. 6

    Decorative/Script

    New Berolina

    Party

    Old English

    Jokerman

  • 8/9/2019 DTP Basics Indd

    12/19

    Design Basicsu Lincoln Public SchoolsComputing Services.u Linda Dickeson

    Type & DesignConcord, Confict, Contrast

    Whenthereismorethanoneofanyelementonapagewhetheritbemorethanonestyleoffont,orfontscombinedwithgraphicsarelationshipisformed.

    Aconcordantrelationshipoccurswhenonlyonetypefamilyisusedwithoutmuch

    varietyinsize,weight,etc.,andallthegraphicalelementsareharmonious.The

    arrangementisquiet,sedateorformal.

    Aconictingrelationshipoccurswhensimilartypefacesarecombinedthatare

    notquitethesame.Thevisualattractionsmaynotquitebethesametomakeit

    concordant,buttheyarenotdifferentenoughtomakethemcontrasting.

    Acontrastingrelationshipoccurswhenseparatetypefacesandelementsarecombinedthatareclearlydifferentfromeachother.Asyoulookatexcitingand

    attractivedesigns,noticethattheytypicallyhavealotofcontrastbuiltinandthe

    contrastsareemphasized.

    The world of knowl-edge takes a crazyturn when teach-

    ers themselves aretaught to learn.

    Bertoldt Brecht

    What the

    teachers digest,the pupils eat.

    Karl Kraus

    JungleSurvivor

    Concordant Conicting

    Contrasting

  • 8/9/2019 DTP Basics Indd

    13/19

    Design Basicsu 3Lincoln Public SchoolsComputing Services.u Linda Dickeson

    HeadlineCentered

    Fig. 6 Justifed

    Youwillndonyourdesktop

    systemthat youwillbe able

    tochoosefrommanydifferent

    typestyles. Justbecause they

    arethere doesn'tmean you

    havetousealloftheminyour

    publication!Beconservativeand

    consistent.Oneortwotypestyles

    appliedinaconsistentmanner

    willproducea piece thatis

    pleasingtotheeye.

    Plainshouldbeusedforthemain

    textofapublication.

    Boldcanbeusedforheadlines

    andsubheads.Itcanalsobeused

    forcaptionsand occasionally

    foremphasisinthemiddleofa

    lineoftype.Likeanythingelse

    toomuch canunderminethe

    intendedlook.

    Italictypecanprovideasubtle

    contrasttothemaintext,butit

    doesn'tnotprovideemphasis.

    Itisactuallysofter,notbolder,

    thanroman text,anditis

    moredifculttoread.Used

    forcaptions,quotes,display

    type,lead-ins, andother

    shortitems.

    Youwillndonyourdesktop

    systemthatyouwillbeableto

    choosefrommanydifferent

    typestyles.Just because

    theyaretheredoesn'tmean

    youhavetouseallofthem

    i n y o u r p u b l i c at i o n ! B e

    conservativeandconsistent.

    Oneortwotypestylesapplied

    inaconsistentmannerwill

    p r o du c e a p i e c e t h a t i s

    pleasingtotheeye.

    Plainshouldbeusedforthe

    maintextofapublication.

    B o l d c a n b e u s e d f o r

    Fig. 7 Unjustifed

    Youwillndonyourdesktop

    systemthatyouwillbe

    abletochoosefrommany

    differenttypestyles.Just

    becausetheyaretheredoesn't

    meanyouhavetouseallof

    theminyourpublication!Be

    conservativeandconsistent.

    Oneortwotypestylesapplied

    inaconsistentmanner

    willproduceapiecethatis

    pleasingtotheeye.

    Plainshouldbeusedforthe

    maintextofapublication.

    Boldcanbeusedfor

    headlinesandsubheads.It

    canalsobeusedforcaptions

    andoccasionallyforemphasis

    inthemiddleofalineof

    type.Likeanythingelsetoo

    muchcanunderminethe

    intendedlook.

    Italictypecanprovide

    asubtlecontrasttothe

    maintext,butitdoesn't

    notprovideemphasis.Itis

    actuallysofter,notbolder,

    thanromantext,anditis

    moredifculttoread.Used

    forcaptions,quotes,display

    type,lead-ins,andother

    shortitems.

    Youwillndonyour

    desktopsystemthatyou

    willbeabletochoosefrom

    manydifferenttypestyles.

    Justbecausetheyarethere

    doesn'tmeanyouhave

    tousealloftheminyour

    publication!Beconservative

    andconsistent.Oneor

    twotypestylesappliedin

    aconsistentmannerwill

    produceapiecethatis

    pleasingtotheeye.

    HeadlineAlsoLeftJustied

    Fig. 8 Right justifed

    Youwillndonyourdesktop

    systemthatyouwillbe

    abletochoosefrommany

    differenttypestyles.Just

    becausetheyaretheredoesn't

    meanyouhavetouseallof

    theminyourpublication!Be

    conservativeandconsistent.

    Oneortwotypestylesapplied

    inaconsistentmanner

    willproduceapiecethatis

    pleasingtotheeye.

    Plainshouldbeusedforthe

    maintextofapublication.

    Boldcanbeusedfor

    headlinesandsubheads.It

    canalsobeusedforcaptions

    andoccasionallyforemphasis

    inthemiddleofalineof

    type.Likeanythingelsetoo

    muchcanunderminethe

    intendedlook.

    Italictypecanprovide

    asubtlecontrasttothe

    maintext,butitdoesn't

    notprovideemphasis.Itis

    actuallysofter,notbolder,

    thanromantext,anditis

    moredifculttoread.Used

    forcaptions,quotes,display

    type,lead-ins,andother

    shortitems.

    Youwillndonyour

    desktopsystemthatyou

    willbeabletochoosefrom

    manydifferenttypestyles.

    Justbecausetheyarethere

    doesn'tmeanyouhave

    tousealloftheminyour

    publication!Beconservative

    andconsistent.Oneor

    twotypestylesappliedin

    aconsistentmannerwill

    produceapiecethatis

    HeadlineAlsoRightJustied

    Column Readability

    Multiplecolumnlayoutsonthepagemayimprovereadability,sincemorethan712wordsperlinemaybetootediousandslowdownthereadingpace.Fourtypesoftext

    justicationcanchangethelookofthedocumentanditsreadability.

    Justifed text(straightonbothsides)cangiveadigniedlooktoapublication.It

    canevengivethefeelofstabilityanduniformity.Tolookbest,justiedtypemustbe

    evenlyspacedbetweenwordsandmayrequirehyphenation.Justiedcolumnsneed

    amplespacebetweensothereader'seyewon'tjumpcolumns.Cautionisadvised,

    sincelargerfontsthatarejustiedcanproducetoomuchspacebetweenwords

    causingtheriversofwhiteeffect,diminishingreadability."Riversofwhite"are

    createdwhenthespacebetweensomewordsexceedsthespacebetweenlines.

    Unjustifed text(raggedright)allowsthereadertoreadquicklyandgivesthe

    publicationacontemporaryappearance.Youwillhavelesshyphenation.

    Centered textgenerallyisusedtosetapartaheadlineorspecialblockofbodytext.

    Centeredtextisnotveryreadableforlargeamountsoftext.

    Right justifed(raggedleft)isusedonlyforspecialeffect,andcanlookvery

    contemporary.(Usewithcautionitisnotasreadable.)

  • 8/9/2019 DTP Basics Indd

    14/19

    Design Basicsu 4Lincoln Public SchoolsComputing Services.u Linda Dickeson

    Guidelines or Type Use:

    Althoughalldesignersdontagreeonallaspectsoftypeuse,therearesomegeneralguidelinesyoucanfollow:

    1. Useonetypefaceforthetextthroughoutapublication,althoughyoucanvary

    stylesandsizesinthattypeface.

    Variation:useonetypefacefortextandanotherforheadlines(example:textin

    serifwithheadlinesinasansserif).

    Choosethetypefacetomatchthemessageofyourpublication(example:

    AvantGardeforcontemporary).

    2. Keepheadlineslarge,butingeneralavoidallcaps.

    3. Setbylinessmallerthantheheadline,butlargerthanthetext.

    4. Forgoodreadability,chooseoneofthemethodsbelowtodesignatenewpara-

    graphs.Don'tuseboth!

    Indenttherstlineofaparagraph.

    Allowoneextralinespacebetweenparagraphs.

    5. Useitalictoemphasizeawordorphraseintext(softerthanboldandhardtoread,

    sousesparingly).

    6. Useboldsparinglyforemphasis.Butuseitfortextwhenitwillaidreadability

    (example:printingoncoloredpaper,orforoccasionalreversedtext).

    Selecting Type or Publications

    Whenchoosingtypeforapublication,consider:

    1. Typeface:

    itsformalityorinformality(Seriffontsareconsideredtobemoreformal,sans

    serifarelessformal.)

    itsreadabilityinthelinelengthyoullbeusing. whetheritwillappeartypographicallypleasinginthesizeyouwilluse.

    Helveticaforadvertisingandwherepoorreproductionisanticipated.Timesor

    NewCenturySchoolbookforperiodicals.

    2. Pointsize:

    atleast12pointforyoungandolderreaders

    10or12pointforhighschoolthrough50s

  • 8/9/2019 DTP Basics Indd

    15/19

    Design Basicsu 5Lincoln Public SchoolsComputing Services.u Linda Dickeson

    3. Stylefortext:

    Plainfortext

    Italicorboldforemphasis

    Boldforheadsandsubheads

    Underlininganoldhabitusedontypewritersforemphasis.Underliningis

    nottherecommendedchoiceforemphasis,especiallyifthetexthas

    descenders.

    4. Linespacing(leading):Pointsizeplusoneortwopointsinsmallertypes(1012

    pt.).Thelargerthetypegets,themoreleadingpointsyouwillneedtoprovide

    amplewhitespaceforreadability.

    5. Linelength:Limitlinelengthtoabout65characters,orseventotwelvewords.Morethanthatistootediousforthereaderandtheywillloseinterest.(Seriftype

    forbodytextcanhandletentotwelvewordsperline,wheresansserifshouldbe

    limitedtosevenoreight.)

    Breaking Up Text Areas

    1. Pulled quotationstextthatappearedinthearticle.Pulledquotesareoftensetin

    alargertypethanthebodytextandareseparatedbyrulelinesorboxes.

    2. Large capital letters (caps)Thelargecapscanbesetintothetextorcansiton

    therstline.Ifsetintotext,therstlineoftextshouldbeplacedclosertothecap

    sothereaderknowsthecapbelongstotherstwordoftheparagraph.Largecaps

    canalsobeboxed.

    3. Shadowed boxescanbeusedasadesignelementtosetoffpulledquotes,large

    capsorsidebars.

    4. Subheads canbeusedtoidentifymajortextbreaks.

    LargeDropCapso u w i l l f i n d o n y o u r

    desktopsystemthatyou

    talictypecanprovidea

    subtlecontrasttothemain

    willbe ableto choose frommanydifferenttypestyles.Just

    becausetheyaretheredoesn't

    meanyouhaveto useallof

    theminyourpublication!Be

    conservative and consistent.

    Oneortwotypestylesapplied

    ina consistentmanner will

    produceapiecethatispleasing

    totheeye.

    Plain shouldbe usedforthe

    maintextofapublication.

    Y

    o l d c a n b e u s e d f or

    headlinesandsubheads.It

    canalsobeusedforcaptions

    andoccasionallyforemphasis

    inthe middleof aline of

    type.Likeanything elsetoo

    m u c h c a n u n d e rm i n e t h e

    intendedlook.

    B

    Itext,butitdoesn'tnotprovideemphasis.Itisactuallysofter,

    notbolder,thanromantext,

    anditismoredifculttoread.

    Usedfor captions,quotes,

    displaytype,leadins, and

    othershortitems.

    Yo u w i l l f i n d o n y o u r desktopsystemthatyouwillbeabletochoosefrom

    manydifferent typestyles.

    Justbecausetheyare there

    doesn'tmeanyouhavetouse

    allofthemin

    PulledQuoteYouwillndonyourdesktop

    system that you willbe able

    tochoosefrommanydifferenttypestyles. Justbecause they

    arethere doesn't meanyou

    havetouseall

    oftheminyour

    publication!Be

    c o n s e r v a t i v e

    andconsistent.

    On e o r t w o

    t y p e s t y l e s

    a p p li e d i n a

    consistentmannerwillproduce

    a p i e c e t h a t i s p l e as i ng t o

    theeye.

    Plainshouldbeusedforthemain

    textofapublication.

    Boldcanbeusedforheadlines

    andsubheads.Itcanalsobeused

    forcaptionsandoccasionallyfor

    emphasisinthemiddleofaline

    oftype.Likeanythingelse

    toomuchcanunderminethe

    intendedlook.Italictype canprovide a

    subtlecontrasttothemain

    t e xt , b u t

    i t d o e sn ' t

    notprovide

    emphasis. It

    i s a c t u a l l y

    s o f t e r , n o t

    bolder,than

    romantext,

    anditismoredifculttoread.

    Usedforcaptions,quotes,

    displaytype, lead-ins,and

    othershortitems.

    Youwillndonyourdesktop

    systemthatyouwillbeableto

    choosefrommanydifferent

    typestyles.Just because

    theyaretheredoesn'tmean

    Italic type can provide

    a subtle contrast to

    the main text, but it

    doesn't not provide

    Fig. 9Use o pull-quotes Fig. 0 Use o large caps.

  • 8/9/2019 DTP Basics Indd

    16/19

    Design Basicsu 6Lincoln Public SchoolsComputing Services.u Linda Dickeson

    Using Illustrations Eectively

    1. Useillustrationstocontroleyemovementinalayout.Focusthereader'sattentiononthepage.(Fig.21)Neveruseagraphicthatpointsoffthepage,orawayfrom

    thetext.

    2. Selectillustrationsthataccuratelyreectthe

    contentofthearticle.

    3. Uselargeillustrationsforforcefulness.

    4. Usewell-drawnillustrationswithgooddetail

    andproportionsoyoudon'tdetractfromyour

    publication.Trytoavoidthejaggies,unlessthat'stheeffectyouwant.

    5. Usegraphicssoftwareprogramstocreate

    specialeffects,suchasshadowing,tilting,or

    shadinginintervals.Orscanpenandinkdraw -

    ings.

    6. Getpermissiontouseillustrationsfromprint

    sources,suchasmagazines,newspapersandbooks.

    7. Usehumorousillustrationsselectively.Besuretheywillbeunderstoodbyyour

    readers.

    Fig.

    Fig. The layout on the right is more eective due to the impact o the largergraphic and use o white space around the headline.

  • 8/9/2019 DTP Basics Indd

    17/19

    Design Basicsu 7Lincoln Public SchoolsComputing Services.u Linda Dickeson

    Choosing Photos and Illustrations

    It'simportanttochoosephotosorillustrationsthatrelatetothetexttheygowith.Youcanusephotosandillustrationsinseveralwaysinapublication:

    Asahooktodrawthereaderintothearticle.

    Tosummarizethecontentsofthearticle.

    Todemonstratehowsomethingisdone.

    Todepictanevent,pastorfuture.

    Toshowtheauthorasarealliveperson.

    Toshowthelocation.

    Tosetthemoodforthetext.

    More Tips or the Layout

    Forbodycopy,keeptherstparagraphofthearticleushleft.Ifyouaregoingto

    indentparagraphs,indentonlytheparagraphsaftertherst.

    Theparagraphindentationsshouldonlybeaswideasan"Mdash"(seebelow).

    Don'tusemorethanthreesizesofheadlinetypeinonepublication.

    Unlessyouaresendingthenalcopytoatypesetteroruseanotherhighreso-

    lutionprintingmethod(1200dpiormore),stayawayfromusingtextovera

    screened(gray)background.

    Nomorethantwohyphensattheendofconsecutivelinesofbodytext.

    More rules you didn't learn in typing class:

    Onlyonespacebetweensentences!Typewritershadmonospacedfonts(each

    letteristhesamewidth)butcomputershaveproportionalfonts(eachletterisa

    differentwidth)andonlyonespaceisneededforvisualseparation.

    Makesuretousesmartquotes()ratherthanregularquotesforquotations.The

    genericoneslooklike"inch"and"foot"abbreviations!

    Replaceusinghyphensordouble-dashes(--)fromthedaysofusingtypewriters

    withthetypesetter's"Ndash"()or"Mdash"().TheNdash(orendash)is

    usedbetweenwordsornumberstoindicateadurationoftime.TheMdash(orem

    dash)istwiceaslongastheendashit'saboutthesizeofacapitalletterM.Use

    itinamannersimilartoacolonorparentheses,toindicateanabruptchangein

    thought,orinaspotwhereaperiodistoostrongbutacommatooweak. Takeadvantageofthespecialcharactersavailableonacomputer,like,,,,

    etc.Researchhowtodotheseonyourcomputer.

    Neverleavewidowsandorphansonthepage.Whenaparagraphendsandleaves

    lessthansevencharactersonthelastline,itiscalledawidow.Whenthelastline

    ofaparagraphwon'ttatthebottomofacolumnandendsatthetopofthenext

    column,itisanorphan.

  • 8/9/2019 DTP Basics Indd

    18/19

    Design Basicsu 8Lincoln Public SchoolsComputing Services.u Linda Dickeson

    Mistakes o New DesignersAsyoustudypublications,you'llndtherearetrends.Thesetrendschangeconstantly.However,therearesomedesignsthataregenerallyrecognizedaspoor

    onesdesignsyou'llwanttoavoid.Designstoavoidinclude:

    1. Overlysymbolicillustrationsbesuresymbolsyouusehaveameaningthat

    won'tbemisunderstood.

    2. Clutteredillustrations.

    3. Say-nothingillustrationsthatareincludedjusttollspace.

    4. Unorganizedillustrationselementsplacedwithnoparticularplan.

    5. Attemptstoberadicallydifferent.

    6. Failuretocomplementtheaccompanyingtext.

    7. Useofirregularlinespacing.

    8. Useofunevencolumnsthatdon'tfollowagrid.

  • 8/9/2019 DTP Basics Indd

    19/19

    D i B i u 9Li l P bli S h l C ti S i u Li d Di k

    ResourcesBooks

    The PC (Mac) is not a TypeWriter. Williams,Robin:PeachPitPress,1992

    Basic Desktop Design & Layout.Collier,DavidandCotton,Bob:QuartoPublishing,1989

    How to understand and use Design and Layout.Swann,Alan:QuartoPublishing,1987

    How to Create High-Impact Designs. McCleland,JaneK.:CareerTrack,Inc.1995

    Looking Good in Print.Parker,RogerC.:VentanaPublishing,1997

    The Makeover Book: 101 Design Solutions for Online and Desktop Publishers. Grossman,Joe:

    VentanaPublishing,1996

    The Non-Designer's Design Book, Williams,Robin:PeachPitPress,1994 Roger C. Parker's One-minute Designer, Parker,RogerC:MIS:Press,1997

    Robin Williams Design Workshop, Williams,Robin&Tollett,John:PeachPitPress,2001

    Beyond the Mac is not a Typewriter,Williams,Robin:PeachpitPress,1996

    Periodicals

    Publish, InternationalDataGroup,P.O.Box55400,Boulder,CO80322(800)274-5116.

    Step-by-step Electronic Design, Step-by-stepPublishing,adivisionofDynamicGraphics,Inc.,

    6000N.ForestParkDrive,Peoria,IL61614-3592,(309)688-2300.

    Dynamic Graphics, DynamicGraphics,Inc.,6000N.ForestParkDrive,Peoria,IL61614-3592,

    http://www.dgusa.com/dgm

    Workshops

    The Basics of Design Using Desktop Publishing,PadgettThompson,Div.ofAmericanManage-

    mentAssociation,P.O.Box8297,OverlandPark.KS66208(800)255-4141

    Desktop Design, PromotionalPerspectives,1955PaulineBlvd.,Suite100-A,AnnArbor,MI

    48103(313)994-0007

    How to design eye-catching brochures, newsletters, ads, reports,CareerTrackSeminars,3085

    CenterGreenDr.,Boulder,CO80301-5408,(303)447-1696

    VideoTapeTraining

    Design and Layout,MacAcademyVideoTapeTrainingSeries

    WorldWideWebsite:

    Newsletter Design Clinic, http://desktoppub.about.com/od/newsletters/a/newsletter3c.htm