20
Successful Design Tips Janel Kesten New England Reprographics

Successful Design Tips - Janel Kesten

Embed Size (px)

DESCRIPTION

This is Janel Kesten's presentation from the Non-Profit Toolbox's mini-conference on 10/22/09.

Citation preview

Page 1: Successful Design Tips - Janel Kesten

Successful Design Tips

Janel Kesten

New England Reprographics

Page 2: Successful Design Tips - Janel Kesten

Janel Kesten | New England Reprographics The Non-Profit Toolbox

Misconceptions:

Design doesn’t matter if the content is good.

Design is easy, especially simple designs.

Page 3: Successful Design Tips - Janel Kesten

Janel Kesten | New England Reprographics The Non-Profit Toolbox

Your message competes with thousands of others.

Page 4: Successful Design Tips - Janel Kesten

Janel Kesten | New England Reprographics The Non-Profit Toolbox

Will it attract attention?

Will the design maintain the reader’s attention?

Is your information organized?

Page 5: Successful Design Tips - Janel Kesten

Janel Kesten | New England Reprographics The Non-Profit Toolbox

Will they have confidence in your ability?

Page 6: Successful Design Tips - Janel Kesten

Janel Kesten | New England Reprographics The Non-Profit Toolbox

Your plan:

Establish a solid design foundation and build upon it in phases with each project.

Page 7: Successful Design Tips - Janel Kesten

Janel Kesten | New England Reprographics The Non-Profit Toolbox

1. Logo2. Business card3. Website4. Collateral

(brochure, flyer or handout)

Page 8: Successful Design Tips - Janel Kesten

Janel Kesten | New England Reprographics The Non-Profit Toolbox

What is the goal of your organization?

What sets you apart from others with similar objectives?

What are your unique characteristics?

Page 9: Successful Design Tips - Janel Kesten

Janel Kesten | New England Reprographics The Non-Profit Toolbox

Basic design principles:

balance alignment contrast

white space consistency

Page 10: Successful Design Tips - Janel Kesten

BALANCESaticave rferes, patis et potam quid consilius cone men-dam ad in senihil hos egernum pra? Quis, consult inatilne nitasdam hacereorsum diem tanterum dius hostimo rsultio voliam tem teato comnerenius ocruntem investra rei !cae erit? Tes nocchus aut C. Nihilines cultuus co conequa mpermistessa manum per pernihilis remenih ilicus ocultust vignovis, sentes? Ine adhus conlocum occhili capervi vatiem te, qua aut iae cae re, vere in Ita nos fautem notiam rei consta nes elabem hum inprio maio, oc oc, quos dituius. Ultum et vidius. Quit, nonsignam et re noxim ur unum, vitam. Quit, cupplis? Supimodic !t quiustesi postusquiu vivastam. Avestim aiortiqui ina, ut opublis sentilici perem inte is, ve, eo coniquam dem straetra, quid cur. Grarbitus, te hi, opublis condam acrion vid morunterte poti se iumus, quiti, qua inat vigit vid commovere, poeretim mus condit iam trum oc, num ponihilin nirionl ostraec omnem omaxi-mus ad C. La vernum es, pratius, furei iam ina, molicut di patis fur labunihinat.

Evit, untes comnemus iurnimus trox nos manteribus sulicit, dees verit iner!c ivisqua que ertuam poractus Catum nique civid derbit, nius hum a rese averimilius furnumer praci se prem ia re me consulibus vem in iam tant.

Tum sitifer acia manducie o ente et isquit? Edemeni hicives sediocu perudet es, quidii intem is.

Ximus, Paliur hem, co notenihil hos, noc in vidiestiae ortum oc, te dem. Ibus, que hoste cultium mentis denatis; nihilicuppl. consulto a macienem adhuspi caudam iam es consultu sentiam pate notis fuium in sendum nostus bononsi llabeste te oca resse con sention !culibus, quam intum tus rei publium, fecer!ri porediis. Verniam ac in publiciis menti, nesitiliae qua ine tus C. VivatPalii pero nossenat nem nonem in det vivis fue conihi, num confectus conteba tiaet; ex morsul terorturnul virios popubis ta, inte-bunc te consupere qua ina retodius stri fortem facites forac tabununum poponin derterb issignatis, consus noneque dere, Cupicon sultor quere mo ex manum.

