TYPOGRAFI & OMBRYDNING

Transkript

1 TYPOGRAFI & OMBRYDNING BOX OFFICE E-MAGASIN Magasin Design

2 DOKUMENTATION OPGAVE Opgaven jeg stillede mig selv, var at designe et e-magasin omkring Box Office resultater. PROGRAMMER BRUGT Photoshop InDesign MÅPLGRUPPE Målgruppen er filmnørder, der gerne vil have lidt mere substans end bare rene tal, som f.eks. artikler der går mere i dybden. Magasinet er på engelsk og derfor er det også et internationalt publikum som vil læse magasinet. MÅL At designe et konept til et ugentligt internationalt e-magasin, omkring Box-Office resultater. Magasinet vil kun blive udgivet online. Magasinet skal designes så det relativt let kan opdateres med nyt indhold, idet det er et ugentligt magasin, som ikke har et stort budget. Magasinet har nogle få reklamer. Det skal være super nemt at kunne slå op i magasinet og finde de informationer man leder efter, da der er skarp konkurence fra hjemmesider. Derfor skal designet også være lækkert, så man får en ekstraordinær oplevelse, som man ikke får ved at checke en hjemmeside. MADS PADKÆR JØRGENSEN - TYPOGRAFI & OMBRYDNING Side 2 af 13

3 INSPIRATION Før jeg gik i gang søgte jeg inspiration på Her er nogle få af de magasiner der gav mig inspiration. MADS PADKÆR JØRGENSEN - TYPOGRAFI & OMBRYDNING Side 3 af 13

4 DOKUMENTET OPRETTELSE AF DOKUMENT I InDesign bliver der oprettet et A4-dokument. 12 sider med facing pages. 3 Kolonner med en gutter på 5mm. Margin er: Top: Inderside: Bund: Yderside: 20mm 10mm 30mm 15mm Bleed er udelukkende i tilfælde af magasinet skal printes på et senre tidspunkt. MADS PADKÆR JØRGENSEN - TYPOGRAFI & OMBRYDNING Side 4 af 13

5 FONTVALG BRØDTEKST For at finde frem til den skrifttype der ville passe bedst til dette projekt, blev en masse forskellige skrifttyper sat op over for hianden, så man bedre kan vurdere dem. Den udvalgte skrift blev den moderne font Open Sans. Det er en sikker stilren grotesk skrift, der passer godt til dette projekt. Brødtekst: Open Sans Regular 10/13 RUBRIK SEKUNDÆR SKRIFT På samme måde som ved brødteksten, blev en masse typer sat op mod hianden for at finde en sekundær skrifttype som kan bruges til rubriker. Den udvalgte skrift er Klinik Slab, en antikva skrift med massere af karekter som giver et godt look sammen Open Sans. Klinik Slab MADS PADKÆR JØRGENSEN - TYPOGRAFI & OMBRYDNING Side 5 af 13

6 FARVER Dette er de 4 farver der arbejdes med. Den orange farve er signatur farven, det er den der går igen og skaber spil. Den har samtidig en kraftig kontrast med de andre farver hvilket skaber en god kontrast. De andre farver er mere annonyme. De ligger op til at man skal have fokus på billeder og den orange farve, som det netop er meningen. SWATCHES Farverne bliver defineret i swatches, så hvis man redigere en farve, bliver den rettet hele magasinet igennem på en gang. C0 M61 Y100 K0 C0 M0 Y0 K90 C0 M0 Y0 K100 C0 M0 Y0 K0 MADS PADKÆR JØRGENSEN - TYPOGRAFI & OMBRYDNING Side 6 af 13

