• Save
The good, bad & ugly
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
933
On Slideshare
759
From Embeds
174
Number of Embeds
2

Actions

Shares
Downloads
0
Comments
0
Likes
1

Embeds 174

http://www.centreforwelfarereform.org 173
http://centreforwelfarereform.org 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. www.knowwhatimean.co.ukthe good thebad and the uglya quick look at type,design and legibilty
  • 2. www.knowwhatimean.co.ukthe good
  • 3. www.knowwhatimean.co.ukthe goodthe bad and
  • 4. www.knowwhatimean.co.ukthe goodthe bad andthe ugly
  • 5. www.knowwhatimean.co.ukyour targetyour target audience
  • 6. www.knowwhatimean.co.ukyour target audienceP static screen: web, presentations
  • 7. www.knowwhatimean.co.ukP static screen: web, presentationsP moving screen: tv, moviesyour target audience
  • 8. www.knowwhatimean.co.ukP static screen: web, presentationsP moving screen: tv, moviesP signage: traffic, domestic, municipalyour target audience
  • 9. www.knowwhatimean.co.ukP static screen: web, presentationsP moving screen: tv, moviesP signage: traffic, domestic, municipalP print: books, posters, instructionsyour target audience
  • 10. www.knowwhatimean.co.ukP static screen: web, presentationsP moving screen: tv, moviesP signage: traffic, domestic, municipalP print: books, posters, instructionsP packaging: card, plastics, flat, contouredyour target audience
  • 11. www.knowwhatimean.co.ukP static screen: web, presentationsP moving screen: tv, moviesP signage: traffic, domestic, municipalP print: books, posters, instructionsP packaging: card, plastics, flat, contouredP operational: machines, devicesyour target audience
  • 12. www.knowwhatimean.co.ukP static screen: web, presentationsP moving screen: tv, moviesP signage: traffic, domestic, municipalP print: books, posters, instructionsP packaging: card, plastics, flat, contouredP operational: machines, devicesP press: in–house, agencyyour target audience
  • 13. www.knowwhatimean.co.ukP static screen: web, presentationsP moving screen: tv, moviesP signage: traffic, domestic, municipalP print: books, posters, instructionsP packaging: card, plastics, flat, contouredP operational: machines, devicesP press: in–house, agencyeach medium has differentrequirements ...your target audience
  • 14. www.knowwhatimean.co.ukthe following aregeneral guidelinesnextyour target audience
  • 15. good, bad and uglyfont shapes
  • 16. www.knowwhatimean.co.ukfont shapeSans SerifVerdana,Arial, MetaGill Sans, Frutiger,Helvetica, Foxley 712Tiresias, SignFontClearviewHwy
  • 17. www.knowwhatimean.co.ukfont shapeSerifGaramond,CaslonTrump
  • 18. www.knowwhatimean.co.ukdisplay fonts are difficult to read display fonts aredifficult to read display fonts are difficult to readdisplay fonts are difficult to read display fonts aredifficult scripts are difficult to read displayfonts are difficult to read display fonts aredifficult to read display fonts are difficult toread display fonts are difficult condensed fonts difficultto read display fonts are difficult to read display fonts are difficultto read display fonts are difficult All caps areDifficult to read displayfonts are difficult aredifficult to readfont shape
  • 19. boldgood, bad and uglybold
  • 20. www.knowwhatimean.co.ukbold not italicsWeb accessibility means thatpeople with disabilities canuse the Web. More specifically,Web accessibility meansthat people with disabilitiescan perceive, understand,navigate, and interact withthe Web, and that they cancontribute to the Web.Web accessibility also benefitsothers, including older peoplewith changing abilities due toaging. Web accessibility canencompass all disabilitiesthat affect access to the Web,including visual, auditory,Web accessibility means thatpeople with disabilities canuse the Web. More specifically,Web accessibility meansthat people with disabilitiescan perceive, understand,navigate, and interact withthe Web, and that they cancontribute to the Web.Web accessibility also benefitsothers, including older peoplewith changing abilities dueto aging. Web accessibilitycan encompass all disabilitiesthat affect access to the Web,including visual, auditory,
  • 21. good, bad and uglyfont size
  • 22. www.knowwhatimean.co.ukLuptat am volutpatiscil dunt lore veldo odoloreet vul-laore facinim qua-tionulla feugaitaliquat, consectedio odit iustruddolorem doluptat-uero eu feum zzritalit praesed diamquate cor sum zzri-ure volore molo-bortio od tat.Lisim nulla consedelit augiamc om-molen dignit aTat-ueration enim inibhExerilit praessit nulland-rem zzriliquis autpat ullaamconsecte do commynis euguercil ullaoreex essit, quismodiametluptati smodolore tion-sequam ex ent dolor-pero eros nis am quat adetuer se molessequi blacon vullandipis ad doloreminit venisisit vercili-quis dunt nismodipitvelessecte min henibhesectet, veliscipit ullafeugue min velesto exexeraestrud molese dolorsequis aut volesed modo-lor si el in henim zzritacilluptat, quat utpat. Utestio consequis eratetiriusto odolorem do-lorer sum ea faccummynummy num zzrit at auteer si.Giam dolobor si. Eriustoodipis ating ea feugiamdolorper am ea com-mySum nim augueratemLessed ea faciduissisi blametumsandreet alisci blam, sis am,sim dolendit vel el utem irillan-dio odio dignisi ex er alisis non-sequipit, vent accumsan ut wiscibla feum et augiam vel utat,sustrud tat. Ut niscips uscipisitnos alit ad digna faccum voloreet eugiam nim veliquisl in henimin ver iustrud mod molesecteet, vel dolesto odionsequam,consequat. Ugiam nismolore tetdunt in ulputpat iliquissi temnulput iliquate dolutpat enimquissequam ex estie vullaoremvullaortion vulput atum illa feufeum veliquisit wis accum dolup-tat wis elit, quamet utatincil dodoluptat, veliquat praestisi.Sim do consequi blaortie tat.Xerat velit nostie dit velissequatem inis nim quat. Ut eugaitlumsandip eriure mod magnibhexeratis alis nulla feum nul-landre te consectem dip exeraessequisl irit utat adit dolenimvero conulpu tpatie dolor si tatlutat er accummodolum zzriustiedeliscil doloreet, quis er susci-dunt lutpatio odolobortin henisldel iril inciduipisit lorem duntipit la facip eriure commodo-lenim zzril in ex eugiat.Enis nibheugiamcor iuscill uptat, quissitvelisi tin ute faccumm odiHenibheum doloreet augiat.14pt+ good 12pt OK -8pt uglytype size
  • 23. good, bad and uglyspace
  • 24. www.knowwhatimean.co.ukgood, letter spacing extended by 10%Uscipis dolorem quat. Lutpat. Duissit aliquisex et doloreet wis eugiamet iuscipsum zzrit invullamet ullaorero do od te dolor sustrud.bad/OK, standard spacing depends on fontUscipis dolorem quat. Lutpat. Duissit aliquisex et doloreet wis eugiamet iuscipsum zzrit invullamet ullaorero do od te dolor sustrud.ugly too tight Uscipis dolorem quat. Lutpat. Duissitaliquis ex et doloreet wis eugiamet iuscipsum zzrit invullamet ullaorero do od te sustrud.ugly too wide or too tight Uscipisdolorem quat. Lutpat. Duissit aliquis exword and letter spacing
  • 25. www.knowwhatimean.co.ukgood Uscipis doloremquat. Lutpat. Duissit aliquisex et doloreet wis eugiametiuscipsum zzrit in vullametullaorero do od te dolor sus-trud ero odit, vel ullutat ius-trud tat. Ectem ad et volorsi ex et praessent ullut utemvenim vel ullut ad doluptat.Equat.Erci blaoreexeros-trud eugait iureet er si eratalisit, quis num zzriurefeum irilit et acin velenimdolum velit ute dolendreroodolesequis duis alisciduntadio commodit nummod temzzrilit ut vulputpat autpat,quisisi blaortio conullaoredolobor sectem irit iriuscilit,consed diam irit am ing el etbad Uscipis dolorem quat.Lutpat. Duissit aliquis exet doloreet wis eugiametiuscipsum zzrit in vullametullaorero do od te dolor sus-trud ero odit, vel ullutat ius-trud tat. Ectem ad et volorsi ex et praessent ullut utemvenim vel ullut ad doluptat.Equat. Erci blaore exeros-trud eugait iureet er si eratalisit, quis num zzriure feumirilit etacinvelenimdolumvelit ute dolendrero odolese-quis duis aliscidunt adiocommodit nummod temzzrilit ut vulputpat autpat,quisisi blaortio conullaoredolobor sectem irit iriuscilit,consed diam irit am ing el etloborperat. Duisi. Ed modoodolutem quis nullaortionhenim qui tincil duipit niamilit praese feum vulpute fac-cummy niatuer ilit lore do-lenis molorer cincinibh eriu-rem zzril utpatetuer suscipitaugiamet, veliqui eugue tinugly Uscipis doloremquat. Lutpat. Duissit aliquisex et doloreet wis eugiametiuscipsum zzrit in vullametullaorero do od te dolor sus-trud ero odit, vel ullutat ius-trud tat. Ectem ad et volorsi ex et praessent ullut utemvenim vel ullut ad doluptat.Equat. Erci blaore exeros-trud eugait iureet er si eratalisit, quis num zzriure feumirilit et acin velenim dolumvelit ute dolendrero odolese-quis duis aliscidunt adiocom-moditnum-modtemzzrilit ut vulputpat autpat,quisisi blaortio conullaoredolobor sectem irit iriuscilit,consed diam irit am ing el etloborperat. Duisi. Ed modoodolutem quis nullaortionhenim qui tincil duipit niamilit praese feum vulputefaccummy niatuer ilit loredolenis molorer cincinibheriurem zzril utpatetuer sus-cipit augiamet, veliqui euguetin vulluptat wis dolenimesequi ting exerci tat. Molor-eriure vel ulluptat. Lore veliure molor adio dolortin eseddio commolortio eugueraes-tie dolorercilit prat. Ignisisisline space or leading14/20 14/1414/16
  • 26. www.knowwhatimean.co.ukRud ero et praesto endre vullums andreetiusto exercid uipsum quisit wisl dolessim zzrillaorperostrud dolorpe rcilla feugait prat. Suscinvel ilisissim doluptat incip endit nonsenit, quat.Ut dolor ate con utatum non eu faccum autat.Ut alit la consequipisl ulla faccum zzriliquat wiseratum dionsequis aut ut amet volore molortincilit augue cortisis alis nis aut irit vent alisimnonsectem dolor am nibh etumsandipit at luta-tet lum volortio eu feugait vel diat.Ut vel ut nullaorem eugiamcor iure feugait,corperc iduipit praessit la feu feugueriurefeuisim quat lore tisim zzrit vel et aliquip enimquat amet laore eu feu feugait ad tat luptatutpat nonumsandre doloreet, commodignim erip ea conse esectem zzril esto corpero eui eroseumsandrem zzriure modit nibh eugiam, voloreexer secte te dolobor iustisit exer sis do odoodiametum volenisi tis ad minim zzriure duntaliquat pratum iliquat. Guer sum dolutatet,vulla consent ut utpat. Sectem nullam, consequismodol esting euissim dolore feuguer si.Na faci bla conullutpat, sequi tat. Ilis nonseddelit loreros nonsed moloboreet lorem inendigna consequam quipit nosto euismodoloredignisi smolore dolorem il ulputpatie feum-modiam quis dit ute facidunt lut numsan ullafeugait prat ullam quisi.Ud te conse consequisisl el eugiame tuercillaorer iustinibh erilit vendion ullaor in venis euierit lorpero eraessi.Putation utet, vullut ad eugiamconse feu fac-cum zzriure vel ip et adionse quipism odipitadipit venim quat praestionsed dolutat, vendreconsectet aut accum veliquat eu faccumsanvelit, consenibh ex ero dolutet praessequis acildoloborer secte tie modolut lorer se tem erostocoreLa acinim ex eugait, conseniamet lumsandipsustrud ent ver acinibh ercipsum quipis estiodel doloboreetue consecte con ex eraestrudmargins or gutter
  • 27. www.knowwhatimean.co.ukbad and ugly Rud ero etpraesto endre vullumsandreet iusto exercid uip-sum quisit wisl dolessimzzrilla orperostrud dolorpercilla feugait prat. Suscin velilisissim doluptat incip enditnonsenit, quat. Ut dolor atecon utatum non eu faccumautat. Ut alit la consequipislulla faccum zzriliquat wiseratum dionsequis aut utamet volore molorti ncilitaugue cortisis alis nis aut iritvent alisim nonsectem doloram nibh etumsandipit at lu-tatet lum volortio eu feugaitvel diat. Ut vel ut nullaoremeugiamcor iure feugait,corperc iduipit praessit lafeu feugueriure feuisim quatlore tisim zzrit vel et aliquipenim quat amet laore eu feufeugait ad tat luptat utpatnonumsandre doloreet, com-modignim er ip ea conseesectem zzril esto corperoeui eros eumsandrem zzriuremodit nibh eugiam, voloreexer secte te dolobor iustisitexer sis do odo odiametumvolenisi tis ad minim zzriuredunt aliquat pratum iliquat.Guer sum dolutatet, vullaconsent ut utpat. Sectemnullam, consequ ismodolesting euissim dolore feu-guer si.bad and ugly Na faci blaconullutpat, sequi tat. Ilisnonsed delit loreros nonsedmoloboreet lorem in endignaconsequam quipit nostoeuismodolore dignisi smoloredolorem il ulputpatie feum-modiam quis dit ute faciduntlut numsan ulla feugait pratullam quisi.Ud te conse consequisisl eleugiame tuercil laorer ius-tinibh erilit vendion ullaor invenis eui erit lorpero eraessi.Putation utet, vullut adeugiamconse feu faccumzzriure vel ip et adionsequipism odipit adipit venimquat praestionsed dolutat,vendre consectet aut accumveliquat eu faccumsan velit,consenibh ex ero dolutetpraessequis acil doloborersecte tie modolut lorer setem erosto coreLa acinimex eugait, conseniametlumsand ipsustrud ent veracinibh ercipsum quipis estiodel doloboreetue consectecon ex eraestrud magnimiriurem inim dolenim vel iritla consequat loborer cipsuscient volor si.Iqui ea am nostiefeugiam dolortioneum diat in ute conhenim inibh et, veliquiscipero odigna feuisl doloreminisim quat.Or si. Tue ex euis niam,consed dipis et lorperos-tisl exero et euis nummodolestissectet dipisl ulla fac-cums andrem in ulla feufaccum iriusci liquis dolor-peros aliquat. Ibh ea cor simadiat adion ut lor sed doloredolorem vent praessi.bad and ugly Unt praeseni-sisl er sum ver susto conse-quat ute tet aut verostrudtet ad moloreriusci tem ilutat vel duis dit ad ex et,quam dolore volenim zzritluptat, velismo dolorperciliqu ismolortie ea com-mod magniam, commodignafeuipit dolore velese duntutat. Ut lore tie ex elisi erciblaor at adigna acip euisismodolor susci bla atem eu-gueriusto dolore do diat.bad and ugly Ud magnafeugiat il eriure te volenis-cilla consed mod tat, sumquat dolortie commod et nimquamet euisciduis acin henitalis nonsequi ero od dolorilisl ut am, susto exer aliq-uam, sequipit vulluptat veroet lam, velit, corem veliquat,quatumm olobor sit ad ex-eraes seniam iriustin henimzzrit euis accumsan ercilinim iusci erilit vent nissedmagnis nulputpate magniamercillamet vel dit num zzritad del dolore facilisim velisalit vercill aorperit wisisi.Ectem qui tie ver ipsustrudea aute vulluptatem dipisero od enim dolum quatveniam atum venim velisnonsectem illan utpat ullaneriusto dio eum vullandremaliquisi.Nullam, volor ad eleniamconulput praessequis dolum-my nos aliquamet lore coraliquat lore magnismodiam ilessit adio consequamet, si.Ipis euis nonsequisi. Nonsemodit, con eriureet am ex-ero ese eu facing euis nulputnulla conse feuguer aese-quipsum iure ming eugait,qui et, velisim init nit ad tinvent ing exeril in hent eacommod tet, suscinc iduisitem quamconsed elessendignim accum ero doloremipit am, quam veros ad eliusto do cor sum quam quisdoloreratuer sit ipisi.bad and ugly Cum zzriuscipelit niam numsa sequi-sim vel iure dolorerat.Ustrud modolessismargins or gutter
  • 28. good, bad and uglyparagraphs
  • 29. www.knowwhatimean.co.ukline space = goodRud ero et praesto endre vullumsandreet iusto exercid uipsum quisit wisldolessim zzrilla orperostrud dolorpercilla feugait prat. Suscin vel ilisissimdoluptat incip endit nonsenit, quat. Utdolor ate con utatum non eu faccumautat.Ut alit la consequipisl ulla faccum zzrili-quat wis eratum dionsequis aut ut ametvolore molorti ncilit augue cortisis alisnis aut irit vent alisim nonsectem doloram nibh etumsandipit at lutatet lumvolortio eu feugait vel diat.Ut vel ut nullaorem eugiamcor iurefeugait, corperc iduipit praessit la feufeugueriure feuisim quat lore tisim zzritvel et aliquip enim quat amet laore eufeu feugait ad tat luptat utpat nonum-sandre doloreet.Commodignim er ip ea conse esectemzzril esto corpero eui eros eumsandremzzriure modit nibh eugiam, volore exersecte te dolobor iustisit exer sis doodo odiametum volenisi tis ad minimzzriure dunt aliquat pratum iliquat. Guersum dolutatet, vulla consent ut utpat.Sectem nullam, consequ ismodol estingindent = OK/badNa faci bla conullutpat, sequi tat. Ilisnonsed delit loreros nonsed moloboreetlorem in endigna consequam quipitnosto euismodolore dignisi smoloredolorem il ulputpatie feummodiam quisdit ute facidunt lut numsan ulla feugaitprat ullam quisi.Ud te conse consequisisl el eugiametuercil laorer iustinibh erilit vendion ul-laor in venis eui erit lorpero eraessi.Putation utet, vullut ad eugiamconsefeu faccum zzriure vel ip et adionsequipism odipit adipit venim quat praes-tionsed dolutat, vendre consectet autaccum veliquat eu faccumsan velit, con-senibh ex ero dolutet praessequis acildoloborer secte tie modolut lorer se temerosto coreLa acinim ex eugait, conseni-amet lumsand ipsustrud ent ver acinibhercipsum quipis estio del doloboreetueconsecte con ex eraestrud magnim iri-urem inim dolenim vel irit la consequatloborer cipsusci ent volor si.Iqui ea am nostie feugiam dolortioneum diat in ute con henim inibh et,veliquiscip ero odigna feuisl doloreminisim quat.Or si. Tue ex euis niam, consed dipiset lorperostisl exero et euis nummodolestissectet dipisl ulla faccums andremrun on = uglyin ulla feu faccum iriusci liquis dolorper-os aliquat. Ibh ea cor sim adiat adion utlor sed dolore dolorem vent praessi.Unt praesenisisl er sum ver sustoconsequat ute tet aut verostrud tet admoloreriusci tem il utat vel duis dit adex et, quam dolore volenim zzrit luptat,velismo dolorpe rciliqu ismolortie eacommod magniam, commodigna feuipitdolore velese dunt utat. Ut lore tie exelisi erci blaor at adigna acip euisismodolor susci bla atem eugueriustodolore do diat.Ud magna feugiat il eriure te volenis-cilla consed mod tat, sum quat dolortiecommod et nim quamet euisciduis acinhenit alis nonsequi ero od dolor ilisl utam, susto exer aliquam, sequipit vul-luptat vero et lam, velit, corem veliquat,quatumm olobor sit ad exeraes seniamiriustin henim zzrit euis accumsan ercilinim iusci erilit vent nissed magnisnulputpate magniam ercillamet vel ditnum zzrit ad del dolore facilisim velisalit vercill aorperit wisisi.Ectem qui tie ver ipsustrud ea aute vul-luptatem dipis ero od enim dolum quatveniam atum venim velis nonsectemillan utpat ullan eriusto dio eum vul-landrem aliquisi.paragraph spacing
  • 30. good, bad and uglyalignment
  • 31. www.knowwhatimean.co.ukgood range leftno hyphenationMagna acidunt iusto con veniscipitlaorper iusto commod magnit lafeu feuisciduis del dolorper inismodoluptatum nostisit aliquiscin heniat,si. Duipis erit nit nullamcon henim admolore volenim dolorpe rostinis ad delitendipit pratisl irilissed magnit illan et doea at. Rud enim nim doloborem ing exelit lortionulput veniat, sustio conullacommolutat.Ut lam autat ex el eu feugiat inciliquat.Duisisi tatum velent nulla facilla conullaortinit num diatuerci blamcommoddolorper sim nos nullaorem amet ipitluptat. Lore dunt at. Ut praesto eum dolorsum iuscin essequi smolor alit at. Ullaorsumsan ulputetum autat, consectemeugait il diam vercil exerit adit nim zzritirit ut wisim dolorer sum ing ex eumetummy nulla feu feu feummod temeugait vel exeriliquat. Ut la accum erostioesectet alit lobor sequi tat exeriustocoreetummy nonum zzriliquis at.In ut loborpero consed dignibh eafeumsan henim delisi. Wis adiam, conseddo euismod ignismo dolobore ming et lafacil dunt la facipisl ut wis ea feuguerciperos num ing ercincil eraese tat vent adioodoloborem voleseq uations equisi.Put amdolessim vullam delis num acilit, commynullumsan ullan volortisi. Ismolor at.Uptatio nsequate euissi. Ibh ero cortinislipsuscilla feugiamet iure magna feumsanhendre deleniat. Nostrud tinim delit lorebad range leftplus hyphenationMagna acidunt iusto con veniscipit laorp-er iusto commod magnit la feu feuisciduisdel dolorper inismod oluptatum nostisitaliquiscin heniat, si. Duipis erit nit nul-lamcon henim ad molore volenim dolorperostinis ad delit endipit pratisl irilissedmagnit illan et do ea at. Rud enim nimdoloborem ing ex elit lortionulput veniat,sustio conulla commolutat.Ut lam autat ex el eu feugiat inciliquat.Duisisi tatum velent nulla facilla con ul-laortinit num diatuerci blamcommod do-lorper sim nos nullaorem amet ipit lup-tat. Lore dunt at. Ut praesto eum dolorsum iuscin essequi smolor alit at. Ullaorsumsan ulputetum autat, consectem eu-gait il diam vercil exerit adit nim zzrit iritut wisim dolorer sum ing ex eum etum-my nulla feu feu feummod tem eugait velexeriliquat. Ut la accum erostio esectetalit lobor sequi tat exeriusto coreetummynonum zzriliquis at.In ut loborpero consed dignibh ea feum-san henim delisi. Wis adiam, consed doeuismod ignismo dolobore ming et la facildunt la facipisl ut wis ea feuguercip erosnum ing ercincil eraese tat vent adio od-oloborem voleseq uations equisi.Put amdolessim vullam delis num acilit, commynullumsan ullan volortisi. Ismolor at. Up-tatio nsequate euissi. Ibh ero cortinisl ip-suscilla feugiamet iure magna feumsanhendre deleniat. Nostrud tinim delit loreet dunt aut wis aciniscin ut dolortie dit ul-ugly justifiedplus hyphenationMagna acidunt iusto con veniscipit laorperiusto commod magnit la feu feuisciduis deldolorper inismod oluptatum nostisit aliq-uiscin heniat, si. Duipis erit nit nullamconhenim ad molore volenim dolorpe rostinisad delit endipit pratisl irilissed magnit illanet do ea at. Rud enim nim doloborem ingex elit lortionulput veniat, sustio conullacommolutat.Ut lam autat ex el eu feugiat inciliquat.Duisisi tatum velent nulla facilla con ul-laortinit num diatuerci blamcommod do-lorper sim nos nullaorem amet ipit luptat.Lore dunt at. Ut praesto eum dolor sumiuscin essequi smolor alit at. Ullaor sum-san ulputetum autat, consectem eugait ildiam vercil exerit adit nim zzrit irit ut wi-sim dolorer sum ing ex eum etummy nullafeu feu feummod tem eugait vel exerili-quat. Ut la accum erostio esectet alit lo-bor sequi tat exeriusto coreetummy non-um zzriliquis at.In ut loborpero consed dignibh ea feumsanhenim delisi. Wis adiam, consed do euis-mod ignismo dolobore ming et la facil duntla facipisl ut wis ea feuguercip eros numing ercincil eraese tat vent adio odolo-borem voleseq uations equisi.Put am do-lessim vullam delis num acilit, commy nul-lumsan ullan volortisi. Ismolor at. Uptationsequate euissi. Ibh ero cortinisl ipsuscil-la feugiamet iure magna feumsan hendredeleniat. Nostrud tinim delit lore et duntaut wis aciniscin ut dolortie dit ullaor il di-alignment
  • 32. good, bad and uglyline length
  • 33. www.knowwhatimean.co.ukline lengthText becomes easier to read the shorter the linelength. 8-10 words or 50-60 characters. This willdepend on the font you use and the size it is used.A line of text should contain no more than 10-12 words or 62-70characters. This will depend on the font you use and the size it isused.Long lines of text become difficult to read especially. Yhe worst combination is longlines of text and long paragraphs. Tem delendit lutat vullaore et, sequis dit iriusto odi-am, quamet lor atisse voluptatum dolortio enim vel iriure tem del ex ea adigna conumnonse magnisim quam, consequis eliquate et vel eril dolorem dip eugait landrer ci-duisi. Ut lum quisismodip ero ea feu facidunt at. Ut inismod molor accummo lorerit,velisim velis adiat irit ipsusto odipsum vent autat, vullaore exero dunt lobor suscinvelessi. Esenim auguerostrud dolorer aestrud tionulluptat numsan erat la corer senibheum vel ea alisit voloboreet, veliquat el erat, vulputet dio conseniam, vero odiat.
  • 34. good, bad and uglyheadings
  • 35. www.knowwhatimean.co.ukusing headingsThe Main headingLisis acilissim vulla alisl iliquamconsemin et la aliquipsusto od tinitpraesent lobore tio odolobo rercillaacillaore feugiat lut velesenismolorem incidunt lorper irit aut ilisesed ea feuisim quatum quatie temveros num ero erci esed te magnafeuguer susto duip et et in ut utat.Level 2 headingUre magna aut la consequam, quisiblan hendipit vulputat, consequitinim aut alis nisis nos dit acinimip el el irit prat. Nostini smodiatvullaore feuis essed dipiscil el utdolore et del utet prat la feugait utnosto dolor am, corperc ipsusci blanulluptatue magna consequat, volorpeThe main headingmolore dion hendion ullaore magnafeugiatem quipit accum eugue feuisdolortion veniatie magna consedmodo et utpat, velit prat. Duisdion veros num volorperate magnacommy nullum veliquat. Ut esectetluptat. Ut dolummod tet vel inimdunt luptat del iniatue diamconsenisat, velisl ing endigna feugait do erat.Level 2 headingOr se feugiam qui blaortio eraesedmolut landipit adipis alit eafeumsandit ad tis ad magna conumvolobor tionulla aliquisl ulput ilissequatet, commoleEd magnis alit autetprate tie dolore consequipit wisnim doluptat, vel ulla consectem addiamet iureet wisi blandio nsequisadigna facilit del exercin cillandit
  • 36. good, bad and uglycolour
  • 37. www.knowwhatimean.co.ukworking with colourAdit nos am, vulla ad te cor sequamc ortionsequisaliquipsum nim volor secte faciliquat, sit amconullam,sustionulla facidui el eraessequis non ut nostion elulla autem augait incipit vel ut dunt ver sumsandignaaccumsan ea commy nim iliquam zzriliquisi. Guedolesseniat. Guero corpero odolore tatis adit luptatemametueros duisi. Adit nos am, vulla ad te cor sequamcortionsequis aliquipsum nim volor secte faciliquat,sit amconullam, sustionulla facidui el eraessequisnon ut nostion el ulla autem augait incipit vel ut duntver sumsandigna accumsan ea commy nim iliquamzzriliquisi. Gue dolesseniat. Guero corpero odoloretatis adit luptatem ametueros duisi.
  • 38. www.knowwhatimean.co.ukworking with colourtry not to use lightcoloured text, it is verydifficult for some peopleto see and read try not touse light coloured text, itis very difficult for somepeople to see and read
  • 39. www.knowwhatimean.co.ukworking with colourtry not to usecoloured text on acoloured backgroundunless there is a highlevel of contrast -at least 60%
  • 40. www.knowwhatimean.co.ukworking with colourit’s a goodidea to avoid colourcombinations that createthe optical effect calledhalation also knownas overglowhalation
  • 41. good, bad and uglypictures
  • 42. www.knowwhatimean.co.ukusing picturestry not to use text ontop of an image try notto use text on top of animage try not try notto use text on top of animage try not to use texton top of an image try
  • 43. www.knowwhatimean.co.ukusing picturesNullutpat praestio od exercipet, core diam zzriure venisalis diam alit venit er ip exea con henis dolortio commynumsandrem at la feuisiming er ing eugue dio dolorsequat augue ex ent iriure dio odolobore delislutpatie dolore feum dit aliquip ismodo et velitvel dolor in ut nit alismolum quamcon ulputemagnit la commy nostin ut adit wis augueriustisim enim vel et delendignim nit ut il exerosnosto od mod tat.Lessi bla facilisleummodolor sed dui tinvolortisi te magniametnos ercidunt nulluptatvoloborperat la commy nonutpatie dolutem iustrudesto odolendrem diam, commodipis at. Luptat,vel do od dolore molore dolor inim quam zzrilitaugiametuero odipis acidunt ullum veliqui blanerosto odolut lortie doloreetue dolortisi endremagna aciniamet loborper sequip etnostisc ipsusto con venim erciduntvenim ipis nullaoreet nostin.Wis dolortie tie conse dolorercil ipex enis aliquis augue endre volor atvullametuer irit, sequat, si.Orer ing eum irit ver iuremdolobortisi bla cor at wisl ipis nummynos nonsent iurem quam quisit utevel iure feugiam, quis dipit am quat.Ommod tat, secte diamet, commynos adipismod tem zzrilit voloreesed dio consecte etue magnafaccum quipsustinis auguerci te
  • 44. www.knowwhatimean.co.ukusing picturesNullutpat praestio od exercip et, corediam zzriure venis alis diam alit veniter ip ex ea con henis dolortio commynumsandrem at la feuisim ing er ingeugue dio dolor sequat augue ex entiriure dio odolobore delisl utpatie dolorefeum dit aliquip ismodo.Elit vel dolor in ut nit alismolum quamconulpute magnit la commy nostin utadit wis augueri ustisim enim vel etdelendignim nit ut il exeros nosto odmod tat.Lessi bla facilisl eummodolor sed duitin volortisi te magniamet nos erciduntnulluptat voloborperat la commy nonutpatie dolutem iustrud esto odolendremdiam, commodipis at. Luptat, vel do oddolore molore dolor inim quam zzrilitaugiametuero. A caption is often a good idea
  • 45. www.knowwhatimean.co.ukusing picturesNullutpat praestio od exercip et, core diam zzriure venisalis diam alit venit er ip ex ea con henis dolortio commynumsandrem at la feuisim ing er ing eugue dio dolorsequat augue ex ent iriure dio odolobore delisl utpatiedolore feum dit aliquip ismodo.Elit vel dolor in ut nit alismolum quamcon ulpute magnitla commy nostin ut adit wis augueri ustisim enim vel etdelendignim nit ut il exeros nosto od mod tat.Lessi bla facilisl eummodolor sed dui tin volortisi temagniamet nos ercidunt nulluptat voloborperat lacommy non utpatie dolutem iustrud esto odolendremdiam, commodipis at. Luptat, vel do od dolore moloredolor inim quam zzrilit augiametuero.Em illaore tie tet, quismol oreet, sustis el iusci tis nosnulputat num velismolor sed minim illaoreet dolorercinullummolorem il dit nummy nullum eliqui tat laoremveratum dolobor iniam quam, quat autpat ipisi. Reet adtatin vullaorper sequis nulputat laore modigna aliquis
  • 46. www.knowwhatimean.co.uktop tips plain English first.... sans serif not serif bold or colour not italic keep text size to a 12 pt minimum letter spacing 10% extra leading 120% minimum (14/20) wide margins and column spacing a line space between paragraphs keep paragraphs short align left without hyphenation short line lengths 8-10 words or 50-60 characters keep headings clear wth space before and after try not to use light coloured text try not to use low contrast colours don’t use images in the background embed images in text where possible use captions to floating images
  • 47. www.knowwhatimean.co.ukthanks and goodbyethanks and goodbyethanks and goodbyethanks and goodbyethanks and goodbyethanks and goodbyethanks and goodbye