1. No category

DOKUMENTATION
TYPOGRAFI & OMBRYDNING
MARIA SKAU MADSEN
SVENDEPRØVE 2015
WWW.BY-M.DK
INDHOLDSFORTEGNELSE
OPGAVE BESKRIVELSE. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
BRUGTE METODER / TEKNIKKER . . . . . . . . . . . . . . . . . . . . . . . . 5
SPECIFIKATIONER. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
OPRETTELSE AF DOKUMENT . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
MARGIN OG SPALTER . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
MASTERPAGES OG PAGINA. . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
BASELINE GRID . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
DEN GODE LINJELÆNGDE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
GRUND LAYOUT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
FIND OG ERSTAT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
FARVER . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
FONTE. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
ORDMELLEMRUM – I-TESTEN. . . . . . . . . . . . . . . . . . . . . . . . . .12
OBJECT STYLES . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
MELLEMRUBRIKKER. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
PARAGRAPH STYLES . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
CHARACTER STYLES . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
RUBRIKKER . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
CLIPPING PATH / TEXT WRAP. . . . . . . . . . . . . . . . . . . . . . . . . . 15
BILLEDTEKSTER / KILDER . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
UNICAL. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
MANCHETTER. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
SWATCHES . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
CITATER. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
INFO BOKS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
TABEL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
ALIGN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
DIGITAL INDHOLDSFORTEGNELSE
INDHOLDSFORTEGNELSE . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
Læser du dokumentationen online, så har du mulighed
for at gøre brug af den digitale TOC som er linket.
OMSLAG . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
KUNDE
Retro Villa
OPGAVE
DIY Retro Villa Brochure
FARVERUM
CMYK
PROGRAMMER
InDesign CS6, Photoshop CS6
OPLAG
Fiktiv opgave
OPGAVE BESKRIVELSE
Min opgave gik ud på at lave en brochure, som Retro Villa
kunne bruge til markedsføringsmateriale. Brochuren skulle
være inspirerende for deres kunder og indeholde informationer om butikken, de nyeste ”trends” indenfor begrebet
”retro”, tips og tricks.
Det var vigtigt for mig, at få skabt et stilrent og moderne
layout, men stadigvæk holde fast ved stilperioden ”retro”.
Jeg har lavet layoutet udfra et modernistisk kreativt design,
som består af masser luft ved teksten, grafiske elementer
samt store fyldige billeder der giver et flot visuelt udtryk.
BRUGTE METODER / TEKNIKKER
•
•
•
•
•
•
•
•
•
•
Margin
Spalter
Masterpages og Pagina
Baselinene grid
Den gode linjelængde
Find og erstat
Font valg
Ordmellemrum – i-testen
Object styles
Mellemrubrikker
•
•
•
•
•
•
•
•
•
•
Paragraph styles
Character styles
Optisk margin
Spatiering
Clipping path / Text wrap
Billedtekster / Kilder
Unical
Manchetter
Tabel
Align
SPECIFIKATIONER
Format:
Beskæring:
Tryk:
200 x 250mm
3mm
Digital print
Indhold/Omslag: 16 sider
Label:
1 stk.
Hæftning:
1 tråd
·
·
·
100g Cyclus print
Læder med broderi
Symaskine
·
4+4: CMYK
·
Hæftetråd
SVENDEPRØVE 2015
TYPOGRAFI & OMBRYDNING
5
OPRETTELSE AF DOKUMENT
•
•
•
•
•
MASTERPAGES OG PAGINA
Pic. 4
Gennemgående elementer i brochuren placeres på masterpages.
Format: 200mm x 250mm (Pic. 1)
Sidetal: 16 sider (Pic. 1)
Siderne overfor hinanden: ”facing pages” (Pic. 1)
Bleed: 3mm til beskæring (Pic. 1)
Margin og Spalter (Pic. 2+3)
• Masterpages med 2-3 spalter (Pic. 4)
På den måde kan jeg nemt og hurtigt til- og
fravælge hvilke spalter jeg vil layoute med.
• Autopagina (Pic. 5)
Får den rigtige paginering på mine sider. Jeg
udnytter paginering, som et visuelt grafisk
element i mit layout.
Pic. 1
Pic. 5
BASELINE GRID
MARGIN
Pic. 2
For at min tekst kan holde register, laver jeg et
grundlinjenet. Det skal starte ved min topmargin som er 30mm. X-højden af min brødtekst
lægges til, så teksten starter det helt korrekte
sted (Pic. 6).
Min margin har jeg ikke regnet ud efter 24-dels-metoden eller andre metoder. 24-dels-metoden bruger
man oftes når man skal lave layout til bøger.
En simpel hovedregel, som er gældende for margin
forhold er mindst luft i indermargin og mest i ydermargin. Jeg har lavet mine margin forhold på baggrund af den hæftning der skal bruges. Det kræver
man har ekstra god luft i indermargin (se side 21).
•
Start på baseline grid (31,839 mm.)
Pic. 6
DEN GODE LINJELÆNGDE
SPALTER
For at sikre mig et dynamisk layout, har jeg lavet 2 og
3 spalter (Pic. 3).
•
•
•
2 spalter: 52,5mm
3 spalter: 81,5mm
Gutter: 5mm
Jeg holder mig til den gode linielængde, som
er på omkring 50-55 enheder i gennemsnit.
Kommer man op på flere end 65 enheder, kan
det blive vanskeligt at læse.
•
Jeg har i gennemsnit 50 enheder.
Pic. 3
6
SVENDEPRØVE 2015
TYPOGRAFI & OMBRYDNING
SVENDEPRØVE 2015
TYPOGRAFI & OMBRYDNING
7
GRUND LAYOUT
Mit grundlayout med de forskellige indstillinger.
Spaltebredde: 81,5mm
Gutter: 5mm
Spaltebredde: 52,5mm
Hjælpelinie
Start – Baseline grid
250mm
3mm Bleed
Pagina
200mm
Hjælpelinie
8
SVENDEPRØVE 2015
TYPOGRAFI & OMBRYDNING
SVENDEPRØVE 2015
TYPOGRAFI & OMBRYDNING
9
FIND OG ERSTAT
Sikrer at alt står typografisk korrekt og ens – det kan
også være en hurtig måde at skifte styles ud med hinanden. (Pic. 1)
Accentline
Majuskellinie
Hovedline
x-højde
Pic. 1
•
•
•
•
•
•
•
Dobbelt ordmellemrum
Ordmellemrum ved linie start
Korrekt ord stavelser
Korrekt styles
Dobbelt linieskift
Citations tegn
mm.
Grundlinie
Underlinie
FRUTIGER – GROTESK
Frutiger Light
•
•
•
Frutiger Roman
Frutiger er en sans-serif font, som giver et moderne
udtryk og er rigtig god til mindre tekster såsom brødog billedtekst da den har en høj x-højde og derfor er
letlæselig.
Jeg har gjort brug af skriftsnittet ”light”, for at
gøre det mere moderne. Tekst der skal typograferes
”fed/bold” bliver gjort med skriftsnittet ”Roman”.
Frutiger Light Italic
Majuskler/ Versal
Logo Farve
(Fastlagt farve)
M:15%
K:0%
Www.RetroVilla.dk
(Fastlagt farve)
C:43%
M:2%
Y:23%
K:0%
Minuskler
FARVER
C:2%
Y:1%
Brødtekst
Manchetter
Billedtekster/ Kildetekster
Overlængde
•
•
Skaber en god kontrast til de to lyse pastel farver
90% sort – ellers bliver kontrasten fra den sorte
farve til de andre farver for stor.
Underlængde
Serif
Hårstreg
Stamme/ Grundstreg
C:49%
M:31%
Y:13%
K:0%
C:45%
M:50%
Y:50%
K:20%
C:0%
M:0%
Y:0%
BASKERVILLE – ANTIKVA
•
•
Rubrikker
Unical
Da jeg ønsker lidt dynamik i mit layout, vil jeg gerne
bryde de ”rene” linier, og derfor har jeg valgt en font
med seriffer til mine rubrikker. Baskerville skaber en
god kontrast til min brødtekst som er en sans-serif
font. Baskerville er en elegant font, da den har en
”tyk” stamme – men en fin tynd ”hårstreg”.
Jeg har gjort brug af disse skriftsnit.
K:90%
10
SVENDEPRØVE 2015
TYPOGRAFI & OMBRYDNING
SVENDEPRØVE 2015
TYPOGRAFI & OMBRYDNING
11
ORDMELLEMRUM – I-TESTEN
MELLEMRUBRIKKER
I min style: ”Brødtekst”, retter jeg til i justification for
bl.a. at få:
• Bedre tekst justering
• Undgå horeunger
Font: Frutiger, Bold, 11/16. Skrevet i versaler for at
skabe bedre kontrast imellem brødtekst og mellemrubrikker. Jeg har udregnet mellemrubrikker til både
1 og 2 linjer. Det har jeg gjort således:
Man tilretter i ”Desired” ind til de to ”i’er” står under
hinanden. (Pic. 1)
Pic. 3
Skydning brødtekst = 14
Skydning mellemrubrik = 16
• 1 linje (Pic. 3):
14 x 2 = 28 - 16 = 12
Space before: 9pt (3,175 mm)
Space after: 3pt
(1,058 mm)
Pic. 1
Pic. 4
• 2 linjer (Pic. 4):
14 x 3 = 42 - 32 = 10
Space before: 7pt (2,469 mm)
Space after 3pt
(1,058 mm)
Ved begge steder har jeg valgt at fordelen luften med
3pt under, og resten af luften over.
Da jeg ikke har gjort brug af to linjers mellemrubrikker,
viser jeg her hvordan de ville have set ud i brug.
PARAGRAPH STYLES
Pic. 5
•
•
•
OBJECT STYLES
•
•
Samme style på objekter
Jeg har brugt den til skygger på produkter, for at
få samme effekt (Drop shadow – Pic. 2).
En hurtig måde at ændre i skrifter mhs. til str.
skrifsnit, farver mm.
Effektivisere arbejdet
Der er mulighed for at lave automatisk typografering (Pic. 5)
Pic. 6
CHARACTER STYLES
•
Pic. 2
•
•
12
SVENDEPRØVE 2015
TYPOGRAFI & OMBRYDNING
Hurtig og nemt i forhold til hvilket skriftsnit man
ønsker at gøre brug af
Man kan kombinere dem sammen med Paragraph styles: ”Nested Styles”
Skal der ændres skriftsnit eller en farve på tekst
f.eks. negativ tekst (Pic. 6)
SVENDEPRØVE 2015
TYPOGRAFI & OMBRYDNING
13
RUBRIKKER – OPTISK MARGIN
CLIPPING PATH / TEXT WRAP
Pic. 1
Ved at indsætte et ordmellemrum før min rubrik, kan
jeg via manuel ”tracking” minus den værdi som får
det til at holde margin (Pic. 1).
Gør man brug af bogstaver med runde former, så
skal man lade det gå lidt udover margin – så danner
man en optisk margin. (G, Q, O, C osv.)
•
•
•
•
•
Path/ fritlægning fra photoshop (Pic. 2)
5mm text wrap, taget fra Gutter
Manuel justering i InDesign, for at undgå floder
og horeunger
Brug af ”ignore text wrap” (Pic. 3)
”H&J Violations” – Tjekke floder (Pic. 4)
Pic. 4
Pic. 2
Pic. 1
RUBRIKKER – SPATIERING
For at optimere læsevenligheden har jeg været inde
og lave en manuel knibning/spatiering på alle mine
rubrikker.
Før spatiering
Pic. 3
BILLEDTEKSTER / KILDER
Placering af billedtekster måler man som hovedregler
udfra x-højden eller målet på ”gutter” – fælles er at
det skal være tydeligt hvilket element teksten tilhører
(Gestaltloven omkring nærhed).
Oftes igennem mit layout gør jeg brug af store
helsides billeder, derfor har jeg valgt at placere min
billedtekst på mine billeder. Frutiger, Light Italic, 8/10.
Efter spatiering
-21
140
100 40
40
-40
40
37
9
•
•
•
120
14
40
SVENDEPRØVE 2015
TYPOGRAFI & OMBRYDNING
80
13
140
80
80
115
Brug af ”Character styles”
Placeres med mm fra ”gutter” (5mm)
Eller optisk margin (her holdes der margin med
pagina og info boks tekst) (Pic. 5)
Pic. 5
SVENDEPRØVE 2015
TYPOGRAFI & OMBRYDNING
15
UNICAL
CITATER
Jeg har valgt at bruge et unical, som et visult grafisk
element i mit layout. Jeg bruger fonten ”Baskerville”
fra mine rubrikker.
•
•
•
•
Til mine citater bruger jeg samme font som til min
brødtekst: Frutiger, Light, 16/20.
•
•
•
•
Antal linier og ansalg (Pic. 2)
Blankt ansalg før unicalet (Pic. 1)
Knibning holder optisk venstre margin (Pic 1.)
En-space / halvgeviert (Pic. 1)
Grafisk vissulet element i mit layout
Lavet i Library (Pic 5.)
Franske Citationstegn
Fast for- og bagkant
Pic. 1
Pic. 2
Pic. 5
MANCHETTER
Jeg har valgt at beholde mine manchetter i samme pt.
og font som min brødtekst: Frutiger, 10/14.
Oftes skal en manchette gerne adskille sig fra
brødteksten, da det er en indledning – og derfor har
jeg valgt at bruge skriftsnittet ”Roman” i stedet for
”light”. (Pic. 3)
INFO BOKS
•
•
•
•
•
•
Text frame options (Pic. 6)
Tabs (Pic. 7)
Character Styles – ”Roman”
Library (Pic. 8)
Holder margin med x-højden – modsat side (Pic. 9)
4mm indryk (Pic. 10)
Pic. 8
Pic. 3
Pic. 6
Pic. 7
Pic. 10
Pic. 9
SWATCHES
Pic. 4
16
SVENDEPRØVE 2015
TYPOGRAFI & OMBRYDNING
Som standard har InDesign tilknyttet de fire CMYK
værdier, Cyan, Magenta, Yellow og Black. Jeg har i
mit swatches bibliotek kun de farver som jeg skal bruge til mit layout. (Pic. 4)
SVENDEPRØVE 2015
TYPOGRAFI & OMBRYDNING
17
TABEL
INDHOLDSFORTEGNELSE
Jeg bruger tabel på min bagside med informationer
omrking åbningstider og adresse.
Havde jeg haft en produkt liste med flere informationer, ville jeg ved hjælp af ”tabel” kompineret med
”styles” hurtigt kunne typografere og layoute en tabel.
•
•
•
Min indholsfortegnelse har jeg lavet automatisk med
funktionen: ”Tabel of contents” (Pic. 3).
• Oprettelse af paragraph styles til TOC (Pic. 4)
• Oprette TOC ved hjælp af:
• Overskrift til min TOC
• Hvilke styles min TOC skal tage med
”Rubrik stor” og ”Rubrik lille”.
• Herefter styler jeg min TOC
Paragraph styles (Pic. 1)
Rubrik: Frutiger, Roman 9/14
Info tekst: Frutiger, Light 8/11
InDesign generer nu automatisk en TOC, udfra de
oplysninger jeg har valgt. Jeg har valgt at lave min
TOC enkelt, det skal være overskueligt for modtager
at danne sig et overblik over indholdet (Pic. 5).
Pic. 1
Pic. 3
Pic. 4
Pic. 5
ALIGN
•
•
Hurtig måde at få tekst, objekter el. billeder til at
holde margin med hinanden (Pic. 2).
Fordele luften ens mellem valgte objekter
Pic. 2
18
SVENDEPRØVE 2015
TYPOGRAFI & OMBRYDNING
SVENDEPRØVE 2015
TYPOGRAFI & OMBRYDNING
19
OMSLAG
Papiret der er brugt er 100% cycklus papir, derfra får
jeg den ønskede tekstur i papiret. Billedet til mit omslag (Pic. 1) givet det endelige udtryk til mit design.
•
•
Forside digital (Pic 2.)
Bagide digital (Pic. 3)
HÆFTNING
Min brede indermargin skyldes den hæftning jeg har
valgt til min brochure. Under min ”idé fase” undersøgte jeg mulighederne for at få produceret denne
slags hæftning – det kan lade sig gøre.
Ved opslag med helsides billeder kompensere jeg
for sidebuk, så hæftningen ikke ødelægger mine billeder.
INDHOLD
Pic. 1
Mød kvinden bag Retro Villa
04
Praktik i Retro Villa
07
Bind, dyp og leg med farve
08
Spørgsmål og svar
10
Inspiration Autumn 2015
13
Brug kontraster i din bolig
14
LABEL
Mit label er det sidste ”finish” på brochuren, og skal
igen opveje mod ”genbrugs looket”, så det stadigvæk udstråler kvalitet. Der er blevet broderet: ”Get
inspired...”, henvender sig til kunderne – mer’ salg.
Fonten der er brugt er valgt udfra de fonte der er
brugt inde i selve hæfte. Det er en ”serif” font som
fungere godt med ”sans-serif” fonten i Retro Villa’
egne logo.
Pic. 2
Pic. 3
20
SVENDEPRØVE 2015
TYPOGRAFI & OMBRYDNING
SVENDEPRØVE 2015
TYPOGRAFI & OMBRYDNING
21
TIL SIDST...
Designet og layoutet af brochuren
er lavet med fokus på modtageren.
De skal blive nysgerrige, tage fat i
brochuren – mærke, kigge og lade
sig blive inspireret.
22
SVENDEPRØVE 2015
TYPOGRAFI & OMBRYDNING
SVENDEPRØVE 2015
TYPOGRAFI & OMBRYDNING
23
MARIA SKAU MADSEN
SVENDEPRØVE 2015
WWW.BY-M.DK