TYPOGRAFI & OMBRYDNING CASPER GEIPEL JENSEN
INDHOLDSFORTEGNELSE OPGAVEBESKRIVELSE...3 SPECIFIKATIONER...3 BRUGTE METODER...3 OPRETTELSE AF DOKUMENT...4 MARGIN & SPALTER...4 MASTERPAGES OG PAGINA...4 BASELINE GRID...5 DEN GODE LINJELÆNGDE...5 FONTVALG...5 ORDMELLEMRUM MED I-TESTEN...5 PARAGRAPH STYLES...6 CHARACTER STYLES...6 OBJECT STYLES...6 CC LIBRARIES...6 MELLEMRUBRIKKER...6 NESTED STYLES...7 ANCHORED OBJECT...7 RUBRIKKER - OPTISK FORKANT... 8 RUBRIKKER - SPATIERING... 8 MANCHET...8 CITAT...8 KONTAKTINFO MED TABS...8 TEXT WRAP...9 CLIPPING PATH...9 FIND/ERSTAT...9 TABEL...10 TABLE STYLE...10 CELL STYLE...10 BILLEDER I TABEL...10 BILLEDEFFEKT MED OUTLINES...11 GENERERING AF QR-KODER...11 INDHOLDSFORTEGNELSE...11 OPGAVEBESKRIVELSE Opgaven var at lave det årlige løbekatalag til Langhoff Promotion. Langhoff Promotion sælger bl.a. løbetøj og løbeartikler med tryk, primært med fokus på store de firmaarrangementer, som f.eks. DHL Stafetten. Tidligere har kataloget været meget produktorienteret, mens år 2016-udgaven mere skulle være en blanding af et katalog og magasin, hvor målet er, at hæftet ender i flere hænder end bare hos indkøberen. Stikord/krav om layout: Moderne, visuelt og letlæseligt. SPECIFIKATIONER Kunde: Langhoff Promotion Opgave: Løbesæsonen 2016 Farverum: CMYK Programmer: InDesign CC, Photoshop CC & Illustrator CC Format: A4 Portrait 210 x 297 mm Bleed: 3 mm Tryk: Digital print BRUGTE METODER Margin Spalter Masterpages og Pagina Baseline grid Font valg Ordmellemrum - i-testen Paragraph styles Character styles Object styles Nested styles Table style Mellemrubrikker Optisk margin Spatiering Text Wrap Manchet Tabel Billedeffekt med Outlines Anchored objects CC Libraries 2 3
OPRETTELSE AF DOKUMENT BASELINE GRID Format: A4 Portrait 210 x 297 mm Antal sider: 28 Siderne overfor hinanden: Facing Pages Bleed: 3 mm bleed til beskæring For at sikre at min tekst holder register, laver jeg et baseline grid (grundlinjenet). Jeg starter mit baseline grid, der hvor jeg gerne vil have min brødtekst skal starte. På den måde får jeg et flot og ensartet udtryk i brødteksten gennem hele kataloget. MARGIN & SPALTER Min margin er udregnet med udgangspunkt i 24-dels-metoden. Med 24-dels-metoden får man et fornuftigt forhold mellem luften i inder- og ydermargin. Dog bruges 24-dels-metoden oftest når man skal lave layout til bøger, hvor man har brug for meget luft. Til mit kombinerede katalog/magasin har jeg brug for knap så meget luft, hvorfor marginforholdet er justeret en anelse. Specielt luften i top og bund er større ift 24-dels-metoden. Artikel sider med meget tekst Afstanden mellem grundlinjer indstilles efter skydningen på min brødtekst. DEN GODE LINJELÆNGDE For at gøre kataloget let læseligt, holder jeg mig til den gode linjelængde, som er på omkring 50-55 enheder i gennemsnit. Kommer man højere end 65 enheder, kan teksten blive vanskelig at overskue og læse. Jeg har i gennemsnit 52 enheder pr. linje. Jeg arbejder med to forskellige marginforhold afhængig af om siden er til artikler (typografi) eller produkter. Siderne med meget typografi har brug for mere luft, mens de produktorienterede sider med billeder behøver mindre luft. Jeg bruger 2 spalter til begge marginforhold. Spaltemellemrummet er dog større ved produktersiderne. Produktsider FONTVALG Helvetica Neue: Helvetica Neue er en sans-serif font med et flot og let læseligt udtryk på grund af den høje x-højde. Fonten er en videreudvikling af den meget populære Helvetica. Fonten har kendetegn som f.eks. altid at have lige endelser på alle strokes. Fonten er Langhoff Promotions primære font og bruges til: Brødtekst, manchet og tabeller. Accentlinie Majuskellinie Hovedlinie Grundlinie Underlinie MASTERPAGES OG PAGINA Gennemgående elementer placeres på mine master pages: Masterpages: Jeg arbejder med to forskellige masterpages afhængig af hvilken type side jeg arbejder med. Margin og spaltemellemrummet er forskellig på de to masters. Auto pagina: Med automatisk pagina får jeg den korrekte paginering på alle mine sider og på tværs af mine to forskellige masterpages. Da jeg arbejder med forskellige margin på mine to masterpages er min pagina tilpasset derefter, så den altid holder venstre- og højrekant med margin. A Master Tekst/artikler B Master: Produktsider Brødteksten er bestemt til at være 10/13. Tekst er left-justify for at give en flot højre- og venstrekant. Orgon Slab: Orgon Slab er en såkaldt slab-serif font. Fonten er karakteristisk ved tykke, blok-agtige seriffer. Slab-serif fontene fik sin popularitet i 1900-tallet, da der var behov for mere iøjnefaldende fonte til reklamer og plakater. Orgon Slab skaber dynamik og kontrast til de rene linjer, som Helvetica står for i brødteksten. Fonten bruges primært i versaler til mine rubrikker. ORDMELLEMRUM MED I-TESTEN Da min brødtekst er sat til left-justify bruger jeg i-testen til at finde det korrekte ordmellemrum. Jeg retter i justification for bl.a. at få: Bedre tekst justering Undgå horeunger Overlængde X-højde Underlængde Tykke blok seriffer Minuskler Majuskel/Versal Jeg tilretter i Desired under Justification indtil de to i er står under hinanden. 4 5
PARAGRAPH STYLES NESTED STYLES Alt min tekst er opsat som paragraph styles, dette gør jeg for at kunne effektivisere mit arbejde og for at: Få en hurtig måde at ændre i alle skrifter, størrelser, farver og lignende Mulighed for at lave automatisk typografering, brug af nested styles osv. Med Nested Styles kan man kombinere styles og derved automatisere sin ombrydningsprocess. Jeg har brugt nested styles flere steder i kataloget. Bl.a. produktbeskrivelserne, indholdsfortegnelsen og løbskalender. Se eksempler herunder. CHARACTER STYLES Nem og hurtig måde at ændre enkelte skriftsnit. F.eks. til bold eller italic. Bruges i kombination med paragraph styles til at lave Nested styles, som kan automatisere processer i InDesign. OBJECT STYLES Genbrug samme style på flere objekter, f.eks. Strokes, Frame Fitting Options, forlæng Baseline grid for tekst osv. CC LIBRARIES Creative Cloud libraries bruges til at gemme materiale, som bliver brugt igen og igen. Det kan være alt fra objekter, til styles og farver. Jeg har oprettet et library til denne opgave, hvor jeg bl.a. har gemt cirklerne til farvekoder og andre små ikoner, som går igen igennem mine sider. CC Libraries bliver synkroniseret på min CC konto, så jeg kan tage materialet med mig over alt. MELLEMRUBRIKKER Font: Helvetica Neue Bold, 11,2/15 pt. Jeg har valgt at lave mellemrubrikkerne i bold og større end brødteksten for at skabe kontrast. Jeg har udregnet mellemrubrikker til både 1 og 2 linjer. Det har jeg gjort således: Skydning brødtekst = 13 pt Skydning mellemrubrik 15 pt 1 linje: (13 x 2 = 26) - 15 = 11 Space before: 8 pt (2,822 mm) Space after: 3 pt (1,058 mm) 2 linjer: (13 x 3 = 39) - 30 = 9 Space before: 6 pt (2,177 mm) Space after: 3 pt (1,058 mm) ANCHORED OBJECT Jeg har brugt anchored object, for at sikre at min tekst og billeder altid holder samme placering i forhold til hinanden. For begge mellemrubrikker har jeg valgt at fordele 3 pt under og resten af luften over. 6 7
RUBRIKKER - OPTISK FORKANT TEXT WRAP Foruden at stille mine rubrikker til optical, så er de også tilrettet manualt for optimal optisk forkant. Ved at indsætte et ordmellemrum før min rubrik, kan jeg vha. manual tracking trække rubrikken tilbage og danne optisk forkant med margin og brødtekst, det er f.eks. nødvendigt at trække V et meget tilbage. Der er brugt Text Wrap flere steder i kataloget. F.eks. er det brugt til at wrappe teksten omkring mit citat, som er vist på den forrige side. Til mit citat er der også brugt Ignore Text Wrap, for at få lov at ligge citatet oven på text wrappen. RUBRIKKER - SPATIERING Jeg har lavet manual knibning/spatiering på mine rubrikker for at undgå store optiske huller. Fonten Orgon Slab har store runde buer og tykke seriffer, som gør, at den har brug for lidt knibning for at se korrekt ud. -225-290 -290-215 -225-235 -250-235 -255-245 -230-235 Der er også brugt Text Wrap til at ombryde tekst omkring en løber. Løberen er fritlagt i Photoshop, hvorefter der er lagt en 4 mm path rundt om løberen. De 4 mm svarer til mit spaltemellemrum. Teksten er herefter justeret manualt for at undgå floder og horeunger. -225 Før knibning Efter knibning MANCHET Jeg har valgt at lave manchet som indledning til den største artikel i kataloget. Da manchetten skal adskille sig lidt fra brødteksten, har jeg valgt at gøre den bold. Font, størrelse og skydning følger brødteksten. CLIPPING PATH CITAT For at bryde store mængder af tekst, så har jeg lavet et citat fra teksten som et grafisk visuelt element i mit layout. For at skille sig ud fra brødteksten har jeg brugt Orgon Slab Light. Jeg har brugt et fransk citationstegn for at understrege at det er et citat, samt for at bringe et visuelt element. Flere af produktbillederne er født med en Photoshop path. Vha. at clipping path i InDesign kan jeg hente masken og derved undgå en arbejdsgang igennem Photoshop. FIND/ERSTAT KONTAKTINFO MED TABS For at få et flot og overskueligt look på kontaktinformation i teksten, har jeg valgt at bruge tabs, for at få informationerne venstrestillet under hinanden. Telefon, e-mail og website er gjort bold vha. en character style. 8 Jeg har brugt find/erstat til bl.a. at tjekke for: Dobbelt ordmellemrum w i teksten Mellemrum før cm Mellemrum mellem x Korrekte og ens citationstegn (franske) 9
TABEL BILLEDEFFEKT MED OUTLINES Bagerst i kataloget er der tabeller for hhv. prisoversigten og størrelsesguiden. Information til tabellerne kommer fra salgsafdelingen som excel-fil. Jeg har brugt InDesigns Create Outlines -funktion til at lave en effekt på en af mine rubrikker. Teksten bliver konverteret til outlines, hvorefter der er indsat et billede deri. Excel fil bliver placed i InDesign, herefter konverteret fra tekst til tabel vha. tabs. Herefter styles tabellen. Til at formatere mine tabeller bruger jeg Table Styles, Cell Styles, Object Styles og Paragraph Styles. GENERERING AF QR-KODER TABLE STYLE Tabellerne er splittet op i én tabel pr. mærke. Jeg har brugt table style til hurtigt at opsætte samme styling for alle mine tabeller. Her indstilles bl.a. Farve for rows fill Hvor skal farven starte - f.eks. efter 3 linjer Med InDesigns Generate QR Code funktion har jeg genereret vektor QR-koder til bagsiden af kataloget. Jeg har brugt mine swatches til at vælge farven på QR-koden. CELL STYLE Med cell style formatere jeg mine celler og bestemmer: Størrelse, farve og struktur på mine strokes Tilretter marginforhold for celler Tekstformatering, f.eks. højrestillet for talrækker GRAPHIC CELL For at gøre tabellen nemmere at overskue, har jeg valgt at bruge produktbilleder i tabellen. Disse er lavet ved at konvertere celle til Graphic Cell og kombinere med en object style, der styrer mine Frame Fittings Options. 10 INDHOLDSFORTEGNELSE Da der skulle tilføjes tekst manuelt til indholdsfortegnelsen, gav det ikke mening at bruge funktionen til automatisk indholdsfortegnelse. Jeg brugte dog alligevel funktionen, for at give mig selv et hurtigt overblik over alle overskrifterne og på hvilke sider de lå. På den måde kunne jeg hurtigere skrive min egen indholdsfortegnelse. 11
CASPER GEIPEL JENSEN