2. HOVEDFORLØB 2016 TYPOGRAFI & OMBRYDNING

Transkript

1 2. HOVEDFORLØB 2016 TYPOGRAFI & OMBRYDNING

2 KUNDEN A-TEX A-TEX, hvor jeg er elev, skal have lavet et nyhedsbrev til intern brug. Indholdet bliver leveret af HR afdelingen og opsætning er frit, dog ses det gerne at PDF en bliver interaktiv i det omfang at der som minimum skal være knapper til bladring og indholdsfortegnelse skal vær trykbar. Målgruppen Målgruppen er alle ansatte hos A-TEX. Derfor skal al tekst være på engelsk og der skal tages højde for eventuelle kultur barrierer i forhold til både tekst og det grafiske opsæt. Budskab Der vil være forskellig materiale så som en leder, nye ansatte og nye tiltag. Budskabet er helt enkelt at oplyse de ansatte om hvad, der er sket det seneste havle år. Typografi A-TEX har i forvejen nogle fonte, som de primært bruger. Derfor er der i den anledning valgt fonte herefter. Til brødtekst er der valgt en Gotham, Book, 14/17 pt. Manchetten er Gotham, Medium Italic. Mellemrubrikkerne er en Neutraface 2 Display, Titling, 16/17 pt., som de ofte benytter sig af i andre sammenhænge. Rubrikker er primært Neutraface 2 Display eller en special font A-TEX, Regular. Underrubrikker er Big Caslon, Medium, som de blandt andet benytter på deres hjemmeside. Farver Farve mæssigt er der holdt en dæmpet linje med sort/hvid, grå og en enkelt mørk blå, ellers har billederne talt det farvede sprog. Billeder Nogle billeder har været fin kvalitet, taget med et almindeligt kamera. Andre kan være taget med telefon i mindre god kvalitet. Da meget materiale er udvalgt fra A-TEX side, må man arbejde med det man får på bedste vis. Arbejdsprocess Overdragelse af materiale - sporadisk Udgangspunkt i gammelt nyhedsbrev Udformning af skabelon ift. interaktivitet Opsætning af Paragraph/Character Styles - valg af fonte, str. osv. Billedredigering/fotografering Opsætning af typografi og billeder/ grafik - brug af Interactive modul Tabel Indholdsfortegnelse Forside Konvertering til interaktiv PDF InDesign Dokumentet er oprettet i InDesign til web, formatet er pre-defineret 1680 x 1050px. Mediet er skærm, dvs. computer, laptop, tablet eller smartphone. Der er lavet et satsspejl/marginforhold, der tager højde for skabelonens bund og top, som blandt andet indeholder de interaktive knapper, hvorimod siderne er lige store. Workspace er sat til Interactive, hvortil der er tilføjet flere moduler så som Paragraph/ Character Styles, Text Wrap etc. Der er oprettet Masterpages til styring af gennemgående skabelon med knapper inklusiv pagina. Der er oprettet Paragraph/Character Styles til styring af typografi. Kvalitetssikring I InDesign er der oprettet en Preflight, som er kaldt Newsletter også ment til fremtidig brug. Her er der blandt andet lavet settings således at InDesign indikerer blandt andet manglende links, uproportionel skaléring af billeder og tekst og overskrivelse af Paragraph/Character Styles. Til dette nyhedsbrev er Preflight sat til at indikere hvis billeder kommer under 72 ppi, hvilket er den opløsning, som billeder minimum skal være i for at vises på skærm. Preflight tjekkes for fejl rettes til, hvis det reelt er en fejl, som ikke var meningen, springes over, hvis fejlen har været bevidst. Bevidste fejl kan for eksempel være overskrivelse af Paragraph Styles, hvorimod uproportionel skaléring af billeder og tekst ikke skal forekomme samt billeder under 72ppi helst heller ikke. Til slut konverteres via File > Export til PDF (Interactive) således at knapper og anden interaktivitet fungerer i PDF format. Typografi & Ombrydning 2. Hovedforløb 2016 Michele Lindhardsen 2

3 SIDSTE LAYOUTS der blev taget udgangspunkt i de sidste layouts fra sæsonen før. GAMLE LAYOUTS der blev også researched i helt gamle layouts. Typografi & Ombrydning 2. Hovedforløb 2016 Michele Lindhardsen 3

4 ARBEJDSPROCESSEN INDESIGN INDHOLD indhold i form af typografi, billeder og grafik er fyldt ind. Der er brugt InDesign til hele opsætningsprocessen. Photoshop er kun brugt til billedredigering. OPSÆT der er dedikeret en Masterpage til forsøg med Brødtekst, i-test, Mellemrubrikker og spaltelængder. Hertil er der oprettet Paragraph Styles til fremtidig brug af Brødtekst og Mellemrubikker MASTER PAGE Der er lavet Masterpage til skabelonen, som indeholder autogenereret Pagina, variabel Sidefod, knapper til forhenværende og næste side samt Tilbage til Indholdsfortegnelse. TOC der er oprettet en Indholdsfortegnelse (TOC), som i interaktiv PDF fungerer som bookmark, dvs. man kan trykke på Pagina og komme direkte til ønskede side. Typografi & Ombrydning 2. Hovedforløb 2016 Michele Lindhardsen 4

