1. No category

typografi
Ombrydning
&
Maria Clausen
Svendeportfolio
Typografi & ombrydning
opgaven
FIKTIV OPGAVE:
Opgaven går ud på at designe et udsnit af et sportsmagasin på 24
sider. Der er lagt vægt design og layout efter de typografiske regler.
AFSENDER / MÅLGRUPPE
SPORTS er et magasin der henvender sig til en bred skare af læsere. Magasinet udkommer månedsvis og kan efterfølgende hentes på
internettet via et nyhedsbrev som bliver sendt til SPORTS.dk’s medlemmer. Hvert magasin har et tema og i dette nr. er temaet profilen
Usain Bolt. I dette nr. er der fokus på målgruppen 25 – 50 år.
Benyttede programmer
Indesign CS6
Illustrator CS6
Photoshop CS6
FORMAT/SIDER
190x260mm
Antal sider: 24 sider inkl. omslag
SØG OG ERSTAT
• Hairspace imellem ord og tegn som (;), (:), (!), (?)
• Hairspace ved parantes
• Halvgevirts tankestreger (–)
• Non-breaking space ved telefonnumre
• Fjernelse af dobbelt mellemrum
ANDET JEG HAR VÆRET OPMÆRSOM PÅ
• Korrekte links
• Horeunger
• Korrekte danske citationsstegn („“)
• Floder
Kvalitetsvurdering
Jeg er meget tilfreds med resultatet. Der er god sammenhæng
mellem de forskellige sider og dette udsnit giver et godt overblik
over hvordan resten af magasinet vil komme til at se ud. Jeg har
tid på at optimere magasinet så meget som muligt, så en eventuel
overlevering ville være så smertefri som mulig. Det har jeg gjort ved
bl.a. at bruge paragraph styles, master og andre automatiseringer.
Desuden har jeg givet mig selv udfordringen at mestre så mange
typografiske regler som muligt. Alt i alt er jeg godt tilfreds.
ARBEJDSPROCES
• Generelle indstillinger i Indesign
• Dokument (format, facing pages, spalter, margins og bleed (mm))
• Grundlinjenet
• Mastersider og paginering
• Paragraph Styles
• Character Styles
• Object Styles
• Paragraph Rules
• Automatisk sidetal og kolumnetitel
• Tabel
• Textwrap
• Anchored object
• Uncial
• Indholdsfortegnelse
• Running Header
• Library
Maria Clausen
Svendeportfolio
Typografi & ombrydning
side 2
Baseline grid / Margin og spalter
BASELINE GRID
Brødteksten skal holde register og derfor anvender jeg basline grid,
og låser min brødtekst hertil.
Grundlinjenettet har jeg udregnet
således:
• Jeg placer teksten ind i min teksfelt og typograferer teksten med
den font og pkt. str. som jeg har givet brødteksten i min „Paragraph
Styles“.
• Derefter sætter jeg grundlinjenettet på.
• Jeg tilføjer en hjælpelinje ned til første linjes grundlinje. Det tal der
viser sig i min y-værdi, kopierer jeg ind under Preferences → Grids
→ Start og i felten „Increment Every“ skriver jeg skydningen på min
brødtekst som her er 13 pkt.
Margin & spalter
Marginer blev opsat med henblik på at siderne skulle hæftes.
Top margin blev sat til 19 mm, for at gøre plads plads til
kolumnetitel.
Jeg oprettede som udgangspunkt tre spalter. Tre spalter giver god
muligheder i forhold til layout af billeder og tekst. Spalteafstanden
satte jeg til 5 mm. Derudover har jeg også brugt 2 spalter for at
variere opslagene og gøre siderne mere dynamiske.
Maria Clausen
Svendeportfolio
Typografi & ombrydning
side 3
Skriftsnit
Hpkx Hpkx
hårstreg
hårstreg
overlængde
200pt
overlængde
x-højde
200pt
x-højde
grundlinje
grundlinje
underlængde
underlængde
skriftsgruppe
Myriad Pro er i skriftgruppe 6.b Grotesk/
Sans Serif, Neo-groteque. Fællestræk for
denne gruppe er at de minder meget om
serif fonte, men uden serifferne. Den har
vandrette og skarpe hjørner og har en
næsten ensartet styrke i skriftsbilledet
skriftsgruppe
Arno Pro ligger i gruppe 2 Antiqua- og
kursivskrifter designet efter historiske
renæssance- og barokskrifter fra Italien,
Frankrig ogNederlandene, 1495-1720.
Fællestræk er markant kontrast mellem
grundstreger og hårstreger
historie
Myriad Pro er udgivet i 1992 og erblevet populært
for både tekst og display sammensætning. Som en
OpenType udgivelse, udvider Myriad Pro denne sans
serif familien til at omfatte græske og kyrilliske
glyffer, samt tilføjet oldstyle tal og forbedre støtten
til latinske sprog. Den fulde Myriad Pro-familien
omfatter kondenserede, normal og udvidet bredder i
et komplet sortiment af vægte. Myriad har varme og
læsbarhed, rene åbne former, og omfattende knibning gør det forenede familie af romerske og kursiv
et glimrende valg til tekst typografi, der er behageligt
at læse, mens den brede vifte af vægte og bredder i
familien giver en generøs kreative palet for selv de
mest krævende display typografi.
Historie
Arno Pro er opkaldt efter den florentinske flod, som
løber gennem hjertet af den italienske renæssance,
Arno trækker på varme og læsbarheden af ​​tidlige
humanistiske skrifttyper af det 15. og 16. århundrede. Selvom den er inspireret af fortiden, er Arno
udpræget moderne i både udseende og funktion.
Arno er omhyggeligt udformet i traditionen fra tidlige
venetiansk og Aldine bogskrifttyper.
Arno er en multi-featured OpenType familien, med
den mest omfattende latinsk glyf supplement endnu tilbudt. Arno tilbyder omfattende pan-europæisk
sprog støtte, herunder kyrilliske og polytonic græsk.
Maria Clausen
Svendeportfolio
Typografi & ombrydning
side 4
Fonte og styles
Fonte og paragraph styles
Character Styles
Jeg har brugt denne style i min unicial og mine
tal i indholdsfortegnelse. Unicialet er lavet
således:
Brødteksten er Myriad Pro Condensed 10/13 pt.
Jeg har valgt Myriad Pro fordi der er mange forskellige valgmuligheder i denne font for at gøre magasinet varieret i form af skrift størrelser. Myriad Pro Condenced er en meget fin og letlæselig font. Tekstmængderne er begrændset, og kan derfor godt bære en grotesk font.
Jeg har lavet en paragraph style til brødteksten med indryk indryk.
Den har jeg givet 1 geviert. I dette tilfælde min fontstr. – 10pt. som
svarer til 3,528 mm.
Jeg har lavet en style til min unicial som er
baseret på min paragraph stylen „Indledning“,
da unicialen er en del af denne.
Da mit unicial var et U grænser det let op af
baglinjen på min brødtekst og derfor har jeg kun
brugt Characters 1. Her kunne det have været
nødvendigt at indsætte „usynlige mellemrum“ både før og efter unicialet for at få det til at passe med bagkanten. Så skulle Characters
have været sat på 2 eller 3.
Mellemrubrikken er Myriad Pro Bold Condensed 11/14 pt.
Jeg har valgt samme font som brødteksten for at holde en klar linje
mellem brødtekst og mellemrubrik.
Overskrifterne er Arno Pro Display. Dog varierer de i fontstørrelse og skydning. Denne skrift er en antikva som jeg har valgt fordi jeg
gerne vil have en stor kontrast mellem brødtekst og overskrift.
underOverskrifterne har jeg givet en helt speciel paragraph
rule, da jeg gerne ville have at bunden slutter af med en stiplet linje.
Den stiplede linje flytter sig i takt med tekstboksen
UDREGNING AF
MELLEMRUBRIK PÅ ÉN LINIE
UDREGNING AF
MELLEMRUBRIK PÅ TO LINIER
Brød 10/13
Mellemrubrik 11/14
Brød 10/13
Mellemrubrik 11/14
Udregning
2 x 13 pt = 26 pt
1 x 14 pt = 12 pt
Luft tilovers = 12 pt
Udregning
3 x 13 pt = 39 pt
2 x 14 pt = 11 pt
Luft tilovers = 11 pt
12 pt fordelt med
10 pt over og 2 pt under
11 pt fordelt med
9 pt over og 2 pt under
Maria Clausen
Svendeportfolio
Typografi & ombrydning
side 5
textwrap / Library / floder / versaludligning
Textwrap
For at skabe dynamik og bryde
med det traditionelle layout
har jeg her brugt tekstwrap.
Floder
For at fjerne floder i dette afsnit har jeg
brugt ‘tracking’ -2, som fjerner mellemrum mellem bogstaverne.
Jeg har også forsøgt at bruge ‘kerning’,
men i dette tilfælde var ‘tracking’ bedre
Versaludligning
I flere af mine overskrifter bruger jeg Versaler og derfor har jeg brugt versaludligning så mellemrummet mellem bogstaverne bliver mere ensartet
Før
Anders
Eggert
Anders
Eggert
efter
Library
Denne funktion bruger jeg til fx.
mine citationstegn som er
en illustratio der kan bruges flere
gange.
Maria Clausen
Svendeportfolio
Typografi & ombrydning
side 6
Tabel
Table Style
Jeg har lavet en tabel for at lave struktur i mine fakta. Først har jeg lavet
min tekst om til tabel.
Da jeg har to tabeller der er ens, har jeg lavet en style til denne ’mad
skema’. Da der er to celler, har jeg lavet en style til min venstre celle
(’Mad celle) og en style til min højre celle (’højre cell’).
Jeg har stylet således at der kun er vandrette streger men ingen lodrette.
Maria Clausen
Svendeportfolio
Typografi & ombrydning
side 7
Indholdsfortegnelse
Indholdsfortegnelse
Min aftomatiske indholdsfortegnelse har jeg lavet således:
Titlen på min indholdsfortegnelser bliver „Indhold“.
Jeg har lavet en style til hvert niveau på din indholdsfortegnelse
Dernæst vælger jeg de styles der skal indgå i min Indholdsfortegnelse. Under „Page Number” vælger jeg hvor sidetallet skal stå i
forhold til teksten. I feltet „Between Entry and number” indsættes 2
tabs (^t) for at kunne justere mellemrummet mellem tekst og tal.
Jeg bruger min paragraph style „Indholdsfortegnelse“ som jeg har
lavet specielt til dette. Deri har jeg lavet en „Character Style“ som
layouter mine tal helt specielt
multimedia.pol.dk
abaenglish.com
multimedia.pol.dk
dailyrecord.co.uk
Håndbold
6
8
8
9
9
Maria Clausen
Svendeportfolio
Anders Eggert kåret som
Årets håndboldspiller
Nedtur for Pytlick :
Profil melder fra til VM
Skadet landsholdsmålmand
øjner snarligt comeback
PSG holder
Mikkel Hansen hjemme
Wiesmach
erstatter skadet Svan
Typografi & ombrydning
Mad
10
11
Motionsudstyr
Fedtfattig mælk
kan gøre dig tyk
18
Er du bange for
at spise æg ?
portræt
12
online-motion.dk
Sort mand med
hvid muskelfiber
19
20
Slosh Ball
– stærkmandssten med vand i.
Vela–fremtidens motionscykel.
Nike TR1+
–Sko der måler hvad du gør.
Basis – fremtidens pulsur.
Under Armour E39 – trøje der
måler dine præstationer.
LimbIC – den intelligente stol.
Sauna Pants – punktsslankning i
skridtregionen.
Galleri Ugens bedste sportsbilleder
side 8
Nested styles og object styles
på side 17 har jeg lavet nested styles mellem resultatet og bynavnet. Jeg har brugt
‘tvunget linjeskift’ som indikator for min ‘nested style’
Tina Maze ser chokeret til, da hendes rival Lindsey Vonn styrter voldsomt
under super-G konkurrencen ved VM i Østrig. Foto : Samuel Kubani © Scanpi
Jeg har lavet Object Stylen ‘Billed’, hvor
mit billede er indsat som ‘Anchored
Object’ og hvor jeg har lavet effekter på
rammen.
Mellem ‘Østrig.’ og ‘Foto’ Indsætter jeg
en ‘section mark’, som jeg bruger som
indikator i min Nested Styles.
Maria Clausen
Svendeportfolio
Typografi & ombrydning
side 9
Running header
Da mine kaptiler er delt op efter emner, kan jeg ikke bruge mellemrubrikker eller overskrifter som pejlemærke for min ’Running Header’.
Derfor har jeg lavet et ’usynligt’ tekstfelt med stylen ’RUNNING’.
Samtidig med mine ’Running Headers’ har jeg jeg en figur der illustrere kapitelskiftet. Den skifter også farve, så derfor har jeg oprettet
hver farve i mit bibliotek
Portræt
Maria Clausen
Svendeportfolio
Typografi & ombrydning
side 10