Poponfe cupiena, Catume hus. Ectandiem adhuidicie es nostris, nonce quis. Ti. Nocaet fuitius, pultuam utu se, nos ompontridis omplibu licaece rectus, qua acrem loc tere, qui fac vit. con dite telis, que in sulla in abestem hosteremoves anum pris, culto cluderei inprors condum sedo, Ti. Abit-ervis vat. Dininti mmoverbemus non!tidHem tantis veris bondamquis peri publiciae con te trei superudacta, coneq-uis. O trum publinprae vidit. An terici publibus sularbi sim

vignatumum verum cotimpris eterude atastiam. Dec trari publint, publi postilia menat iam mentis pror hostam, con-stie condium unu quo actum orateri te morit; ingulvi licior-tidis. Mod poptiqu odionsisse, caesti, C. Ehenerni sentili caticaedo, nonsum a ace nont, nosulto Catatiemne condi, nes hali incepor diemul te, quam re, defesilica ner hacchum !cii iaedemum addum quonsim orbis; C. Simihiliur audes-tanulla dem Romniu vitribus, Catus is se horum puludet; ia quod Caturis cupions ularit, det; intem, publiem auceps, que menatius C. Ignocum itanum iam re es! Hicio, sed consusc er!cii squem. Ibunu cleritis in hocchilis isse tuscepo ratque perferv ivesser feruntem mortertes inti, num ia ne con nem autum acchil vius intum sim essedo, sedo, num labus Catiem Imiumus cerfex movertum atimulibus opostil hae nesta iam ocum consum tuusquemniae ium publis, sicaetifere, nentere pultuus sultum, es! Sp. Viverimis sidet, opulicae, uncus iam pulierit; inpro vidiene molis, quam inatimus confer us in simpliis.

Quam tam, es nor in iactorsuam con temo a et; nonvoca nulvil vivenatorit, quis.

Alicult orudes At ommolicaesi forimus etiline numus. Convolut aciisse quidium publici perum Romnost? O tere

Page 11: Successful Design Tips - Janel Kesten

UNEVENESSSaticave rferes, patis et potam quid consilius cone mendam ad in senihil hos egernum pra? Quis, consult inatilne nitasdam hacereorsum diem tanterum dius hostimo rsultio voliam tem teato comnerenius ocruntem investra rei !cae erit? Tes nocchus aut C. Nihilines cultuus co conequa mpermistessa manum per pernihilis remenih ilicus ocultust vignovis, sentes? Ine adhus conlocum oc-chili capervi vatiem te, qua aut iae cae re, vere in Ita nos fautem notiam rei consta nes elabem hum inprio maio, oc oc, quos dituius. Ultum et vidius. Quit, nonsignam et re noxim ur unum, vitam. Quit, cupplis? Supimodic !t quiustesi postusquiu vivastam. Avestim aiortiqui ina, ut opublis sentilici perem inte is, ve, eo coniquam dem straetra, quid cur. Grarbitus, te hi, opublis condam acrion vid morunterte poti se iumus, quiti, qua inat vigit vid commovere, poeretim mus condit iam trum oc, num ponihilin nirionl ostraec omnem omaximus ad C. La vernum es, pratius, furei iam ina, molicut di patis fur labunihinat.

Page 12: Successful Design Tips - Janel Kesten

Faci se autero aucips, nore, simmorio nit obuliqu emunum in det publictes omperor bitero Catendie num habulabit; Catabene criptimilin Itatuss erticae ace iam tantent? Opio moventro peris, crioreb enatasteris ertiliq uastam que au-cio, caequidem !riptia mena, crit, deatuastiam inam tem P. Publis C. Equam peritas tribunu mortere oressulin st vid nonsul vit, nemuncupplis in vium tasdamp eciem, ne !cibus bon sente ad consulvilis? Atum inat. Ifertim rehe-bat, nocrum popoerituam hosupionum is? Hilici interip icatratursus omnost? is convenden hementem inum pro, nosteatem num det; erissente manum dem hos pero iur-biss imihico ndiendiem optius cepotil icibus ia pra? inam di, esilneq uerumus. Achicula Scis vitus facre dem tam me num la Sp. Valari pes, parbitu inatic occiveribus coeress atilles tifer! cibercentre aut nonsunum invo, silicondam intiam estis, cri se publicaelium comaxim postraci prae fatum in tissenatil us mo ego es movestantem Pala vig-natilis.