5 BRØDTEKST font til brødtekst Gotham, Book, 14/17pt. Der er valgt en stor punktstørrelse da mediet er skærm, hvor det er bedre for øjnene med en større punktstørrelse end på tryk. Language er sat til Engelsk: UK, da der arbejdes med engelske tekster. Den gode linjelængde på skærm er ca bogstaver pr. linje. Derfor er det gennemsnitlige antal bogstaver på hver linje udregnet, optalt på 20 linjers tekst ved justering er gennemsnittet landet på 50. For en pæn opstilling er brødtekst med fast for- og bagkant (Left Justify). For at holde register sættes Align to Grid til All Lines hertil skal Baseline Grid under Preferences sættes til Increment Every: 17pt, hvilket er skydningen for brødteksen. Der er foretaget i-test for at sikre en pæn afstand mellem hvert ord der skal ca. være plads til et i mellem ordene. Denne test er speciel vigtig ved brug af fast for- og bagkant. Satsspejlets top og bund er justeret ind efter register, således at et billede vil flugte i toppen med toppen af minusklerne og i bunden med bunden af minusklerne (pink linje). Ved nyt afsnit starter brødteksen efter et mellemslag, dvs. en tom linje. Typografi & Ombrydning 2. Hovedforløb 2016 Michele Lindhardsen 5

6 MELLEMRUBRIK font til Mellemrubrikker Neutraface 2 Display, Titling, 16/19pt. Kerning (knibning) er sat til Optical, for automatisk at få en pæn knibning/parvis spatiering. Mellemrubrikken er sat til ventre stillet/ fast forkant (Alignment: Left). Der er lavet udregning til skydning over og under til henholdsvis en Mellemrubrik (MR) på en, to og tre linjer. EKSEMPEL PÅ TO LINJER MR: Baseline Grid: MR skydning: 17pt 19pt = 38pt = 51pt = 13pt Skydning over MR Skydning under MR 11pt = 2pt = 11pt 2pt 3,881mm. 0,706 mm. Da udregningerne ikke virker, hvis Mellemrubrikkerne holder register, er Align to Grid sat til None. INDHOLDSFORTEGNELSE (TOC) ved hjælp af InDesigns automatiske generering af TOC er der stylet en Table of Contents til nyhedsbrevet. Der er lavet en Paragraph Style kaldet Header TOC, denne er brugt på en ekstra overskrift på hver side, som er gjort transperant. Denne har en style, som kan bruges i TOC. Der er flueben i Create PDF Bookmarks, hvilket senere vil generere den interaktive TOC i PDF en Typografi & Ombrydning 2. Hovedforløb 2016 Michele Lindhardsen 6

7 BULLETS i Paragraph Styles er der stylet en punktopstilling. Først i Bullets and Numbering, derefter er punkter og afstand justeret med Tabs. CITAT for at bryde teksten er der lavet citetater hvor det menes passende. OMBRYDNING teksboksen her er lavet skæv i forhold til billedet, dermed flugter teksten op lags billedet. Dette igen for at bryde det stringente look. TABEL ved hjælp af Table > Insert Table, er der lavet en tabel. Her er der brugt Merge cells til Rubrikken og Alternating Fill, til at fylde forskellig farve i hver anden række. Typografi & Ombrydning 2. Hovedforløb 2016 Michele Lindhardsen 7

8 BUTTONS AND FORMS med dette modul er der blevet lavet interaktive knapper så som Previous Page og Back to Table of Contents. PAGINA ved hjælp af Type > Insert Special Character > Markers er der indsat autogenereret pagina på Masterpage. MEDIA med dette modul er der indsat en video, lavet i Photoshop ved hjælp af Video Time Line. Det var menigen at lave en gif, men dette fil format understøttes ikke af Adobe PDF Reader. VARIABEL DATA med variabel data er der indsat fil navn og løbende oversrift på hver side. HYPERLINK med denne funktion er der indsat et hyperlink, som åbner et browser vindue til valgte webadresse. Typografi & Ombrydning 2. Hovedforløb 2016 Michele Lindhardsen 8

9 ORIGINAL ORIGINAL PHOTOSHOPPET VINDUE PHOTOSHOP er brugt til al billedredigering. Her er der lavet en baggrund til afsnittet om en ny kunde. Til baggrunden er der også taget billeder af trim artikler fra kunden. ORIGINAL PHOTOSHOPPET BAGGRUND ORIGINAL PHOTOSHOPPET SAMLET Typografi & Ombrydning 2. Hovedforløb 2016 Michele Lindhardsen 9

10 ILLUSTRATOR denne graf inklusiv verdenskort er lavet i illustrator. Verdenskortet er lavet ved hjælp af Image Trace af et billede, derefter er alle landegrænser tegnet op. Expect double-digit growth rates to continue New ERP (Ax12) : SO estebl. in UK : Polaris Equity fund enters as main investor 2007: SO estebl. in NL : SO estebl. in IT 1991: Bent Povlsen establ. A-TEX In-house Design dept : LC establ. in HK : LC establ. in TY 2004: Jan Jacobsen CEO 2004: LC estebl. in IN MyA-TEX web ordering New item group - Packaging 2006: SO estebl. in US : LC estebl. in CN 2006: SO estebl. in SW : SO estebl. in DE 2007: LC estebl. in BD New item group - Store Council Est 2015 Est 2016 Est Typografi & Ombrydning 2. Hovedforløb 2016 Michele Lindhardsen 10

11 EGEN REFLEKTION Det er lykkedes fint at samle al materiale til et nyhedsbrev, som alle ansatte kan have glæde af at læse. Der er en god kombination af illustration, billed materiale og tekst. Typografien er pæn og enkel. Generelt er nyhedsbrevet præget af enkelthed, med enkelte sider eller rubrikker, der stikker lidt ud så læsningen er interessant hele vejen. Skal der ses tilbage på processen i forhold til InDesign og dets muligheder, skal der arbejdes mere på at strukturere Paragraph/Character Styles. Der skal findes bedre og simplere løsninger på de mange styles også i forhold til TOC. Jeg vil også gerne arbejde mere med det interaktive og se hvad der virker. Michele Lindhardsen