Newsletter Design BasicsWhat You Need to Know for Print & Web

Layout

cOnSIsteNcy MAtTers

Rule #1

Don’t Start with This One Week:

And Go with This Next Week:

Use the Right ToolsRule #2

Right Tool =

$$$+ +

Hiring a DesignerPROS

High Quality Material

No Equipment Expenses

Designs Template to Reuse

CONS

Can be Expensive

You Lose Some Control

Designer Must Learn Your Style

Operating In-HousePROS

You Know Your Company

Make Changes for Free

Can do Coordinated Pieces

CONS

Equipment Costs

Experience Costs

Staff Time Occupied

Best Case: Adobe Creative Suite

Not Bad: Adobe InDesign

Good Enough: MS Office Publisher

Know the FundamentalsColor

LayoutTypography

Rule #3

Learn Your Color Wheel

Good

Not So Good

LAYOUT Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Namnibh.Nuncvariusfacilisiseros.Sederat. In invelit quisarcu ornare laoreet. Curabitur adipiscing luctus massa.Integer ut purus ac augue commodo commodo.Nunc necmi eu justo temporconsectetuer.Etiamvitaenisl. Indignis-sim lacus ut ante. Cras elit lectus, bibendum a, adipiscingvitae, commodo et, dui. Ut tincidunt tortor. Donecnonummy, enim in lacinia pulvinar, velit tellus scelerisqueaugue, ac posuere libero urna eget neque. Cras ipsum.Vestibulum pretium, lectus nec venenatis volutpat, puruslectus ultrices risus, a condimentum risus mi et quam.Pellentesqueauctor fringillaneque.Duiseumassaut loremiaculisvestibulum.Maecenasfacilisiselit sed justo.Quisquevolutpat malesuada velit. Lorem ipsum dolor sit amet,consectetueradipiscing elit.Namnibh.Nuncvariusfacilisiseros.Sed erat. In in velit quisarcu ornare laoreet.Curabituradipiscing luctus massa. Integer ut purus ac augue com-modo commodo. Nunc nec mi eu justo tempor consect-etuer. Etiam vitae nisl. In dignissim lacus ut ante. Cras elitlectus, bibendum a, adipiscing vitae, commodo et, dui. Uttincidunt tortor.Donec nonummy,enimin laciniapulvinar,velit tellus scelerisque augue, ac posuere libero urna egetneque.Crasipsum.Vestibulumpretium,lectusnecvenena-tisvolutpat,puruslectusultricesrisus,acondimentumrisusmi et quam. Pellentesque auctor fringilla neque. Duis eumassa ut lorem iaculis vestibulum. Maecenas facilisis elitsed justo. Quisque volutpat malesuada velit.Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Namnibh.Nuncvariusfacilisiseros.Sederat. In invelit quisarcu ornare laoreet. Curabitur adipiscing luctus massa.Integer ut purus ac augue commodo commodo.Nunc necmi eu justo temporconsectetuer.Etiamvitaenisl. Indignis-sim lacus ut ante. Cras elit lectus, bibendum a, adipiscingvitae, commodo et, dui. Ut tincidunt tortor. Donecnonummy, enim in lacinia pulvinar, velit tellus scelerisqueaugue, ac posuere libero urna eget neque. Cras ipsum.Vestibulum pretium, lectus nec venenatis volutpat, puruslectus ultrices risus, a condimentum risus mi et quam.

Lorem ipsum dolor sit amet, consectetueradipiscing elit.Namnibh. Nunc varius facili-siseros.Sed erat. In in velit quisarcu ornarelaoreet. Curabitur adipiscing luctus massa.Integer ut purus ac augue commodo com-modo.Nuncnecmieujusto temporconsec-tetuer.Etiamvitaenisl. In dignissim lacusutante.Craselit lectus,bibenduma,adipiscingvitae, commodo et, dui. Ut tincidunt tortor.Donec nonummy, enim in lacinia pulvinar,velit tellus scelerisque augue, ac posuereliberournaegetneque.Crasipsum.Vestibu-lumpretium, lectusnec venenatisvolutpat,purus lectus ultrices risus, a condimentumrisusmi et quam.Pellentesqueauctor fring-illa neque. Duis eu massa ut lorem iaculisvestibulum. Maecenas facilisis elit sed justo.Quisque volutpat malesuada velit. Loremipsum dolor sit amet, consectetuer adipisc-ing elit.Namnibh. Nunc varius facilisis eros.Sed erat. In in velit quisarcu ornare laoreet.Curabitur adipiscing luctus massa. Integerut purus ac augue commodo commodo.Nunc nec mi eu justo tempor consectetuer.Etiam vitae nisl. In dignissim lacus ut ante.

BALANCE

