2. HOVEDFORLØB 2016

TYPOGRAFI & OMBRYDNING

Typografi & Ombrydning • 2. Hovedforløb 2016 • Michele Lindhardsen 2

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 inter-aktiv i det omfang at der som minimum skal være ”knapper” til bladring og indholdsfor-tegnelse skal vær trykbar.

MålgruppenMålgruppen er alle ansatte hos A-TEX. Der-for 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.

BudskabDer 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.

TypografiA-TEX har i forvejen nogle fonte, som de primært bruger. Derfor er der i den anled-ning valgt fonte herefter. Til brødtekst er der valgt en Gotham, Book, 14/17 pt. Man-chetten er Gotham, Medium Italic. Mel-lemrubrikkerne er en Neutraface 2 Display, Titling, 16/17 pt., som de ofte benytter sig

af i andre sammenhænge. Rubrikker er pri-mært Neutraface 2 Display eller en special font A-TEX, Regular. Underrubrikker er Big Caslon, Medium, som de blandt andet be-nytter på deres hjemmeside.

FarverFarve 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.

BillederNogle 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. interakti-

vitet• 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

InDesignDokumentet 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.

KvalitetssikringI InDesign er der oprettet en Preflight, som er kaldt Newsletter — også ment til fremti-dig brug. Her er der blandt andet lavet set-

tings således at InDesign indikerer blandt andet manglende links, uproportionel ska-lé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.

KUNDEN

A-TEX

Typografi & Ombrydning • 2. Hovedforløb 2016 • Michele Lindhardsen 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 4

ARBEJDSPROCESSEN

INDESIGNDer 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 spalte-længder.

Hertil er der oprettet Paragraph Styles til fremtidig brug af Brødtekst og Mellemrubikker

MASTER PAGE – Der er lavet Masterpage til skabe-lonen, som indeholder autogenereret Pagina, varia-bel Sidefod, ”knapper” til forhenværende og næste side samt Tilbage til Indholdsfortegnelse.

TOC – der er oprettet en Ind-holdsfortegnelse (TOC), som i interaktiv PDF fungerer som bookmark, dvs. man kan trykke på Pagina og komme direkte til ønskede side.

INDHOLD – indhold i form af typografi, billeder og grafik er fyldt ind.

Typografi & Ombrydning • 2. Hovedforløb 2016 • Michele Lindhardsen 5

BRØDTEKST – font til brødtekst Go-tham, 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.

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 Incre-ment 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 or-dene. 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 mi-nusklerne og i bunden med bunden af minusklerne (pink linje).

Ved nyt afsnit starter brødteksen efter et mellemslag, dvs. en tom linje.

Den gode linjelængde på skærm er ca. 50-55 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.

Typografi & Ombrydning • 2. Hovedforløb 2016 • Michele Lindhardsen 6

MELLEMRUBRIK – font til Mellemru-brikker 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 Mellemru-brik (MR) på en, to og tre linjer.

EKSEMPEL PÅ TO LINJER MR:

Baseline Grid: 17pt MR skydning: 19pt

19 + 19 = 38pt 17 + 17 + 17 = 51pt

51 - 38 = 13pt

Skydning over MR 11pt Skydning under MR 2pt

11pt = 3,881mm. 2pt = 0,706 mm.

Da udregningerne ikke virker, hvis Mel-lemrubrikkerne 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 Hea-der 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 interakti-ve TOC i PDF’en

Typografi & Ombrydning • 2. Hovedforløb 2016 • Michele Lindhardsen 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 Al-ternating Fill, til at fylde forskellig farve i hver anden række.

Typografi & Ombrydning • 2. Hovedforløb 2016 • Michele Lindhardsen 8

BUTTONS AND FORMS – med dette modul er der blevet lavet interaktive ”knapper” så som Previous Page og Back to Table of Contents.

VARIABEL DATA – med variabel data er der indsat fil navn og løbende oversrift på hver side.

PAGINA – ved hjælp af Type > Insert Special Character > Markers er der indsat autogenereret pagina på Master-page.

MEDIA – med dette modul er der indsat en video, lavet i Photoshop ved hjælp af Video Time Line. Det var meni-gen at lave en gif, men dette fil format understøttes ikke af Adobe PDF Reader.

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 9

PHOTOSHOP – er brugt til al billedredi-gering. 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

ORIGINAL ORIGINAL

ORIGINALPHOTOSHOPPET BAGGRUND

PHOTOSHOPPET VINDUE

PHOTOSHOPPET SAMLET

Typografi & Ombrydning • 2. Hovedforløb 2016 • Michele Lindhardsen 10

1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014Est

2015Est

2016Est

2 5 1016

2435

51

6477

8998

104119

147

162

192

237251

332345

427 428

490

535

583

0

1991: Bent Povlsen establ. A-TEX

In-house Design dept.

2001: LC establ. in HK

2004: LC estebl. in IN

2006: SO estebl. in US

2007: SO estebl. in NL

2010: SO estebl. in UK

2010: SO estebl. in IT

2007: SO estebl. in DE

2006: SO estebl. in SW

2007: LC estebl. in BD

2006: LC estebl. in CN

New item group - Packaging

MyA-TEX web ordering

2004: Jan Jacobsen CEO

2012: Polaris Equity fund enters as main investor

New ERP (Ax12)

Expect double-digit growth rates to continue

New item group - Store Council

2002: LC establ. in TY

ILLUSTRATOR – denne graf inklusiv verdens-kort er lavet i illustrator. Verdenskortet er lavet ved hjælp af Image Trace af et billede, derefter er alle landegrænser tegnet op.

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 mulighe-der, 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

EGEN

REFLEKTION