7 BASELINEGRID & MELLEMRUBRIKER 1 1. BASELINEGRID Idét brødtekstens skydning er 13pt, bliver baselinegriddet også sat til 13pt. Det skal begynde 20mm nede, så det matcher med marginen. InDesign > Preferences > Grids 2. MELLEMRUBRIKKER Da brødteksten er låst til baselinegrid, skal mellemrubrikkerne udregnes, så der ikke kommer store gabene huller. Mellemrubrikkerne ser ud som følgende: KLINIKSLAB BOLD 11/14 - ALL CAPS For at finde ud af hvor meget luft der skal over og udner skal der laves følgende udregninger. 1 linjes mellemrubrik: 2 linjers mellemrubrik: 26-14= =11 10pt. over 9pt. over 2pt. under 2pt. under 3 linjers mellemrubrik: 52-42=10 8pt. over 2pt. under 2 MADS PADKÆR JØRGENSEN - TYPOGRAFI & OMBRYDNING Side 7 af 13

8 PARAGRAH & CHARECTER STYLES Alt tekst (så længe det giver mening) er defineret via paragraph styles eller charecter styles, så i tilfælde af der skal ændres noget sker det hele vejen igennem magasinet. De er naturligvis alle navngivet så de er nemme at finde rundt i. MADS PADKÆR JØRGENSEN - TYPOGRAFI & OMBRYDNING Side 8 af 13

9 BRUG AF BILLEDER Alle billeder der bliver brugt, bliver gemt i en mappe med fornuftige navne der giver mening. Derefter bliver de placeret i dokumtet. KVALITET AF BILLEDER Normalt vil man sige at billeder skal være i min PPI, men idet dette magasin kun skal bruges online, er minimums kravet 150PPI. MADS PADKÆR JØRGENSEN - TYPOGRAFI & OMBRYDNING Side 9 af 13

10 MASTER PAGES Master pages bliver brugt til at placere ting der skal være fast på flere sider. Her bliver de brugt til at vise pagina på alle siderne. AUTOMATISK PAGINA For at man ikke manuelt skal skrive sidetal på alle siderne bruges automatisk pagina. Type > Insert Special Character > Markers > Current Page Number MADS PADKÆR JØRGENSEN - TYPOGRAFI & OMBRYDNING Side 10 af 13

11 FINJUSTERINGER For at sikre top kvalitets typografi, går man teksten igennem til sidst fra en ende af og retter til. 1. OPTISK FORKANT På overskrifter kan det være nødvendigt at gå ind manuelt og justere forkanten, så den passer til teksten under. Dette gøres ved at indsætte et space, hvor man så sætter tracking, så det ser godt ud, dette gøres på øjemål. I dette tilfælde passer det med TRACKING I særlige nødstilfælde bruges tracking til at undgå det sidste ord i en paragraph bliver delt, så et halvt ord slutter paragraffen på en linje for sig selv. Her er bliver tracking ikke sat til mere end ORDDELING Jeg går teksten igennem og retter ordellinger, så de passer bedst, undgår floder osv. MADS PADKÆR JØRGENSEN - TYPOGRAFI & OMBRYDNING Side 11 af 13

12 KVALITETS VURDERING Jeg er kommet frem til et rigtigt flot produkt, man sagtens kunne forstille sig blive taget i brug. Designet er let overskueligt og man kan let finde de hurtige tal, samtidig med man kan gå i dybden og læse artiklerne hvis man skulle have lysten til det. Teksten er let læselig, på trods af skriftstørrelsen er relativ lille, men det smarte ved e-magasiner er jo netop at man bare kan zoome og læse i den størrelse man skulle have lyst til. Teksten er måske ikke speciel god, det er fordi den er samlet fra forskellige online nyhedsmedier. I tilfælde af dette skulle laves i virkeligheden, ville man skrive ariklerne selv. På den måde ville artiklerne også være mere ens i layout og indhold. Der er nogle få steder hvor jeg har været nød til at gå ind og sætte tracking for at undgå horeunger og enkelte ord på en linje for sig selv. Dette er selvfølgelig ikke idéelt, men klart den bedste løsning. Generalt er det blevet et fedt magasin, som jeg er sikker på en masse film nørder ville finde spændende. Magasinet kan ses live på: MADS PADKÆR JØRGENSEN - TYPOGRAFI & OMBRYDNING Side 12 af 13

13 SE MAGASINET LIVE PÅ: MADS PADKÆR JØRGENSEN - TYPOGRAFI & OMBRYDNING Side 13 af 13