Lorem ipsum dolor sit amet, consectetueradipiscing elit. Namnibh. Nunc varius facilisiseros. Sed erat. In in velit quis arcu ornarelaoreet. Curabitur adipiscing luctus massa.Integer ut purus ac augue commodo com-modo. Nunc nec mi eu justo tempor consect-etuer. Etiam vitae nisl. In dignissim lacus utante. Cras elit lectus, bibendum a, adipiscingvitae, commodo et, dui. Ut tincidunt tortor.Donecnonummy,eniminlaciniapulvinar,velittellus scelerisque augue, ac posuere liberourna eget neque. Cras ipsum. Vestibulumpretium, lectus nec venenatis volutpat, puruslectusultricesrisus,acondimentumrisusmietquam. Pellentesque auctor fringilla neque.Duis eu massa ut lorem iaculis vestibulum.Maecenasfacilisiselit sed justo.Quisquevolut-pat malesuada velit. Lorem ipsum dolor sitamet, consectetuer adipiscing elit. Nam nibh.Nunc varius facilisis eros. Sed erat. In in velitquis arcu ornare laoreet. Curabitur adipiscingluctusmassa. Integer ut purus ac augue com-modocommodo.Nuncnecmieujustotemporconsectetuer. Etiam vitae nisl. In dignissimlacus ut ante. Cras elit lectus, bibendum a,

is anotherword f

Bad LayoutMisaligned logo

Too many boxes

Not a good use of Color

Inconsistent headline placement

Lack of direction

Good LayoutNice logo

Solid left-side TOB

Good font for headline

Plenty of space for story

Large, appropriate image

Make the Most of Typography

What to Keep in Mind:Keep enough space between letters and

lines (leading & kerning)

Use consistent formatting throughout

Use fonts appropriate to the audienceNo more comic sans

Bad TypographyA Headline shouldn’t be broken in

AwkwardPlacesBy Craig S ander

L orem ipsum dolor sit amet, consectetur adipiscingelit. Donec lorem lectus, blandit non imperdiet a,auctor ac libero. I n imperdiet tempus malesuada.S ed tempor scelerisque accumsan. N unc semperfelis a elit gravida auctor. P hasellus vel diam eutortor volutpat aliquet. Aenean eu nibh nec ipsumvehicula fringilla mattis nec mi. Aenean ultricesnulla nisl, vel pulvinar ipsum. P roin egestas liberoat ante scelerisque ac luctus arcu euismod. S edimperdiet lectus a lacus eleifend eget pretium urnaultricies. Morbi vehicula, mauris sed rutrum adipisc-ing, dui augue pharetra lectus, a condimentum erosipsum ac sapien. P raesent imperdiet iaculis dapibus.P raesent et dolor eros, ut rhoncus est. Curabitur atmetus sed lorem ultricies consequat. P raesentcongue varius enim, at bibendum nibh accumsan a.P hasellus sit amet condimentum est. S ed at auguequis dui viverra pretium sit amet quis sapien. I n hachabitasse platea dictumst. N ulla accumsan quam atleo mattis sed ullamcorper elit aliquet. Maecenasfermentum arcu nec sapien volutpat non congueligula molestie. Vestibulum porttitor ullamcorper

Lorem ipsum dolor sit amet,consectetur adipiscing elit.Donec lorem lectus, blandit nonimperdiet a, auctor ac libero. Inimperdiet tempus malesuada.Sed tempor scelerisque accum-san. Nunc semper felis a elitgravida auctor. Phasellus veldiam eu tortor volutpat aliquet.Aenean eu nibh nec ipsumvehicula fringilla mattis nec mi.Aenean ultrices nulla nisl, velpulvinar ipsum. Proin egestaslibero at ante scelerisque acluctus arcu euismod. Sedimperdiet lectus a lacus eleifendeget pretium urna ultricies.Morbi vehicula, mauris sedrutrum adipiscing, dui auguepharetra lectus, a condimentumeros ipsum ac sapien. Praesentimperdiet iaculis dapibus.Praesent et dolor eros, ut rhon-cus est. Curabitur at metus sedlorem ultricies consequat.Praesent congue varius enim, at

L orem ipsum dolor sit amet, consecteturadipiscing elit. Donec lorem lectus, blanditnon imperdiet a, auctor ac libero. I nimperdiet tempus malesuada. S ed temporscelerisque accumsan. N unc semper felis aelit gravida auctor. P hasellus vel diam eutortor volutpat aliquet. Aenean eu nibh necipsum vehicula fringilla mattis nec mi.Aenean ultrices nulla nisl, vel pulvinaripsum. P roin egestas libero at ante sceleris-que ac luctus arcu euismod. S ed imperdietlectus a lacus eleifend eget pretium urnaultricies. Morbi vehicula, mauris sed rutrumadipiscing, dui augue pharetra lectus, a con-dimentum eros ipsum ac sapien. P raesentimperdiet iaculis dapibus. P raesent et doloreros, ut rhoncus est. Curabitur at metus sedlorem ultricies consequat. P raesent conguevarius enim, at bibendum nibh accumsan a.P hasellus sit amet condimentum est. S ed ataugue quis dui viverra pretium sit amet quissapien. I n hac habitasse platea dictumst.N ulla accumsan quam at leo mattis sedullamcorper elit aliquet. Maecenas fermen-tum arcu nec sapien volutpat non congueligula molestie. Vestibulum porttitor ullam

