0 4 1 t y& o | Produk tbes k r ivel s e路 Ty pog r a fi & O mbr ydning
case Typografi & Ombrydning Planlægning, layout og ombrydning af A5 rejsekatalog til rejsebureauet Jazz Safari – et fiktivt rejsebureau, der har specialiseret sig i rejsekoncepter med jazz i New York i fokus. Da jeg ikke har haft adgang til rigtig tekst og billedmateriale er kataloget at betragte som en dummy. Opgaven gik ud på følgende: > Planlægning ift. æstetik, funktion, teknik & økonomi > Anvende og udbygge grafisk linie for Jazz Safari > Opbygning af grid, layout, fontvalg og paginering > Udvælgelse og tilpasning af billeder til tryk > Rationel produktion: Styles / Swatches / Master pages > Typografi & ombrydning > Klargørelse til tryk
Bidrag til opgaven Jeg har modtaget feedback på mit arbejde fra en kollega.
Programmer /InDesign /Photoshop /Illustrator
04 2.t y&o | O pg avebes k r ivel s e
02
03
04
Planlægning af tryksag Rejsekatalogets afsender & funktion Det har været min hensigt at ramme Jazz Safaris målgruppe(r) – folk, der gerne vil rejse til New York og/eller er interesseret i jazz – med budskabet; »Tag på Jazz Safari i New York« – her har du en »guide« til de bedste jazzoplevelser i New York.
Format, teknik & økonomi Jeg undersøgte først priser og tryk-/papir-kvaliteter ift. produktion af en tryksag og kom frem til, at en 20-siders A5-tryksag i et mindre oplag på 500-2000 stk. ville være passende ift. emne og målgruppe.
> Offsettryk 02 > 4+4 farver 03 > 140g Cyclus (ubestrøget, 100% genbrugspapir) 02 > Squarefold (lige ryg) 01 > Se tilbud fra trykkeri 04
Jeg forestiller mig, at rejsekataloget kunne suppleres med indstik med ny eventkalender halvårligt samt tilbud og nyheder løbende. Hvis Jazz Safari havde været villig til at betale yderligere 33% for tryksagen (foruden layout og opsætning) ville jeg have foreslået 4 siders omslag i 170g Cyclus ubestrøget 100% genbrugspapir.
Æstetik & medie Da rejsekatalogets afsender er Jazz Safari, har det været min hensigt at lægge layoutets linie i forlængelse af den øvrige grafiske linie for Jazz Safari med de andre muligheder og krav det trykte medie byder.
01
> Typografi: Flere muligheder for fonte på tryk > Form/komposition: Lettere at håndtere skrå linier på tryk > Fuld kontrol over sammenspil ml. for- og baggrund på et ikke-responsivt medie > Billeder: Fotos skal være i større opløsning på tryk > Farver: Farver defineret i CMYK er mere dæmpede og farverummet er mindre end RGB.
04 3 t y&o | Pl a nl æg ning a f tr y k s a g
01
01
02
Planlægning af layout valg af brødtekst Da jeg allerede havde valgt skrifter til websitet, og i den forbindelse havde haft i baghovedet, at de også skulle kunne fungere godt på tryk, var det næsten givet på forhånd, at Georgia skulle anvendes til brødteksten. Udover det æstetiske hensyn til kontrast mellem de valgte fonte var Georgia blevet valgt ud fra fontens gode egenskaber ift. web – websikker og læsevenlig helt ned i små skriftstørrelser. Og den store x-højde kombineret med den robuste form betød da også, at jeg kunne sætte brødskriften med 9/11 pkt. og stadig være sikker på, at teksten var let at læse på tryk.
> Test af Georgia: 8/12, 9/12, 8/11 og 9/11pkt. 01 > Test af varierende skriftsnit 01 > Test af negativ tekst 01
satsformat & spalter Herefter foretog jeg en stribe testprint for at finde frem til satsformatet. Jeg testede, at linieafstanden var passende ift. linjens længde og at denne ikke blev for lang, så øjet uden problemer kunne fange næste linie. Da en A5-side er relativt smal i højformat, var det næsten afgjort på forhånd, at siden ikke kunne inddeles i så mange spalter. Jeg valgte derfor gennemgående at arbejde med 2 spalter til længere tekstomløb. Efter arbejdet med at placere tekstblokken på siden blev den gennemsnitlige linjelængde knap 41 anslag, hvilket er lidt under den ideelle på 50-55 enheder, men helt fint.
02
> Test af satsformat / spaltebredde 02 > Placering af tekstblok på siden 02
04 4 t y&o | Pl a nl æg ning a f l ayout
01
02
03
04
05
06
Opbygning af grid & brug af masterpages grundlinienet & spalter Jeg opbyggede flere grundlæggende indstillinger mens jeg stod på min master for at sikre at alle sider, der blev tildelt masteren, ville få den samme opbygning. Jeg indstillede grundlinienettet til 11 pt. med start fra spalternes top (30 mm) og lod nettet fortsætte helt ned, da jeg brugte det til bl.a. at sætte punkterede linier efter. Grundlinienettet brugte jeg til at sikre, at teksten ville holde register.
> Grundlinienet 01 > Grundlinienet: InDesign | Preferences | Grids... 02 > Spalter: Layout | Margins & Columns 04
Brug af masterpages Jeg satte pagina på mastersiden og videreførte desuden mit fintmaskede 12-kolonne grid fra layout af websitet til at styre mit layout efter. Jeg lagde griddet på et separat lag, så jeg kunne tænde og slukke for det efter behag. I toppen af siden satte jeg en slags magasinhoved, som jeg også ønskede skulle gentages på de fleste sider.
> Pagina: Type | Insert Special Character | Markers | Current Page Number 05 > Grid 03 > Magasinhoved 06
j a z z sa fa r i
0 4 5 t y&o | O pbyg ning a f Gr id & Ma s ter
n e w yo r k
01
ikoner
Inspiration, komposition & modulopbygning
02
03
topbanner
eventkalender.html
billedtekst
rubrik opbygning Kataloget er bygget op af groft sagt 3 slags opslag: > Opslag med horisontalt topbanner henover opslag 02 > Opslag som helsider 02 > Opslag med baggrundsbillede 02 Herudover er der underordnede varianter – fx på de rejsekonceptsider, der er helsider.
understregning
text wrap
displaytekst Helsider
INspiration Jeg har været inspireret af diverse magasiner og kataloger til mit layout og generelt haft til hensigt at videreføre de grafiske valg fra websitet.
> Website med symmetrisk komposition, billeder, fonte, farver, tabel, ikoner, transparens etc. 03 > Inspiration til text wrap 04 > Inspiration til top- og bundstreger på rubrik 04 > Inspiration til aksial typografi 04 > Inspiration til brug af cirkel 04
splash
manchet
spatiering
aksial typo.
pagina
siderubrikker
baggrundsbillede
hoved
stregmateriale
tabel
karakterformat
billede
0 4 6 t y&o | Ins pir ation, Kompos ition & Modul er
04
katalogets karakter
rubrik i 3 linier: nærhed, lighed & lukkethed
mellemrubrik & nyt afsnit: nærhed
displaytekst & signatur: forbundethed
01
02
03
mellemrubrik & billede: lukkethed
opbygning af afsnits- og karakterformater Da de grundlæggende layoutregler var på plads, begyndte jeg at udvikle mine »Paragraph Styles«, »Character Styles« og Obejct Styles. Det lønner sig som regel at opbygge styles, idet man løbende kan redigere og straks se effekten på alt den typograferede tekst. Jeg grupperede og navngav desuden omhyggeligt med betegnelse, skriftstørrelse og skriftsnit for at skabe overblik.
> Se screenshots 01 + 02 + 03
katalogets karakter Idet jeg ønskede at give kataloget et lidt magasinagtigt præg med vægt på oplevelse og stemning, anvendte jeg en del skriftforme. Kataloget måtte gerne i billeder og typografi være udtryksfuldt og ›jazz'et‹.
gestaltlovene Da det samtidig var min hensigt at formidle budskabet om at tage på jazz safari, havde det høj prioritet at skabe forståelighed i typografien. Jeg benyttede derfor gestaltlovene:
> Nærhed: Symboler tæt ved hinanden hører sammen > Lighed: Symboler, der ligner hinanden, hører sammen > Lukkethed: Symboler i samme ramme hører sammen > Forbundethed: Symboler, der er forbundet, hører sammen
KOntraster Jeg arbejdede primært med 4 slags kontraster til at skabe sammenhænge og forskelle i min typografi.
> Skrifttyper: Antikva / Grotesk / Kalligrafi > Skriftgrader: Brød 9 pkt. / Mellemrubrik 14 pkt. / Rubrik 22 pkt. / Display 44-105 pkt. > Farver: Sort / Hvid / Gul-orange / Grøn / Grå > Skriftsnit: Regulær / Kursiv / Fed / Streg
midterste linie: farvekontrast
mellemslag & alle 4 kontraster
04 7 t y&o | K ata l og ets k a r a k ter
alle 4 kontraster
Topstreg og billede danner ramme & Spalter holder register
01
03
02
04
grundlæggende indstillinger grundlæggende indstillinger Inden jeg begyndte arbejdet med kataloget i InDesign, var der nogle grundlæggende indstillinger, der med fordel kunne foretages for at optimere workflowet og sikre hensigtsmæssig omgang med ombrydningen. Foretog indstillingerne uden åbne dokumenter, så nye dokumenter ville gøre brug af indstillingerne.
ordbog Det er grundlæggende at ordbogen er indstillet til dansk, for at InDesign kan bruge dansk ordbog til orddeling og stavekontrol.
> Opsætning af dansk ordbog 01 + 02
99-66 Jeg indstillede InDesign til at bruge de danske anførselstegn – populært kaldet »99-66«.
> Opsætning af danske anførselstegn 02
sprog Jeg sikrede mig, at sproget var indstillet til dansk i [Basic Paragraph], så de »Paragraph Styles«, jeg senere skulle oprette ud fra denne, var indstillet med dansk sprog.
> Klikkede på [Basic Paragraph] og satte sproget til dansk 03
05
Orddeling Da jeg vidste, at jeg skulle ombryde tekst på relativt smalle spalter med løs bagkant, ændrede jeg i de prædefinerede indstillinger i »Hyphenation«, så jeg tillod InDesign at foretage flere orddelinger (»Better Spacing« og »Hyphenation Zone«).
> Indstillinger: Før og efter 04
justering Jeg anvendte default indstillinger i »Justification« – med relativt liberal »Word Spacing«, konservativ »Letter Spacing« og »Glyph Scaling« samt InDesigns bedste orddelingsmetode »Adobe Paragraph Composer«, der orddeler ift. hele afsnit.
04 8 t y&o | Gr undl ig g ende inds til l ing er
01
12
02
03
04
05
06
07
08
Eksempel på Afbalancering af tekstbillede Afbalancering af tekstbilledet side 15 Punktvis gennemgang af arbejdet med tekstombrydning:
> Placerede (Cmd+D) tekst som ikke helt kunne være inden for de 2 spalter (indikation med lille rødt plus) 01
> Med »blød retur« (Shift+Enter) fremtvang jeg et linieskift før ordet »havde« og orddelen »nelt« sprang op i 1. linie 02
> Indsatte »blød bindestreger« (Shift+Cmd+-) 03 + 04 + 05 + 06 + 07
> Foretog herefter en generel knibning af hele afsnittet (Tracking: -9), da teksten endnu ikke kunne være der 08
> Indsatte igen »blød bindestreger« for at fjerne støj i bagkanten og forbedre orddelingen 09 + 10
> Da teksten var på plads, forsøgte jeg at minimere den tidligere foretagede generelle knibning, ved at vælge hele afsnittet og trinvis nedjustere (Tracking: -3) 11
> Det endelige resultat 12
11
10
0 49 t y&o | Afba l a ncer ing a f tek s tbil l ede
09
01
02
for- og bagside
next style
brug af skriftforme udpluk i brugen af skriftforme Som det antydes, har jeg i kataloget benyttet en del skriftforme – nogle med større fordele end andre. Oprettelse af skriftforme tager tid, men forestiller man sig, at kataloget skal opsættes over samme layout en del gange, så lønner arbejdet sig på sigt.
Følg
jazz-ikonet Maceo parker
nested linie style
Læs mere på s. 6 / 7
nested style
Jazz Safari · New York blev etableret 27. februar 2011. Jazz Safari · New York er rejsebureauet, der tilbyder dig unikke muligheder for at få guidede og autentiske jazzoplevelser i New York. Jazz Safari · New York præsenterer denne sæson rejsekonceptet „JS · FOLLOW“, som er en unik chance for at få din personlige oplevelse af flere af verdens nulevende jazzlegender.
nested style
Jazz Safari · New York er støttet af Kulturministeriet som et led i udvikling af rytmisk musik i Danmark.
ja zz sa fa ri
new york
2014
> Brug af styles > Udvalgte opslag 02 > Udvalgte screenshots fra opsætning af styles 03 01
Next style Anvendt når der efter et »hårdt linieskift« (Enter) altid skal skiftes til en ny »Paragraph Style«.
grep style © Jazz Safari
side 10-11 jazz safari
object style
next styles
new york
jazz safari
DET SIGER BRUGERNE
„ Nested line style Anvendt til at formatere skift af »Character Style« fra linie til linie.
06 js · follow – nyt rejsekoncept! 10 Brugeranmeldelser 11 udtalelser fra guiderne 18 tilbud på js · Couch Surf & js · Group til og med juni 2014 19 Eventkalender
2014 · ny jazz guide
DET SIGER guiderne
N i kola j Ben t z on :
„
♥♥♥♥♥♥
m a d s h a n s en :
Min fedeste musikoplevelse so far! Det kan virkelig kun anbefales! · classic ·
object style options
Min største glæde er at vise mine medrejsende, hvor fantastisk det er at couch surfe. Vi mødes et centralt sted hver dag, og snakker om dagens program. Så står den på koncerter, jazzjams, gear og ikke mindst jazz talk – all day long. Det fedeste ved denne rejseform er, at vi ikke kender dagen, før den er omme. Hvor skal vi sove i nat? U name it – we find it!
“
„
“
· Group ·
„
“
· festival ·
„
♥♥♥♥♥♥
M a len e m or t en s en :
Er du kulturelt interesseret er denne Jazz Safari den helt rigtige for dig. I år er der bl.a. kommet en masse ny arkitektur i byen – det lægger vi selvfølgelig ind i programmet, hvis der er stemning for det :)
Ben ja m i n koppel:
Stort – større – Jazz Safari! Til manden der har prøvet alt...
M or t en s ch a n t z :
Jazzfestival i New York er ligeså meget federe som skyskraberne er højere end i DK. Der er hundredevis af fantastisk dygtige musikere, der bare fyrer den af. I modsætning til jazzfestivaller afholdt i Danmark, så er der en helt anden stemning i forbindelse med koncerterne i New York. Folk går fuldstændig amok når bandet går på. Og så er det ellers bare en lang jazzfest. Håber at gense mange af jer til sommer!
“
“
· culture ·
10
11
side 18-19 jazz safari
nested styles
new york
jazz safari
grep style
next style
tag til New york fra kun 4.992,inklusiv fly & hotel! *
Spar
10%
flybillet + hotel = jazz safari · pakke ved køb af flybillet og hotelophold!
* Tilbuddet gælder kun
nested linie style
new york
eventkalender js
object style Anvendt til at formatere stylede tekster med grafik-elementer i et samlet objekt.
“
♥♥♥♥
F r ed r i k lu n d i n :
Efter 8 fantastiske dage er jeg nu så fyldt op med jazz, at jeg dog alligevel lige nu sidder og lytter til et par af de CD‘er, jeg købte med hjem. Vi fik en del muligheder for at shoppe musik og grej undervejs, og det benyttede jeg mig i den grad af. Herlig tur. Det må jeg prøve igen en gang.
Grep style Anvendt til at formatere/kode helt specifikke skift af »Character Style« i en »Paragraph Style«. Fx når man ønsker at knibe mellem tallet 1 og et efterfølgende tal. > Se eksempelvis forsiden (øverst) 02
Pelle f r i d ell:
· Couch surf ·
„
· exclusive ·
“
· follow ·
· Club Crawl ·
At rejse i gruppe har altid passet mig godt. Men at det kunne fungere så godt, havde jeg ikke regnet med. Vi passede jo praktisk talt så godt sammen, at man skulle tro, at det var løgn. Vi var også på omtrent samme alder, så det kunne ikke have været meget mere heldigt.
Nested style Anvendt til at formatere præcise skift af »Character Style« gennem eller frem til afsnit, sætninger, ord, tal osv.
V i n cen t n i ls s on :
For søren hvor var det fedt at møde sit største idol så tæt på første gang, jeg prøvede det! Selvom jeg nu har været guide i 3 år, synes jeg stadig at det er spændende at se, hvad de største jazzikoner foretager sig.
Havde jeg bare vidst, at de New Yorkere var så forbandet teknisk dygtige, så havde jeg nok valgt ikke selv at deltage i jammen efter koncerten på Lincoln Center.
„ grep style
„
♥♥♥♥
“
new york
for JS · Couch Surf og JS · Group t.o.m. juni 2014. Priser opdateres løbende på www.jazzsafari.dk
18
050 t y&o | B r ug a f s k r iftfor me
Jazz Safari · variant
dato
pris
follow · joshua redman
10/05-15/05
fra 8.812,-
culture · music
21/05-28/05
fra 5.434,-
group · (min. 10 pers.)
24/05-30/05
fra 4.992,-
exclusive
02/06-14/06
fra 19.223,-
festival · blue note
04/06-14/06
fra 5.409,-
festival · N.Y. city jazz
13/06-23/06
fra 10.445,-
classic
18/06-28/06
fra 6.912,-
follow · maceo parker
22/06-25/06
fra 8.523,-
couch surf *
28/06-04/07
fra 4.992,-
club crawl · history
06/07-11/07
fra 8.804,-
club crawl · nu jazz
07/07-12/07
fra 7.645,-
festival · Brooklyn bridge
15/07-26/07
fra 11.233,-
group · (min. 7 pers.)
22/07-31/07
fra 5.546,-
exclusive
24/07-08/08
fra 33.645,-
culture · mixed art
28/07-03/08
fra 6.967,-
couch surf *
30/07-08/08
fra 5.546,-
* JS · Couch Surf er kun med én hotelovernatning. Der kan tilkøbes flere efter aftale. Priser er vejledende og opdateres løbende på www.jazzsafari.dk
19
ny!
10%
ny! 10%
03
05 1 .t y&o | O ps l a g i rejs ek ata l og et
01
02
farver, Papir & tryksag farver & tryksag Da jeg lagde ud med at layoute til web blev min farvepalette i første omgang defineret i RGB-farver. Jeg ønskede at kunne udnytte det store farverum til web og havde endnu ikke besluttet at fremstille en tryksag til Jazz Safari. Men jeg var bevidst om, at det var vigtigt at kunne konvertere RGB-farverne til vellignende trykfarver, så jeg CMYK'ede billedet og anvendte Photoshops Color Libraries til at finde en matchende Pantone og CMYK-farve velvidende, at metoden jo ikke var helt skudsikker. Efter at jeg fandt ud af, at min tryksag skulle trykkes på ubestrøget papir, foretog jeg et testprint af forsiden på gulligt papir med farveprofilen FOGRA39 og matchede den varme taxi-gule CMYK: 0-36-100-0 med en Pantone Uncoated farvevifte. Ligheden mellem min CMYK-farve og pantonerne 116 U og 123 U var fin. Dermed havde jeg også en løsning, hvis kunden måtte ønske at få den varme taxi-gule trykt med staffage.
> Bestemmelse af farve til tryk 01
papir Valget af cyclus-papir giver kataloget et rustikt look og signalerer samtidig, at afsenderen tænker på miljøet. Papiret har en knækket hvid nuance, der får betydning for farvernes gengivelse i det endelig tryk. Jeg foretog derfor nogle testprint, for at få en ide om, hvordan farverne kunne fremstå på hvidt og gulligt papir. > Se scanning af testprint 02
swatches & SEPARATIONS PREVIEW Jeg anvendte swatches til styring af mine farver i InDesign. I forbindelse med oprettelse af CMYK-versioner af de mørke farver, tjekkede jeg i Separation Preview at den mørkeste ikke oversteg farvemængden 300%. Med indstillingen Ink Limit spottede jeg grænseoverskridelser på enkelte billeder, som jeg lysnede lidt.
> Separation Preview 03
ICC-profil Jeg downloadede desuden trykkeriets anbefalede icc-profil til ubestrøget papir for at sikre korrekte farver i export til PDF.
hvidt papir
gulligt papir
052 t y&o | Fa r ver, pa pir & tr y k s a g
03
kvalitetsvurdering kvalitetsvurdering Jeg er godt tilfreds med resultatet. Mine intentioner om at udvikle en lille ›jazz guide‹ i forlængelse af den grafiske linie for Jazz Safari, synes jeg er blevet fulgt godt til dørs, og udbygningen af det grafiske univers har beriget den samlede grafiske identitet for Jazz Safari. Jeg kunne dog godt have ønsket, at jeg havde nået at finde passende billeder til de mange grå felter i kataloget, så at kataloget kunne fremstå helt færdigt.
053 t y&o | Kva l itets v urder ing
0 54 t y&o | Mor ten Da m O rl ema n T hr a ne