1 SVENDEPRØVE 2016 TYPOGRAFI TYPO GRAFI
2 SVENDEPRØVE 2016 TYPOGRAFI 3 SVENDEPRØVE 2016 TYPOGRAFI 01. BRIEFING TYPOGRAFI 01. Briefing 02. Research og idégenerering 03. Opsætning af dokument 04. Margin og spalter 05. Masterpages og pagina 06. Layers 07. Baselinegrid 08. Fontvalg 09. I-test 10. Mellemrubrikker 11. Paragraphstyles 12. Characterstyles 13. Nested styles 14. Text wrap 15. Billedetekst 16. Ombrydning 17. Optisk forkant 18. Tabel 19. Indholdsfortegnelse 20. Formatering af sidetal 21. Tabs 22. Find/erstat OPGAVEBESKRIVELSE: FRITZ HANSEN BROCHURE I denne opgave har jeg udarbejdet en brochure for et møbelhus. Meningen med opgaven er en brochure, som kan bruges som lookbook og reklamemateriale. Brochuren skal indholde både produktinfo og historier. KRAV TIL LAYOUT» Font Futura» I stil med eksiterende Fritz Hansen produkter» Minimalistisk» Rubrikker og mellemrubrikker skal altid være i versaler» Brødtekst i versaler og minuskler DOKUMENTOPSÆTNING Margin: Top+bund: 30 mm, Inderside: 20 mm, Yderside: 40 mm Bleed: 3 mm BRUGTE PROGRAMMER ADOBE INDESIGN CC ADOBE PHOTOSHOP CC ADOBE ACROBAT DC PRODUKT 2 DANSKE DESIGN IKONER (BROCHURE) FORMAT 220 X 176 MM
4 SVENDEPRØVE 2016 TYPOGRAFI 5 SVENDEPRØVE 2016 TYPOGRAFI OPSTART 02. RESEARCH OG IDÉGENERERING Inden jeg går i gang med at designe brochuren, researcher jeg firmaet Fritz Hansen for at finde ud af, hvilke værdier de går ind for, og hvordan designet er på tidligere produkter. De har en meget minimalistisk stil og en fast guideline, som jeg ønsker at følge for at holde den røde tråd gennem alt deres materiale. Efter at have researchet på Fritz Hansen, er det meget tydeligt at de lader billeder tale for sig selv. Jeg har derfor valgt at bruge store billeder til at sætte stemningen samt opbygget det ved hjælp af typografi og grafik. 03. OPSÆTNING AF DOKUMENT Formatet på brochuren er 176 x 220 mm, som er et tværgående format. Jeg har valgt dette format for at kunne bruge store billeder, der bryde siderne op. TYPOGRAFI 08. FONTVALG Futura light er valgt til at være den primære font til denne udgivelse. Brødteksten bliver brugt i versaler og minuskler. Fonten bruges i størrelsen 10/12. Til mellemrubrikker bruges Futura Book 12/14, som er en lidt kraftigere variant. Alle mellemrubrikker er i versaler. Fonten kan både bruges i negativ og positiv variant. Overlængde X-højde Underlængde Futura light FUTURA LIGHT ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvxyzæøå?!@#%&( +)/{,.:-?} 0123456789 FUTURA BOOK ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvxyzæøå?!@#%&( +)/{,.:-?} 0123456789 04. MARGIN OG SPALTER Min margin er udregnet med udgangspunkt i 24-dels-metoden. Med 24-delsmetoden får man et fornuftigt forhold mellem luften i inder- og ydermargin. 24-dels-metoden bruges oftest til layout af bøger, hvor man har brug for meget luft. Til min brochure har jeg valgt at ændre en smule på margin i forhold til udregningen ved 24-dels-metoden, så jeg har lige meget luft i top og bund. Jeg har valgt at bruge to spalter til de teksttunge sider for at holde mig til den gode linjelængde på mellem 50-65 enheder. 05. MASTERPAGES OG PAGINA Jeg arbejder med en enkelt masterpage til denne brochure. Siden bruger jeg til at lave mit pagina på. På den måde sikrer jeg mig, at pagina bliver det samme på alle sider gennem min brochure. Jeg undgår også at komme til at rykke rundt med pagina, da mastersiden er låst på de ordinære sider. 06. LAYERS Alle elementer i mit dokument er selvfølgelig inddelt i lag, så det er nemt og overskueligt at skulle overtage eller ændre i dokumentet. 07. BASELINEGRID For at sikre, at min tekst holder register, har jeg lavet et baselinegrid. Jeg starter mit baselinegrid der, hvor jeg gerne vil have min brødtekst skal starte. På den måde får jeg et ensartet udtryk i min brødtekst. Starten på mit baselinegrid udregnes ved hjælp af topmargin + x-højden. Linjernes afstand indstilles efter skydningen på min brødtekst. 09. I-TESTEN Jeg har valgt at sætte min brødtekst til left-justify for at få en flot lige for- og bagkant. Derfor er det nødvendigt at bruge i-testen til at få de korrekte ordmellemrum. Jeg justerer i desired og justification indtil de to i er står under hinanden. 10. MELLEMRUBRIKKER Til mine mellemrubrikker har jeg valgt at bruge den samme font som brødteksten, bare i en anden variant, og som versaler. Her bruger jeg Futura Book 12/14 i versaler. Jeg har valgt at tildele mellemrubrikkerne 3 pt under, og resten over. Jeg har udregnet mellemrubrikker til både 1 og 2 linjer. Skydninger: Brødtekst = 12 pt - Mellemrubrik 14 pt 1 linje: (12 x 2 = 24) - 14 = 10 Space before: 7 pt (2,469 mm) Space after: 3 pt (1,058 mm) 2 linjer: (12 x 3 = 36) - 28 = 8 Space before: 5 pt (1,764 mm) Space after: 3 pt (1,058 mm)
6 SVENDEPRØVE 2016 TYPOGRAFI 7 SVENDEPRØVE 2016 TYPOGRAFI 11. PARAGRAPHSTYLES Jeg har brugt forskellige paragrapghstyles gennem mit dokument, for at effektivisere mit arbejde, da det gør det nemt for mig at ændre alt tekst på den valgte paragraphstyle. På den måde kan jeg hurtigt skifte farve, font eller størrelse. Hvis en anden skulle overtage dokumentet og arbejde videre på det, hjælper det også med at få en forståelse af opbygningen. 12. CHARACTERSTYLES Nem og effektiv måde at ændre farve eller fonte i enkelte afsnit. Bruges også sammen med paragraph style til at lave nested styles, som også er med til at effektivisere arbejdsprocessen. 13. NEDSTED STYLES Jeg har brugt nested styles i mine produktbeskrivelser, hvor jeg markerer, hvem der står bag designet på den pågældende stol. 14. TEXT WRAP Som en del af stylingen i brochuren har jeg brugt text wrap. Jeg bruger text wrappen til at bryde rammerne og skabe et lidt skævt twist på de ellers meget lige linjer. Jeg har valgt at lade teksten følge den skrå billederamme. Da jeg har en tekst, der skal gå ind over billeder med text wrap, har jeg brugt Ignore Text Wrap for at få lov at lægge teksten oven på text wrappen. 15. BILLEDETEKST I brochuren har jeg også gjort brug af billedetekst, som er den lille tekst under billedet der fortæller, hvilke produkter der er på billedet. Jeg har brugt tekstens x-højde til at måle, hvor meget mellemrum der skal være mellem tekst og bilede. 16. OMBRYDNING For at holde øje med om ombrydningen af min tekst, har jeg under composition slået keep violations til, som viser, om der er problemer med sammensætningen af tekster, f.eks. franske horeunger. Jeg har også slået custom tracking/kerning til, så jeg kan se, hvor i teksten der er brugt manuelle reguleringer. Subsituted fonts viser mig, hvis jeg mangler en font i mit dokument. Den sidste ting, jeg har slået til, er H&J violations, som vil vise orddelings- og justeringsfejl. 17. OPTISK FORKANT Jeg har tilrettet mine rubrikker manualt for optimal optisk forkant. Ved at indsætte et ordmellemrum før min rubrik, kan jeg ved hjælp af manual tracking skubbe rubrikken frem og tilbage for at opnå optisk forkant med margin og brødtekst 18. TABEL Jeg har brugt tabeller i min produktoversigt. Det hjælper mig med at holder styr på informationerne og sikrer mig, at alle produkternes informationer står på samme måde under alle produkterne. Til at formatere mine tabeller bruger jeg paragraph- og characterstyles. Jeg har også brugt nested styles til at automatisere processen. 19. INDHOLDSFORTEGNELSE Til indholdsfortegnelsen har jeg brugt den automatiske funktion. Jeg har valgt at alle rubrikker skulle fremgå i indholdet. På siden med produktoversigter har jeg valgt ikke at have en rubrik på siden. Jeg har derfor lavet en rubrik og derefter gemt den i mine lag, så jeg kan bruge funktionen include text on hidden layers. På den måde er siderne med i min indholdsfortegnelse uden at have en synlig rubrik. 20. FORMATERING AF SIDETAL Jeg har valgt at formatere mine sidetal, så sidetillene hedder 01, 02, 03 osv. Dette har jeg gjort ved hjælp af nummererings- og sektion indstillinger. 21. TABS Jeg har brugt tabs i min paragraphstyle, som er brugt til at style min indholdsfortegnelse. På den måde kan jeg styre, hvor sidetallene skal stå i forhold til teksten. 22. FIND/ERSTAT Jeg har brugt find/erstat til bl.a. at tjekke for: Dobbelt ordmellemrum. W i teksten. Korrekte og ens citationstegn.
8 SVENDEPRØVE 2016 TYPOGRAFI