Better TypographyKeep it to One Line ifYouCan:

OrAdd a Sub-HeadlineBy Craig Sander

Loremipsumdolorsitamet,consecteturadipisc-ingelit.Donecloremlectus,blanditnonimperdieta, auctor aclibero. In imperdiet tempusmale-suada. Sedtempor scelerisqueaccumsan. Nuncsemper felisaelit gravidaauctor. Phasellusveldiameutortorvolutpataliquet.Aeneaneunibhnecipsumvehiculafringillamattisnecmi.Aeneanultricesnullanisl,velpulvinaripsum.Proineges-tasliberoatantescelerisqueacluctusarcueuis-mod. Sedimperdiet lectusalacuseleifendegetpretium urna ultricies. Morbi vehicula, mauris sedrutrumadipiscing, dui auguepharetralectus, acondimentumeros ipsumac sapien. Praesentimperdiet iaculisdapibus.Praesentetdoloreros,utrhoncusest.Curabituratmetussedloremultri-ciesconsequat. Praesentconguevariusenim, atbibendumnibhaccumsana. Phasellussit ametcondimentumest. Sedatauguequisdui viverrapretiumsit amet quissapien. Inhachabitasseplateadictumst. Nullaaccumsan quamat leomattis sed ullamcorper elit aliquet. Maecenasfermentumarcunecsapienvolutpatnoncongueligulamolestie. Vestibulumporttitorullamcorperneque, vitae hendrerit sem blanditbibendum.Loremipsumdolor sit amet, consect-

Loremipsumdolorsitamet,consecteturadipiscingelit.Donecloremlectus,blanditnonimperdieta,auctoraclibero. Inimperdiet tempusmalesuada.Sedtempor scelerisqueaccumsan. Nuncsemperfelisaelit gravidaauctor. Phasellusvel diameutortorvolutpataliquet.Aeneaneunibhnecipsumvehiculafringillamattisnecmi. Aeneanultricesnullanisl,velpulvinaripsum.Proinegestasliberoat antescelerisqueacluctusarcueuismod. Sedimperdietlectusalacuseleifendegetpretiumurnaultricies.Morbivehicula,maurissedrutrumadipi-scing, dui auguepharetralectus, acondimentumerosipsumacsapien. Praesent imperdiet iaculisdapibus. Praesent et dolor eros, ut rhoncusest.Curabituratmetussedloremultriciesconsequat.Praesent conguevariusenim, at bibendumnibhaccumsana.Phasellussitametcondimentumest.Sedatauguequisduiviverrapretiumsitametquissapien. In hachabitasseplateadictumst. Nullaaccumsanquamatleomattissedullamcorperelitaliquet. Maecenas fermentumarcu nec sapienvolutpat noncongueligulamolestie. Vestibulumporttitor ullamcorper neque, vitaehendrerit semblandit bibendum. Loremipsumdolor sit amet,consectetur adipiscingelit. Donec loremlectus,blandit non imperdiet a, auctor ac libero. Inimperdiettempusmalesuada.Sedtemporsceleris-queaccumsan. Nuncsemper felisaelit gravida

Loremipsumdolorsitamet,consecteturadipiscingelit.Donecloremlectus,blanditnonimperdieta,auctoraclibero. Inimperdiet tempusmalesuada.Sedtempor scelerisqueaccumsan. Nuncsemperfelis a elit gravida auctor.

Separate a Sidebar w/ LinesLoremipsumdolorsitamet,consecteturadipi-scing elit. Donec loremlectus, blandit nonimperdiet a, auctor ac libero. In imperdiettempus malesuada. Sed tempor scelerisqueaccumsan. Nunc semper felis aelit gravidaauctor. Phasellusvel diameutortor volutpataliquet. Aeneaneunibhnecipsumvehiculafringillamattisnecmi. Aeneanultricesnullanisl,velpulvinaripsum.Proinegestasliberoatantescelerisqueacluctusarcueuismod. Sedimperdiet lectusalacuseleifendegetpretiumurna ultricies. Morbi vehicula, mauris sedrutrumadipiscing,dui auguepharetralectus,acondimentumerosipsumacsapien. Praesentimperdietiaculisdapibus.Praesentetdoloreros,ut rhoncusest. Curabituratmetussedloremultricies consequat. Praesent congue variusenim,atbibendumnibhaccumsana.Phasellus

Know Your Audience

Rule #4

What to Consider: Age

Education

Profession/Career

Gender

Income

Hobbies

What Does the Audience Share?

What about the Web?

It’s the same thing!

Any Questions?