Huc res vigitam. Ifectuus aut aperet? Ario uraet; notilicam

ALIGNMENT

December | 2009 Design Principles | 65

Page 13: Successful Design Tips - Janel Kesten

Faci se autero aucips, nore, simmorio nit obuliqu emunum in det publictes omper-or bitero Catendie num habubit; Catabene criptimilin Itatuss erticae ace iam tent? Opio moventrperis, crioreb atastertiliq utam que aucio, cae-quidem !riptia mena, crit, dea-tuastiam inam tem P. Publis C. Equam peritas tribunu mortere oressulin st vid nonsul vit, ne-muncupplis in vium tasdamp eciem, ne !cibus bon sente ad consulvilis? Atum inat. Ifertim rehebat, nocrum popoerituam

MIS-­ALIGNMENTFaci se autero aucips, nore, simmorio nit obuliqu emunum in det publictes omperor bitero Catendie num habulabit; Catabene criptimilin Itatuss erticae ace iam tantent? Opio moventro peris, crioreb enatasteris ertiliq uastam que aucio, caequidem !riptia mena, crit, deatuastiam inam tem P. Publis C. Equam peritas tri-bunu mortere oressulin st vid nonsul vit, nemuncupplis in vium tasdamp eciem, ne !cibus bon sente ad consulvilis? Atum inat. Ifertim rehebat, nocrum popoerituam hosupionum is? Hilici in-terip icatratursus omnost? is convenden hementem inum pro, nosteatem num det; erissente manum dem hos pero iurbiss im-ihico ndiendiem optius cepotil icibus ia pra? inam di, esilneq uerumus. Achicula Scis vitus facre dem tam me num la Sp. Valari pes, parbitu inatic occiveribus coeress atilles tifer! cibercentre aut nonsunum invo, silicondam intiam estis, cri se publicaelium comaxim postraci prae fatum in tissenatil us mo ego es moves-tantem Pala vignatilis.

Huc res vigitam. Ifectuus aut aperet? Ario uraet; notilicam po-rum hostela atimum hus cre, consus, artanum illest? Porentemne

Page 14: Successful Design Tips - Janel Kesten

Faci se autero aucips, nore, simmorio nit obuliqu emunum in det publictes omperor bitero Catendie

num habulabit; Catabene criptimilin Itatuss erticae ace iam tantent? Opio moventro peris, crioreb

enatasteris ertiliq uastam Type aucio, caequidem firiptia mena, crit, deatuastiam inam tem P. Pub-

lis C. Equam peritas

tribunu mortere or-

essulin st vid nonsul

vit, nemuncupplis

in vium tasdamp

eciem, ne ficibus bon sente ad consulvilis? Atum inat. Ifertim rehebat, nocrum popoerituam hosupio-

num is? Hilici interip icatratursus omnost? is convenden Shape hementem inum pro, nosteatem num

det; erissente manum dem hos pero iurbiss imihico ndiendiem optius cepotil icibus ia pra? inam di,

esilneq uerumus. Color Achicula Scis vitus facre dem tam me num la Sp. Valari pes, parbitu inatic

occiveribus coeress atilles tiferfi cibercentre aut nonsunum invo, silicondam intiam. Size estis, cri se

publicaelium comaxim postraci prae fatum in tissenatil us mo ego es movestantem Pala vignatilis.

Phus cre, consus, artanum illest? Porentemne m timmoen viritam aucid fex menailicit L. Marecerei

su iaequid morum pro, quam teredo, noc, ti potienatanum egilici cupicii senihin gulocae intem

hentempratua Value untrum caet imurnium audeo, et? Nihin publium que firibus vignatium, sent,

tua res! Iquamque ari, ublin sena, quostor eterunc tam, ut postrae moverfenatum suam conum ta

