TYPOGRAFI & OMBRYDNING T TYPOGRAFI & OMBRYDNING Typografi og ombrydning } I tæt samarbejde med mit Ollerup Efterskole har jeg udarbejdet et redesign af deres 2012 årsskrift. Resultatet var meget tilfredsstillende, og kunden har rost os for designet men også den professionelle tilgang til opgaven. Opgaven Målgruppe Typografi Tjekliste Opgaven bestod i at opsætte et årsskrift til Gymnastikhøjskolen i Ollerup se vedlagte tryksag i fysisk portfolio. Opgaven har været meget fri, så jeg har selv skulle tage stilling til font, billeder, valg af marginer osv. Her har jeg stræbt efter at udfordre mig selv, skabe et interessant layout med billeder og tekst og generelt gøre rapporten mere indbydende for læseren. Benyttede programmer InDesign CS5.5 til ombrydning og layout af rapport Photoshop CS5.5 til tjek af billeder Adobe Acrobat Pro tjek af trykklare pdf'er Generelt Formatet er 160 x 235 mm med 3 mm beskæring en økonomisk god løsning. Gymnastikhøjskolen i Ollerup er Danmarks ældste, og for mange nyere højskoler går rødderne tilbage til Ollerup. Gymnastikhøjskolen blev grundlagt af den danske gymnastikpædagog Niels Bukh i 1920 med hjælp fra højskolefolkene Lars Bækhøj og Kristensen-Randers. Tidligere ellever og lærer på højskolen. Generelt alle personer som har været tilknyttet skolen. Krav fra kunden Kunden ville meget gerne have så mange billeder med som muligt, så eleverne har mulighed for, at finde sig selv og deres kammerater i bogen. Derudover ville de gerne have, at x-højden på brødteksten ikke gik over billederne i bogen. Deadline og tid er selvfølgelig altid en faktor, og i dette her tilfælde vil jeg mene, at de to gik pænt op. Arbejdsproces Inspiration Tests og udvælgelse af skrift Oprettelse af dokument inkl. marginforhold og spalter Opsætning af grundlinjenet Oprettelse af Paragraph Styles Levende kolumnetitel Manuel knibning af tekst, text wrap Billedtekst Anchored objects Tabeller Jeg har valgt skriften Chaparral Pro til børdsteksten i rapporten, da den er god til tunge tekstmængder, samtidig giver den et flot udtryk og er meget læsbar, idet det er en Serif font. For at holde udtrykket stringent er overskrifterne alle med Caps og lige store igennem hele bogen. Fonten er en Franklin Gothic, som jeg mener understøtter fastheden i bogen. I afsnittet om skriftvalg kommer jeg nærmere ind på mine overvejelser omkring skriften og i afsnittet om Paragraph Styles, kan man få et overblik over anvendt typografi i rapporten. Layout Jeg har valgt at have én gennemgående A-master med to spalter, som gennemgående layout i rapporten og har tilpasset alt indhold på siderne til mine marginer i top, bund og sider. Dette giver en vis ro på siderne, som virker godt og giver overblik. Øvrige virkemidler Faktabokse og tabeller skaber et godt overblik Billeder, der understøtter tekstens indhold Markering af relevant tekst Ingen horeunger Korrekt orddeling Ingen floder Bindestreg ændret til tankestreg (oftest) Billeder flugter ikke med tekstens x-højde (kundens ønske) Hair space ved tegn som :, ;,!,?, () Ingen slåfejl med dobbelt luft Kvalitetsvurdering Jeg synes jeg har opnået den ønskede look med mit design af bogen. De anvendte billeder matcher indholdet af teksten og skaber interesse for de forskellige emner. Jeg har arbejdet med at få en god tekstombrydning og generelt skabe en god struktur. Derudover har jeg gjort bogen mere interessant og læsevenlig i forhold til tekstmængden ved at lave bedre opdelinger af afsnit og mellemrubrikker. Jeg har selv fået en masse ud af opgaven, da det har givet mig erfaring i at disponere over siderne i en større tekstsag og forberede et layout fra start til slut. 4 Mediegrafiker Svendeprøve / Maj 2013 / Daniel Kristensen / www.danielgk.dk /portfolio
Layout - moodboard - inspiration til opsætningen og looket af bog 5 Mediegrafiker Svendeprøve / Maj 2013 / Daniel Kristensen / www.danielgk.dk /portfolio
Test af skrifter Test af skrifter Aa Aa Chaparral Pro Regular Hoefler Text Regular Kort om skriften: Serif, karakteristisk Q, elegante og afbalancerede runde former. Anbefalet til tekst fra 6-14 pt., god til magasiner og bøger. Kort om skriften: Moderne antikva, skarpe former tynd hårstreg Test af skrifter Test af skrifter Aa Aa Gill Sans Regular Myriad pro Regular Kort om skriften: Sans serif, stort skriftsnit, skarpe kanter. Bolle over å svæver meget Kort om skriften: Sans serif, Open Type, stort skrift, mange variationer. Afbalanceret, professionel, neutral og harmonisk. 6 Mediegrafiker Svendeprøve / Maj 2013 / Daniel Kristensen / www.danielgk.dk /portfolio
Skriften Grid og master Overlængde grundlinje akse Chaparral Pro x-højde Underlængde Grundstreg Chaparral Pro har et bredt udvalg af forskellige styrker og bredder, som giver en stor mulighed for variation i typografi billedet. Fonten er med gode forholdsmæssige proportioner og en harmonisk knibning, som gør den både behagelig og letlæselig, hvilket var vigtigt i forhold til tekstmængden. Derfor er det min valgte skrift til rapporten. Tilpasning af topmargin til x-højden, så den passer til kundens ønske. På mastersiderne indstilles marginer og spalter. Mest luft i bunden, dernæst i toppen og mindst i siderne. Jeg har valgt at køre med to spalter igennem hele dokumentet og har valgt afstanden imellem disse til at være 5 mm. Skrift variation Bund margin Et overblik over forskellige variationer under skriftsnittet Chaparral Pro Jeg tjekker i bunden af siden, så det kommer til at passe med bundmargin - og derfor sættes denne til 23,2 mm, da det så går op med et helt antal linjer. 7 Mediegrafiker Svendeprøve / Maj 2013 / Daniel Kristensen / www.danielgk.dk /portfolio
Grid og master - Mål og forhold på masterside opslag. Faste elementer placeres 59,5 mm 5 mm 59,5 mm 22 mm Paginering 16 mm 20 mm 23,2 mm Information om tema Levende kolumnetekst) 3 mm 8 Mediegrafiker Svendeprøve / Maj 2013 / Daniel Kristensen / www.danielgk.dk /portfolio
Oversigt over mine paragraph styles til formatering af tekst paragraph styles Brød - Chaparral pro, regular, 9/12 pt., fast for- og bagkant, align to grid Brød indryk - Chaparral pro regular, 9/12 pt., fast for- og bagkant, align to grid, første linje indryk med 4,233 mm Mellemrubrik 1 linje -Chaparral pro, bold, 10/12 pt., luft før 3,175 mm, luft efter 0,706 mm Mellemrubrik 2 linjer - Chaparral pro, bold, 10/12 pt., luft før 2,822 mm, luft efter 0,706 mm Levende kolumnetitel right - Chaparral pro, italic, 7/12 pt. Overskrift M -Franklin Gothic, - Ccondensed, 50/50 pt., venstrestillet Overskrift S Underoverskrift -Franklin Gothic, condensed, 16/16 pt., venstrestillet Forfatter - Chaparral pro, condensed Italic, 8/8 pt. Library Library er en super feature, det er "drag and drop" så man altid er sikker på at have alle grafikse elementer i den rigtige størrelse og lige ved hånden. Et udsnit af indstillingerne for mine paragraph styles til hhv. brødtekst og brødtekst med indryk. 9 Mediegrafiker Svendeprøve / Maj 2013 / Daniel Kristensen / www.danielgk.dk /portfolio
Udregning af mellemrubrikker Levende kolumnetitel Mellemrubrik 1 linje (brød) 2x12= 24pt (mellemrub) 1x12= 12pt Luft tilovers 12pt Den overskydende luft har jeg så fordelt som 10 pt over og 2pt under mellemrubrikken. Mellemrubrik 2 linjer (brød) 3x12= 36pt (mellemrub) 2x12= 24pt Luft tilovers 12pt Den overskydende luft har jeg så fordelt som 10 pt over og 2pt under mellemrubrikken. Der oprettes en paragraph style til 1 linjes mellemrubrik. Pt. bliver omregnet til mm. Der oprettes en paragraph style til 2 linjers mellemrubrik. Pt. bliver omregnet til mm. Kolumnetitlen placeret på masterside, med paragraphstyle. Levende kolumnetitel For at få luften over og under mellemrubrikker til at passe med brødteksten, der er låst til grundlinjenettet. Har jeg vha. en udregning defineret luften over og under afhængig af, hvor mange linjer mellemrubrikken går over, så den går op i et helt antal linjer i brødtekstens skydning. Jeg har på min master i ydrehjørnerne defineret en text variabel til levende kolumnetitler, så man som læser altid er klar over hvilket afsnit man er under. I menuen Text Variable oprettes der en ny variable, baseret på min Paragraph style "Ollerup M", som gør at den automatisk indsætter teksten fra mine overskrifter på de pågældende sider. 10 Mediegrafiker Svendeprøve / Maj 2013 / Daniel Kristensen / www.danielgk.dk /portfolio
Bullet Knibning og spærring Gymnastikhøjskolen i ollerup Års Skrift 2012 De blå "kors" placeret ved begyndelsen af hver sætning, er tegnet for hængende indryk (indent to here), og styrer de efterfølgende linjer, så de holder en pæn forkant med første linje. Færdig tilpasset tekst i faktaboks. Jeg har til min faktaboks, oprettet en paragraph style til mine punktopstillinger. Jeg har i stylen defineret punktets udseende, luft imellem punkt og tekst samt luft efter hvert afsnit. Tab-position er sat til 3,3 mm, da det svarer til et Em space/geviert af brødtekstens størrelse. Fremhævet med blå streger hvor jeg har lavet manuel knibning. Knibning på -20 for at få overskriften til at se mere harmonisk ud. Når der kommer til overskrifet mener knibning er frit, men brødtekst går jeg aldrig over -15. Man kan f.eks. også spærrer teksten med 5, for at undgå delinger 11 Mediegrafiker Svendeprøve / Maj 2013 / Daniel Kristensen / www.danielgk.dk /portfolio
Textwrap Billedtekst Her giver jeg billedet en textwrap på 3 mm, dette sikrer, at billedtekster forholder sig ens alle steder. Anchored Object Dette er ikke med i min originale opgave, men jeg vil gerne vise, at jeg kan lave textwrap. Der er påført en "wrap around object shape" på 2 mm, baseret på path'en fra Photoshop, omkring den unge mand. Jeg har lavet småjusteringer på stien, for at få enkelte ord til at bryde mere hensigtsmæssigt. Jeg er opmærksom på orddelinger, og at teksten hverken bliver knebet for meget eller at der opstår floder. Dette indgår ikke i mit færdige projekt, men for at vise brugen af anchor. Jeg har implementeret et blåt element ved en af mellemrubrikkerne. For at elementerne følger med teksten er det oprettet som anchored object. I options menuen får den kassen de rette offset koordinater på x- og y aksen, ift. den ønskede placering. 12 Mediegrafiker Svendeprøve / Maj 2013 / Daniel Kristensen / www.danielgk.dk /portfolio
Tabel Binde- og tankestreg Binde- og tankestreg bliver ofte forvekslet med hinanden, jeg har derfor lavet en søg og erstat på bindestreger. Bindestregens formål er at binde to eller flere ord sammen (-). Tankestreger bruges ved indskudte sætninger; en-space/halv geviert ( ). Samme procedure gælder for citationstegn. Stavekontrol Opsætning af tabel med header og fill colors, for at gøre tabellen interessant og selvfølgelig mere overskuelig. Dynamisk stavekontrol er sat til for at finde potentielle stave- eller slåfejl i teksten. 13 Mediegrafiker Svendeprøve / Maj 2013 / Daniel Kristensen / www.danielgk.dk /portfolio
Tabel 6mm Separat omslag, der tages højde for ryggen (6 mm) lægges til. 14 Mediegrafiker Svendeprøve / Maj 2013 / Daniel Kristensen / www.danielgk.dk /portfolio