TYPOGRAFI OMBRYDNING
Af Susan Helany og Tanja Krone
FØR VI GÅR I GANG Kunden her er Natasha Krone, som skulle bruge et design til sin E-bog om hendes 8-ugers kostplan. Det var et kardinalpunkt i bogen, at den skulle kunne læses både på skærm, og i udprintet version. Med hensyn til skrift og udseende, så var der en del opskrifter der ikke var billede tilhørende, så der skulle teksten kunne tale for sig selv.
OPGAVEBESKRIVELSE Opgaven går ud på at producere E-bogen. Udleveret materiale bestod af manus og billeder leveret på Dropbox.
HVAD VAR MIT BIDRAG TIL OPGAVEN? At sammensætte produktet, ved at ombryde teksten og designe det visuelle udtryk.
VALG AF PROGRAM Adobe Bridge, Adobe InDesign CC og Adobe Photoshop CC
SPECIFIKATIONER • Fremgangsmåde: • Originalfil:
Bearbejdelse af billeder > Bearbejdelse af tekst > Opsætning af standardside > Manuskript.txt.,
FARVER Farverne der skulle tages i brug, var primært lysegrønne, da der skulle være fokus på de sunde, naturlige ingredienser (grøntsager, frugt etc).
AKTØRER Grafiker (mig selv), Kunde
2 BRUHN GRAFISK HÅNDVÆRK APS
Nicklas Ben Rasmussen Portfolio // Typografi og ombrydning
LAKSEWRAP
VANILJEDESSERT
Ingredienser
Ingredienser
4 stykker laks
200g hytteost
4 fuldkornspandekager
200g fromage frais eller skyr
2 avocado
Korn fra en vaniljestang
citronsaft
Evt. 2 tsk. honning
1 salathoved
250-300g frosne hindbær
4 personer
2 tomater
3 personer
Metode
2 forårsløg 2 dl majs Metode Steg laksestykkerne på en pande. Mens laksen steger, udstenes avokadoerne og skæres i tern. Vend
•
Kog hindbærerne op i en gryde et par minutter og stil dem til side til afkøling.
•
Bland de resterende ingredienser og lad blandingen hvile i køleskabet en times tid.
•
Servér desserten med hindbær saucen.
Tips: Skal det gå rigtig hurtigt med mellemmåltidet, kan du købe en skyr med bær eller frugt.
ternene i citronsaft. Herefter snittes salaten og forårsløgene og tomaterne skæres i tern. Varm pandekagerne og fyld dem med grøntsager og laks. Retten kan serveres med en god salsa, fromage frais og grøn salat efter eget valg.
kostplan 8ugers
kostplan 8ugers
(Til dig der vil tabe dig på en sund og stabil måde)
(Til dig der vil tabe dig på en sund og stabil måde)
49
GULEROD OG SPINAT BOLLER
59
10 stk.
Ingredienser 200 g hakket, frossen spinat
UGE 2
2½ dl kogende vand 2 tsk. salt 1 dl yoghurt naturel
MANDAG
TIRSDAG
ONSDAG
TORSDAG
FREDAG
LØRDAG
SØNDAG
Morgenmad
Havregrød
Spinat gulerods boller med mager ost (se side 14)
Proteinpandekage (se side 13)
Havregrød
Klatkager med Frisk frugt
Proteinpandekage (se side 13)
Langtidshævede boller (se side 22)
Frokost
Bolle med magert kødpålæg og grøntsager
Rugbrød med magert pålæg og grønt
Rester fra tirsdag
Rugbrød med magert pålæg og grønt
Grøn salat med magert kød, æg eller avokado.
Rugbrød med fiskefrikadeller og grøntsager
Sandwich med magert pålæg og grønt. Brug evt. bollerne fra morgenmaden.
Aftensmad
Kalkun gryderet (se side 23)
Spinattærte med laks (se side 24)
Boller i karry (lav dobbelt portion) (se side15)
Rester fra onsdag
Fiskepakke med grøntsager og sovs (se side 26)
Valgfri aftensmad
Sursød kylling med brune ris (se side 27)
50 g gær 2 spsk. olie 150 g gulerødder, revne 1 dl solsikkekerner 4 dl rugmel 5½-6 dl hvedemel Metode Kom de frosne spinatkugler i en stor skål og hæld kogende vand over. Rør, til de er optøet. Rør yoghurt og salt i. Smuldr gæren og opløs den i blandingen. Tilsæt herefter revne gulerødder, olie, solsikkekerner og rugmel. Rør grundigt og kom hvedemelet i lidt efter lidt. Dejen skal være klistret, men ikke våd. Lad herefter dejen hæve lunt tildækket i 15 minutter. Tag en stor ske og dyp dem i lidt mel. Form store boller og sæt dem på en bageplade med skeen. Lad dem igen hæve tildækket i 20 minutter. Bages ved 200 grader i ca. 20 minutter. Tips: Bollerne er fryseegnet og kan både indgå som en del af din morgenmad og en del af din frokost.
kostplan 8ugers
kostplan 8ugers
(Til dig der vil tabe dig på en sund og stabil måde)
14
(Til dig der vil tabe dig på en sund og stabil måde)
21
3 BRUHN GRAFISK HÅNDVÆRK APS
MASTER: 2-SPALTET
OPSÆTNING: MASTER PAGES Eftersom at det ikke er alle opskrifter som har samme længde, er det vigtigt at jeg har sat dem op efter hvad de skal indeholde. Jeg har her valgt at inkludere to forskellige masters: En masterside der har to spalter, og en masterside der har en enkelt. Dette gør det muligt for mig at variere i min opsætning. Hvis jeg f. eks. har en opskrift uden særlig meget tekst, vil det være fordelagtigt at benytte en enkelt spalte, og så have et stort billede. Hvis jeg derimod har en opskrift som har flere små under-overskrifter og en lang tilberednings-process, kan jeg med fordel vælge at køre den i to spalter. og inddele den med ingredienserne på den ene side, mens metode + eventuelle bileder bliver vist i den anden spalte. Jeg har valgt ikke at bruge nogen form for beskæringsmargin, da det jo ikke er en tryksag.
4 BRUHN GRAFISK HÅNDVÆRK APS
MASTER: 1-SPALTET
Nicklas Ben Rasmussen Portfolio // Typografi og ombrydning
LOGOER
BILLEDER
TITEL
OPSÆTNING: GRAFISKE ELEMENTER Før jeg gik i gang, kiggede jeg mit råmateriale nøje igennem. Jeg fik udleveret nogle billeder, tabeller og tekst til hver af opgaverne. Derudover fik jeg også begge kunders logoer.
5 BRUHN GRAFISK HÅNDVÆRK APS
Helvetica Light
Klassisk, minimalistisk og vellidt Helvetica Light var en oplagt idé, da den fungerer ganske godt som brødtekst på baggrund af at der ikke er stor kontrast mellem hår- og grundstreger . Derudover er den en velkendt skrift, som også vil være med til at gøre læseoplevelsen mere behagelig. Den har en høj X-højde, hvilket gør den mere læsbar på mindre størrelser. Desværre er skriften for firkantet i det, og det, og jeg søger noget lidt mere dynamisk.
Regulær
Myriad Pro Blød, buet og blæret sans-serif Myriad pro, som vi kender bla. for at være Apples primære font. Jeg har altid nydt at læse en Myriad Pro, og dens særlige Y-descender er specielt lækker. Dens organiske flow, og runde buer, giver den en rigtig sprød kontrast til overskrifterne som bruger Zwodrei. De arbejder ganske godt sammen, og jeg har rent faktisk nået frem til at den fede version af Myriad Pros æ, ø og å passer ganske godt ind i Zwodrei. Myriad Pro er derfor både en god brødtekst, og med til at lappe overskrifterne sammen, de steder hvor Zwodrei ikke har det hele.
SKRIFTVALG: BRØDTEKST Det første skridt i behandlingen af billedet er, at jeg åbner min Digital Assets Manager, i det her tilfælde Adobe Bridge. Jeg finder billedet, jeg skal arbejde med og åbner det i Photoshop. Det ville selvfølgelig være bedst med et RAW-fil, så jeg havde endnu mere luminans-data.
6 BRUHN GRAFISK HÅNDVÆRK APS
Light
Univers Kraftig, kantet og fangende Endnu en skrifttype baseret på Akzidenz-grotesk. Univers er en meget læsevenlig skrifttype, som på samme måde som Helvetica, ikke har en stor kontrast mellem hår- og grundstreger. Den er en smule rundere end Helvetica, og så er den væsentligt smallere. Jeg kunne selvfølgelig vælge at tage skriften hér og vælge at knibe bogstaverne, og reducere bredden lidt, men det ville ikke være besværet værd, da Myriad Pro’en ville være at foretrække selv derefter.
Nicklas Ben Rasmussen Portfolio // Typografi og ombrydning
Bold
Zwodrei
Kraftig, kantet og fangende Zwodrei er en meget bastant font, som egentlig er grotesk af natur, men alligevel har fået nogle kantede 30 graders pladeseriffer som er med til at give oplevelsen en smule “edge”. Denne skrifttype ville dderfor passe glimrende til formålet som H1’er til E-bogen. Et enkelt minus ved skrifttypen hér, er at det er en gratis skrifttype, og en af den slags gratis skrifttyper som desværre ikke har inkluderet Æ-Ø og Å i sit arsenal. Derfor er jeg nødt til at kompensere for de manglende bogstaver, ved at finde nogle fra en anden skrift, som passer ind i formen.
Bold
Black
Helvetica Univers Klassisk, minimalistisk og vellidt Die Neue Graas - denne klassiske font var den første skrifttype som kom til sind, da jeg dannede mig et overblik over det look-and-feel som E-bogen skulle have. Den konstante vægt i skrifttypen og den meget begrænsede kontrast mellem hår- og grundstreger gør Helvetica (den fede version) til en lækker, kraftig overskrift.
Kraftig, kantet og fangende Univers var endnu en af de skrifter jeg havde med i min overvejelser. Modsat Helvetica’en, er Univers her en smule bredere, og kontrasten i skriften er en smule større. Hvis vi kigger på den øverste del af S’et, kan vi eksempelvis se hvad jeg mener.
SKRIFTVALG: OVERSKRIFT Til E-bogen hér skulle jeg bruge en overskrift som skulle have noget blikfang, og derfor var der brug for en kraftig og fremtrædende skrifttype. Valget stod imellem en række klassiske og nye skrifttyper, men ovenfor ses de mest nævneværdige. Helvetica, Zwodrei og Univers. Jeg valgte i sidste ende Zwodrei, da der var en del opskrifter der skulle stå alene, og så var de andre valg simpelthen ikke fyldestgørende.
7 BRUHN GRAFISK HÅNDVÆRK APS
H1
H1
H1’eren er det første du ser, når du bladrer gennem opskrifterne, og derfor er det vigtigt at den er lige i øjet. Til de steder hvor der ikke er dækket Æ-Ø og Å, anvender jeg i stedet Myriad Pro Bold.
FRIKADELLER AGURKESALAT OG KARTOFLER MED BRUN SOVS
4 personer
MELLEMRUBRIK
Familie: Zwodrei - Free Tykkelse: Fed Størrelse: 34 pt. Linjeafstand: 41 pt. Kapitaler: Kun kapitaler Afstand efter: 3mm Kolonner: udfyld alle
Ingredienser (Brug opskriften på frikadeller fra side 17) Agurkesalat
INGREDIENSER
2 agurker 1 dl balsamicoeddike 3 spsk. agavesirup eller honning
BRØDTEKST
salt og peber efter smag
Brødteksten er hér skal læses på skærm, og derfor er det vigtigt at jeg for det første, ikke har mere end 65 anslag per linje, og at jeg for det andet har en afstand der er stor nok til at man kan læse teksten uden at hverken skulle knibe øjnene sammen eller anstrenge sig for meget.
Fedtfattig brun sovs 4 skalotte løg 1 tsk. olie 1½ spsk balsamico eddike eller rødvinseddike
Familie: Myriad Pro Tykkelse: Regulær Størrelse: 13 pt. Linjeafstand: 20 pt. Afstand eftere: 3mm
5½ dl kalve eller oksebouillon 1-2 tsk maizena ½-1 dl vand og evt. kulør.
BRØDTEKST
Pil og hak løgene og svits dem i olien. Hæld eddike over og lad det koge næsten ind før bouillon tilsæt-
MELLEMRUBRIK
tes. Lad blandingen simre et godt stykke tid. Lige inden servering jævnes sovsen med en maizena og vand blanding. Smag til med salt, peber og evt. kulør.
TIPS
Tips: Bouillon til sovsen kan du selv lave ved at koge ben med lidt kød på. Lad vandet koge ind og smag det til med de ønskede krydderier.
ugers kostplan
8
(Til dig der vil tabe dig på en sund og stabil måde)
42
STYLES: PARAGRAPH STYLES Der er anvendt en del forskellige paragraph styles, og jeg har på opslaget her valgt at inkludere og fremvise de mest væsentlige. Da vi har at gøre med et side-tungt produkt, er det vigtigt at få automatiseret så meget som muligt. Jeg har bevidst valgt, ikke at bruge 1-gefirts-indryk da jeg ikke har nogle lange afsnit noget sted i bogen.
8 BRUHN GRAFISK HÅNDVÆRK APS
Mellemrubrikken har mange fælles karakteristika med brødteksten, og det er generelt min holdning, at brødtekst og mellemrubrikker ikke skal distancere sig for langt fra hinanden. Jeg har hér brugt Myriad Pro i samme størrelse som i brødteksten, dog med en fed tykkelse, for at få den fremhævet. Familie: Myriad Pro Tykkelse: Fed Størrelse: 13 pt. Linjeafstand: 20 pt. Afstand efter: 3mm
Nicklas Ben Rasmussen Portfolio // Typografi og ombrydning
INTRO: HOVEDMÅLTIDER PRIMÆR LISTE
FROKOST
Introsiderne i E-bogen har fået deres helt egen paragraph styles når det kommer til lister. Der skulle nemlig bruges bullets, og numbered bullets som hver skulle have sit udseende. Den primære liste er formateret med farvede numre. Grunden til den lidt mindre linjea Familie: Myriad Pro Tykkelse: Regulær Størrelse: 13 pt. Linjeafstand: 16 pt. Afstand efter: 4mm Kolonner: udfyld alle Liste-type: Numre Character-style tilføjet: “Grøn” Indrykning fra venstre: 6,35 mm
H1-TABEL Efter den første korrekturomgang, blev kunden og jeg enige om at der skulle gøres noget ved den kedelige tabel, og derfor valgte jeg at der skulle være en rød tråd mellem designet af de resterende sider, og tabellerne der er med til at skabe overblik over de enkelte uger. Det allervigtigste blikfang til disse er overskriften, og her har jeg valgt at tage udgangspunkt i H1-stylen, og ændre i farven, samt indsætte den i et boks-grafik udarbejdet i Illustrator.
Når det er tid til frokost, har du følgende tre muligheder Sammensætning af frokost
PRIMÆR LISTE
1. 1 skive rugbrød (max. 40g) min. 100- 170g grønsager som pynt eller salat. vælg mellem følgende forslag (hvert forslag passer til 1 skive brød) » » » » »
SEKUNDÆR LISTE
65g magert kød/magert kødpålæg eller evt. middagsrest 75g fisk eller fiskepålæg (både fed og mager) 1 æg eller 45g mager leverpostej 1 avokado 2 skiver skæreost (45g)/70g hytteost
Familie: Zwodrei - free Tykkelse: Fed Størrelse: 21 pt. Linjeafstand: 26 pt. Afstand efter: 3mm Character style tilføjet: “Hvid”
2. Salat af min: 130g grønsager (alle slags) med ca. 75g kød/fisk (alle slags)/1 æg samt evt. 0.5-1 dl kogt pasta/kogt ris og 1 spsk. mager dressing. Pasta eller ris kan byttes til 40g groft brød/rugbrød ( ½ - 1 skive) 3. Lun ret: 1 stk. magert kød/fisk (alle slags)(max. 75g) Hvis sovs max. 1 spsk. » Tilbehør: salat af: grønsager (ca. 120-200g) og 1 spsk. mager dressing. » Kartofler, ris eller pasta: se mængder som aftensmad. Hvis du får kartofler, ris eller pasta til aften udelades det til frokost.
TABELTEKST Tabellteksten har jeg valgt at gøre mindre, da det er væsentligt at det ikke ser for stablet ud, hvilket det hurtigt kan komme til, når ens celler er smalle. Jeg har her reduceret størrelsen på teksten, så forholdet mellem celle og tekst passer sammen.
INTRO: HOVEDMÅLTIDER SEKUNDÆR LISTE Den skundære liste er sammensat af en bullet, men jeg har her valgt ikke at bruge standard-bullet formateringen, men derimod anvende en der ser lidt anderledes ud. Da disse bullets skal fungere som underpunkter til den primære liste, har jeg her valgt at reducere skriftstørrelsen. Familie: Myriad Pro Tykkelse: Kursiv Størrelse: 11 pt. Linjeafstand: 16 pt. Indrykning fra venstre: 17 mm Liste-type: Bullets Bullet-udseende: GID:120, right-pointing double angle quotation mark
ugers kostplan
8
(Til dig der vil tabe dig på en sund og stabil måde)
7
H1-TABEL
Familie: Myriad Pro Tykkelse: Regulær Størrelse: 10 pt. Linjeafstand: 12 pt.
UGE 1 MANDAG
TIRSDAG
ONSDAG
TORSDAG
FREDAG
LØRDAG
SØNDAG
Morgenmad
Havregrød
Klatkager (se side 12)
Yoghurt naturel med müsli (se side 11)
Havregryn med frisk frugt
Yoghurt med müsli (se side 11)
Proteinpandekage (se side 13)
Spinat gulerods boller (se side 14)
Frokost
Rugbrød med fiskepålæg og grønt
Rugbrød med rester fra aftensmaden og grøntsager
Pastasalat med kylling
Kyllingefilet med kartoffelsalat fra onsdag
Sandwich med magert kødpålæg og grønt.
Fiskefilet på rugbrød med grønt
Rugbrød med Pålæg og grønt eller rester fra dagen før.
Aftensmad
Æggekage med grøntsager (se side 15)
Spaghetti bolognaise (se side 16)
Kyllingefrikadeller med grøn kartoffelsalat (se side 17)
Pitabrød med kyllingedunser
Pizza se opskrift Side 18
Valgfri aftensmad
Lakse-spinat lasagne (se side 20)
TABELTEKST
kostplan 8ugers
(Til dig der vil tabe dig på en sund og stabil måde)
10
9 BRUHN GRAFISK HÅNDVÆRK APS
PHOTOSHOP
PATH
FÆRDIGT RESULTAT
KYLLINGEFRIKADELLER MED KARTOFFELSALAT Ingredienser
INDESIGN
Frikadeller
Kartoffelsalat
400g hakket kylling
650 g Kartofler
½ tsk. salt
1 spsk pesto
peber
20 g ristede pinjekerner
1 fed hvidløg, presset
50 g feta
1 rødløg, hakket eller revet
1 rød peberfrugt
1 tsk. timian
½ agurk
1 æg
2-3 spsk soltørrede tomater
1 dl havregryn
100 g sukkerærter
2 spsk. vand
2-3 håndfulde salat/spinat/rucola
Metode
WRAP
Kødet røres glat med salt og peber. De resterende ingredienser tilsættes og farsen røres godt sammen. Farsen sættes på køl en lille time, for at sætte sig, og er derefter klar til at formes til kugler og bages i ovnen ved 200 grader – 10-15 min. hvorefter frikadellerne vendes. Kartoflerne koges. Når de er afkøles skæres de i halve eller kvarte og blandes med pesto. Herefter tilsættes de øvrige ingredienser. Tips: Frikadellerne kan også ovnbages. Giv dem 30 minutter i ovnen ved 200 grader (find evt. tegnet for grader celcius) og vend frikadellerne efter 15 minutter.
kostplan 8ugers
(Til dig der vil tabe dig på en sund og stabil måde)
17
GRAFIK: CLIPPING PATH
Jeg har også fritlagt nogle elementer i Photoshop som jeg har fået InDesign til at genkende fritlægningsmasken på. Dette gør, at jeg kan have en JPG-fil med transparens som InDesign altså kan genkende masken på, og ombryde sig efter. Dette er et godt eksempel på hvor godt de to programmer interagerer med hinanden.
10 BRUHN GRAFISK HÅNDVÆRK APS
Nicklas Ben Rasmussen Portfolio // Typografi og ombrydning
OBJECT STYLE: IMAGE Den grynede kant som jeg har sat op med mine Object Styles er med til at give det sort/grønne/hvide et rustikt udtryk, som ofte bliver forbundet med økologi og sundhed. Effect styling: Directional Feather Top: 4 mm Bund: 4 mm Venstre: 5 mm Højre: 3mm Støj: 30% Choke: 56%
OBJEKT: OBJECT STYLE
For at få bitmap-grafikken i mit produkt til at være så ensartet som muligt, valgte jeg at inkludere en fordefinerede Object Style. Jeg vidste hvilket udtryk jeg gik efter, og derfor definerede jeg dem før jeg gik i gang med at indsætte billeder.
11 BRUHN GRAFISK HÅNDVÆRK APS
GRID: BASELINE GRID
Når jeg arbejder med grids i InDesign er det vigtigt for mig, at mit grid ikke fylder hele siden, som er standard i InDesign. Derfor vælger jeg altid at sætte mit grid til at være vist i mine tekstfelter, og ikke andre steder. Jeg vælger derfor at indstille mit grid til at begynde relativt til top-margin, og ikke i toppen af siden. Min linjeafstand er 20 pt. og derfor vælger jeg også at sætte afstanden i mit baseline grid til samme værdi.
12 BRUHN GRAFISK HÅNDVÆRK APS
Nicklas Ben Rasmussen Portfolio // Typografi og ombrydning
Uge 1 MANDAG
TIRSDAG
ONSDAG
TORSDAG
FREDAG
LØRDAG
SØNDAG
Morgenmad
Havregrød
Klatkager (se side 12)
Yoghurt naturel med müsli (se side 11)
Havregryn med frisk frugt
Yoghurt med müsli (se side 11)
Proteinpandekage (se side 13)
Spinat gulerods boller (se side 14)
Frokost
Rugbrød med fiskepålæg og grønt
Rugbrød med rester fra aftensmaden og grøntsager
Pastasalat med kylling
Kyllingefilet med kartoffelsalat fra onsdag
Sandwich med magert kødpålæg og grønt.
Fiskefilet på rug- Rugbrød med brød med grønt Pålæg og grønt eller rester fra dagen før.
Aftensmad
Æggekage med grøntsager (se side 15)
Spaghetti bolognaise (se side 16)
Kyllingefrikadeller med grøn kartoffelsalat (se side 17)
Pitabrød med kyllingedunser
Pizza se opskrift Side 18
Valgfri aftensmad
Lakse-spinat lasagne (se side 20)
TABLE: TABLE STYLES
Jeg har tabeller flere steder i min produktion, og derfor er det vigtigt at jeg har en table style parat. Derved sikrer jeg mig at tabellerne har det samme udseende, hvorend de forekommer. Jeg har valgt at bruge den samme farve, (R:138 G:188 B:79) til at ramme celler og kolonner ind med. De øverste celler, hvor ugedagene står har jeg brugt en raster-opacitet (tint) på 20% af den originale farve.
13 BRUHN GRAFISK HÅNDVÆRK APS