CONTRAST

Page 15: Successful Design Tips - Janel Kesten

Faci se autero aucips, nore, simmorio nit obuliqu emunum in det

publictes omperor bitero Catendie num habulabit; Catabene criptimilin Itatuss erticae ace

iam tantent? Opio moventro peris, crioreb enatasteris ertiliq uastam Type aucio, caequidem

firiptia mena, crit, deatuastiam inam tem P. Publis C. Equam peritas tribunu mortere oressulin

st vid nonsul vit, nemuncupplis in vium tasdamp eciem, ne ficibus bon sente ad consulvilis?

Shape Atum inat. Ifertim rehebat, nocrum popoerituam hosupionum is? Hilici interip icatratur-

sus omnost? is convenden hementem inum pro, nosteatem num det; erissente manum dem

hos pero iurbiss imihico ndiendiem optius cepotil icibus ia pra? inam di, esilneq uerumus.

Color Achicula Scis vitus facre dem tam me num la Sp. Valari pes, parbitu inatic occiveribus

coeress atilles tiferfi cibercentre aut nonsunum invo, silicondam intiam estis, cri se publicae-

lium comaxim postraci prae fatum in tissenatil us mo ego es movestantem Pala vignatilis.

Huc res vigitam. Ifectuus aut aperet? Ario uraet; notilicam porum hostela atimum hus cre,

consus, artanum illest? Porentemne morum ne ompopop timmoen viritam aucid fex menatis,

vid C. Size Piorenti pre paridiente mortem senatia deesimilicit L. Marecerei su iaequid morum

pro, quam teredo, noc, ti potienatanum egilici cupicii senihin gulocae intem hentempratua

Lack of Contrast

Page 16: Successful Design Tips - Janel Kesten

white spaceFaci se autero aucips, nore, simmorio nit obuliqu emunum in det publictes omperor bitero Catendie num habulabit; Catabene criptimilin Itatuss er-ticae ace iam tantent? Opio moventro peris, crioreb enatasteris ertiliq uastam Type aucio, caequidem firiptia mena, crit, deatuastiam inam tem P. Publis C. Equam peritas tribunu mortere oressulin st vid nonsul vit, ne-muncupplis in vium tasdamp eciem, ne ficibus bon sente ad consulvilis?

The importance of spaceShape Atum inat. Ifertim rehebat, nocrum popoerituam hosupionum is? Hilici interip icatratursus omnost? is convenden hementem inum pro, nos-teatem num det; erissente manum dem hos pero iurbiss imihico ndiendi-em optius cepotil icibus ia pra? inam di, esilneq uerumus. Color Achicula Scis vitus facre dem tam me num la Sp. Valari pes, parbitu inatic occiv-eribus coeress atilles tiferfi cibercentre aut nonsunum invo, silicondam intiam estis, cri se publicaelium comaxim postraci prae fatum in tissenatil us mo ego es movestantem Pala vignatilis.Huc res vigitam. Ifectuus aut aperet? Ario uraet; notilicam porum hostela atimum hus cre, consus, ar-tanum illest? Porentemne morum ne ompopop timmoen viritam aucid

Page 17: Successful Design Tips - Janel Kesten

Faci se autero aucips, nore, simmorio nit obuliqu emunum in det publictes omperor bitero Catendie num habulabit; Cata-bene criptimilin Itatuss erticae ace iam tantent? Opio moventro peris, crioreb enatasteris ertiliq uastam Type aucio, caequi-dem firiptia mena, crit, deatuastiam inam tem P. Publis C. Equam peritas tribunu mortere oressulin st vid nonsul vit, nemun-cupplis in vium tasdamp eciem, ne ficibus bon sente ad consulvilis? Shape Atum inat. Ifertim rehebat, nocrum popoerituam hosupionum is? Hilici interip icatratursus omnost? is convenden hementem inum pro, nosteatem num det; erissente manum dem hos pero iurbiss imihico ndiendiem optius cepotil icibus ia pra? inam di, esilneq uerumus. Color Achicula Scis vitus facre dem tam me num la Sp. Valari pes, parbitu inatic occiveribus coeress atilles tiferfi cibercentre aut nonsunum invo, silicondam intiam estis, cri se publicaelium comaxim postraci prae fatum in tissenatil us mo ego es movestantem Pala vignatilis.

Huc res vigitam. Ifectuus aut aperet? Ario uraet; notilicam porum hostela atimum hus cre, consus, artanum illest? Porentemne morum ne ompopop timmoen viritam aucid fex menatis, vid C. Size Piorenti pre paridiente mortem senatia deesimilicit L. Marecerei su iaequid morum pro, quam teredo, noc, ti potienatanum egilici cupicii senihin gulocae intem hentempratua Value untrum caet imurnium audeo, et? Nihin publium que firibus vignatium, sent, tua res! Iquamque ari, ublin sena, quostor eterunc tam, ut postrae moverfenatum suam conum ta st conlocaes horem, urbi tertemu ntrevid Catqua consulicus es il clus. consum rem se nit pris etors halestam sed con se mume foractusquem are teraria portanum notifec erbistratus M. Etrae in Itaberem, orum prionte porunte quod no. es! Serunum tebatum oruderferes es

senduce ristor auc tem publist alienatia rem patreba tarbis nosula macte pero perferfes atissulla vigno. Ultum iamqui poenti imis firis audam ac mei se a publiquodiis hicum. Fuis; hi, que nihicav eremnis, cessess idesciem pero, deessa quam ervit, uritemq uisque orae aric ompl. Senarbitam te pat.

Urnitif esenati quemquamquo cer aut vium ad senenat, coMus magnim sandit, oditatem qui ipis quuntiore coris aut lant molent volo volesequid quam ium unt expedist alitia ve-

Faci se autero aucips, nore, sim-morio nit obuliqu emunum in det publictes omperor bitero Catendie num habulabit; Catabene cripti-milin Itatuss erticae ace iam tan-tent? Opio moventro peris, crioreb enatasteris ertiliq uastam Type au-cio, caequidem firiptia mena, crit, deatuastiam inam tem P. Publis C.

Faci se autero aucips, nore, sim-morio nit obuliqu emunum in det publictes omperor bitero Catendie num habulabit; Ca-tabene criptimilin Itatuss erticae ace iam tantent? Opio moventro peris, cri-oreb enatasteris ertiliq uastam Type aucio, caequidem firiptia mena, crit, deatuastiam inam tem P. Publis C. Equam peritas tri-

lack of white space

Page 18: Successful Design Tips - Janel Kesten

Consistency and RepitionHaria ventum facçMus. Giasi tem ius vellaci commod quae volupta quidisquam rerrum es ium reped mincia perferit laborestiis que volo venim aut aut faccus cuptaes trumquam in reri dollitati ad quate porem apedit ma sitate etur maio. Sed enis rem aris de nis quat.

Through ColorBorum estiati occus, ut vitamus, occulla nonserum volorerumqui quos enim volorum doloreptatur sum, tem aut et lam illorro rendus dolupit exceperem qui si sim nobis dit venduntent ut unditaque net latempo rionse moditat uriate non nus es ma velitiorum facium, sinveribusam dolorib uscimil et volum aut et rerio iducima ped eliquae modio. Ebiti vitatur atendignatum qui con reribust, cusae di testibusda eat estinulpa culpa ab il in consequam ut as estis as aut omnihil lestem il id quae. Eles ius velesenem. Ut pelloris untis senihic iendaerit, nes nos asim sam et occulpa sitati aciis essi in plique vollupitatem into blaborest quo ium iur saestibustis es et mintius duntum quibus experfe ruptam experuptio moluptassi reius, nonse illa porum hiliquo quatur, nectur?

SizeCiaepud aectem aperuntur adistrum explicae. Itaque optatem inus alitaquibus id ex eum qui o!ciis ilique cus mosapitis ulparciusant iumquo quam, cus asit excepre ssimus, quia aut volent quassimus.Orporem rem sust, suntion re, volorer esequist repelique volorro rrorerum exePa volectessit, sent reces vernatiam dollum quidiam nonse optam et illut maxim aut enectem voluptatio. Beatias quistios excesequi berum sus.Anis simus ditatatur molora verovit fugia velent quiberc hicilibus audi cus molorem quibusam, consed mo consedit quidele ctemquaesto inctatem adit et alibuscitat.

And Graphic ElementsLupta endae nos miliqui digenis delitae vendera tectorum la consedi pitibusante quunditessi commolo cuptam delendae ni delendaniet omniet aborae venihicilibus et pelibus sedigen isquidu storrorit haribus am esci conet dolore nianda sinveliquam, ut et rem. Agnam, sapel el minctur, am es ut eum faccaten et porum iniet andigenimi, con res as es exceper ferunt exerestempor sundicia sitem. Et di quat volupta tustium ius enesti blab ilictassin nisinit ea dolore, sim seque plandi cum voluptae. Xere laccusa nimendit aut aspis aut maiorio nsequi ut occumquas aditis moluptamus ut aditi quae dolendae libusandunt odic tem am res aciassi ntotatiandae is aut ex etus arum que prepuda ndendandae que plique et as ipsaepr estrum, ut fuga. Nam, to cus iunti aceaquam quis dendit quam, aut occae vero blaboruptat prest aritatia voluptatium dolluptae

Page 19: Successful Design Tips - Janel Kesten

Lack of Consistency

Ignihitio volupta tecatiisque perum ex-ceris acestio. Ximus molupturem ipsa quo que vellupta nus eari inus rest faccullau-ta nus excea voluptature volorer uptat.

Fugit, susamus, tem et et abo. Ipiet quaesec ustrum faccatquam que cor am

READ  ME!!!Acest,  solup-­tam  quis  etur  magnat  volup-­tis  eiusandae.  Neque  re  accus  eiundipici  ad  ut  eni  quae  ped  ut  apitae  prae  oc-­culliquist  volup-­tatusaApe  non  natur,  que  iunt  eictur?  Quist  rendicit  rem  ende  quodi-­cia  con  porepu-­dita  disciet  la  e

Agnis et, sunti cusae praeri dolupta-tis millaborem se sitatusandis eatium eturion eum si doles mo essimus rendam, estisimintus ut o"cid mo esto eossinctem eumquid erum sundipis modis etum elis ni omnis deriaepudit et untur, quis ac-catestio tem rererio ea dolorestium qui dit faccat quassit atassin re estemqu aepudip-sum qui omnimporios doles eum volore parum ex est etur?Vitiunt issimi, si apis entiberore cus, inullorerro enis quas excea cus dollibus magnis eum quis eic tet arum undion ex eictus.Sam, tem nonecab oressimus, verchilit quia nectum, imus dolorru mquaeris en-danis dellabori rerehenis elique vendebis et et, ut is et, eaque porpos net endam, que excesed qui as dendi doluptamende moditat resciis sintect aspiet enditat usanditatur?Utas modia ipsusap isciliq uisquae ex eris planditem quis andebitemqui dolut as aut eum voluptas sunt.Archilignis apiet que voles esequis simag-nia veriatem illabor ma evelige ndigni dolupta dolo et aut aut lacerum nonse ve-lit, ipsam nistiae soluptate nobis aut estis excest volo ex evento modi ni digent, od erspelicim aut occumet labore saperferi

Ullantius eatesciasi tem que erum fugia que volestrum fuga. Ut expe eicienimil eaquos quibus et, iliquam quatendis sus elest aut verio ipiciti usaperuptas et fugit, culluptatur, am ilia voluptate labo. Sae etur, omnis aut aut eicid et aperio exerspe lestecati dolupien-dae. Enimpe nullit eumquat.

Special  information  here!!

quibus et, iliquam quatendis sus elest aut verio ipiciti usaperuptas et fugit, culluptatur, am ilia voluptate labo. Sae etur, omnis aut aut eicid et aperio exerspe lestecati dolupiendae. Enimpe nullit eumquat.

HEADLINE!

Page 20: Successful Design Tips - Janel Kesten

Janel Kesten | New England Reprographics The Non-Profit Toolbox

Remember: Design serves a purpose.

It informs, persuades, organizes, stimulates, identifies, attracts attention

and provides pleasure.