SVENDEPRØVE 2017 TYPOGRAFI & OMBRYDNING MICHELE LINDHARDSEN
E-MAGASIN CLOSEUP Der laves et fiktivt livsstils e-magasin om mode, velvære, berømtheder og oplevelser. Målgruppe og budskab B2C målgruppen er kvinder mellem 23-35 år, som ligger omkring det blå område i minervamodellen. De er materalistiske og moderne med et forholdsvis højt forbrug. De er interessede i karriere, oplevelser og velvære. Den digitale kommunikationskanal egner sig fint til denne moderne og på farten målgruppe. Den digitale platform har vundet frem på mange fronter, og folk er fortrolige med dens muligheder og funktioner. Et digitalt magasin er en moderne fremgangsmåde, som målgruppen vil finde både nemt og bekvemt at benytte sig af. Typografi Der er valgt en Didot med seriffer til display tekst. Hertil en Brandon Grotesque uden seriffer til brødtekster og display. Dette uddybes nærmere på de næste sider. Kvalitetssikring InDesign - der er bl.a. brugt Preflight, Paragraph Styles og RGB farver. Uddybes. Billedekvalitet - Billeder burde være 256 ppi eller over til ipad, dog er det svært at finde den kvalitet på nettet til et fiktivt blad. Kvaliteten tjekkes løbende på ipad for at vurdere om billederne i sidste ende går an til opgaven. Farverum - RGB til skærm. Farver og billeder holdes i RGB. ICC profil - der arbejdes i srgb farverum via Color Settings, som er synkroniseret via Bridge til alle platforme. Typografi & Ombrydning Process Svendeprøve 2017 Michele Lindhardsen 2
Overordnet process Der vil i denne faglighed blive lagt stor vægt på de dele, der har speciel betydning for typografi og ombrydning. Læringsperiode Mag+ Moodboards Inspiration Typografi Skitsering af layouts Opsætning til kvalitetssikring i InDesign Layouting i InDesign Typografi og ombrydning Billedredigering Export af MIB Designd Production Tool Konstant sikring af layout via Designd app på ipad Færdig til ipad Publisering (betaling) Typografi & Ombrydning Process Svendeprøve 2017 Michele Lindhardsen 3
MOODBOARDS+LAYOUT SKITSER DESK RESEARCH Der er fundet inspiration til layouting og skrifttyper bl.a. via Pinterest, fontsinuse.com og diverse købte magasiner. MOODBOARD - TYPOGRAFI - DISPLAY HENRI-DIDOT DITA-SWEET GLAMOR MOODBOARD - TYPOGRAFI - SKRIFTTYPER I BRUG COCO VALKYRIE PLAYFAIR DISTORTED FASHION ATHENE TYPOGRAFI TYPOGRAFI Typografi & Ombrydning Desk research Svendeprøve 2017 Michele Lindhardsen 4
MOODBOARD - TYPOGRAFI - SKRIFTTYPER I BRUG MOODBOARD - TYPOGRAFI - LOGO TYPOGRAFI LOGO I MODE BRANCHEN MOODBOARD - TYPOGRAFI - LOGO MOODBOARD - TYPOGRAFI - LAYOUT LOGO I MODE BRANCHEN LAYOUT Typografi & Ombrydning Desk research Svendeprøve 2017 Michele Lindhardsen 5
MOODBOARD - TYPOGRAFI - DISPLAY MOODBOARD - TYPOGRAFI - LAYOUT LAYOUT LAYOUT MOODBOARD - TYPOGRAFI - LAYOUT MOODBOARD - TYPOGRAFI - LAYOUT LAYOUT LAYOUT Typografi & Ombrydning Desk research Svendeprøve 2017 Michele Lindhardsen 6
MOODBOARD - TYPOGRAFI - LAYOUT MOODBOARD - LAYOUT LAYOUT LAYOUT MOODBOARD - TYPOGRAFI - TOC MOODBOARD - TYPOGRAFI - E-MAG TOC E-MAG Typografi & Ombrydning Desk research Svendeprøve 2017 Michele Lindhardsen 7
MOODBOARD - TYPOGRAFI - E-MAG MOODBOARD - TYPOGRAFI - E-MAG E-MAG E-MAG MOODBOARD - TYPOGRAFI - E-MAG MOODBOARD - TYPOGRAFI - E-MAG E-MAG E-MAG Typografi & Ombrydning Desk research Svendeprøve 2017 Michele Lindhardsen 8
UDVÆLGELSE TYPOGRAFI MOODBOARDS Seriffer Kontraster Kurver Specielle udløb Antikva sammen med grotesk MOODBOARD - TYPOGRAFI - DISPLAY HENRI-DIDOT DITA-SWEET GLAMOR MOODBOARD - TYPOGRAFI - SKRIFTTYPER I BRUG MOODBOARD - TYPOGRAFI - LOGO COCO VALKYRIE PLAYFAIR DISTORTED FASHION ATHENE TYPOGRAFI TYPOGRAFI LOGO I MODE BRANCHEN Typografi & Ombrydning Typografi Svendeprøve 2017 Michele Lindhardsen 9
DIDOT En moderne skrifttype, designet af den franske Firmin Didot og landede på papir i 1784. Den moderne stil er skarp, præcis og ren, og måske endda ligefrem klinisk. Disse typer er ofte brugt i magasiner. GARNITURE I MAGASINET Kursiv Trumpet, underrubrik og billedtekst Fed Rubrikker og citater TRUE TYPE op til 256 karakterer UDLØB dråbeformet AKSE symmetrisk SERIFFER tynde og horisontale seriffer og små åbninger abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ KONTRAST stor kontrast mellem stamme og hårsteg OPTISK SKRIFTHØJDE der er taget højde for bogstavernes kontaktflade med vandret linje Didot X-HØJDE set ift. det gode udgangspunkt Times er x-højden lav. Under- og overlængde er højere. Times Typografi & Ombrydning Typografi Svendeprøve 2017 Michele Lindhardsen 10
BRANDON GROTESQUE Brandon Grotesque er en grotesk skrifttype designet af Hannes von Döhren af HVD Fonts mellem 2009 og 2010. Den kan klassificeres som geometrisk sans-serif og var designet til at fremstå elegant. GARNITURE I MAGASINET Light brødtekst, byline Regulær manchet Medium mellemrubrikker OPEN TYPE op til 65,000 karakterer - mere plads til ekstra features i Glyphs. ØJE & LØKKER åbne for god læsbarhed AKSE symmetrisk ÅBNINGER store åbninger, som giver god læsbarhed abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ KONTRAST meget lille kontrast/næsten igen OPTISK SKRIFTHØJDE der er taget let højde for bogstavernes kontaktflade med vandret linje Brandon Grotesque X-HØJDE set ift. det gode udgangspunkt Times er x-højden lav, men dog stadig læsbar. Under- og overlængde er højere. Times Brandon Grotesque passer fint til Didot. Den indeholder elementer, som x-højde og symetri, der deles med Didot. Samtidig giver store åbninger og lav kontrast en god læsbarhed, som er vigtig for brødtekster. Typografi & Ombrydning Typografi Svendeprøve 2017 Michele Lindhardsen 11
TEGNEBORDET LAYOUTING NANNA ØLAND GIGI HADID BIO EFFECT 10 BØGER KOREA Typografi & Ombrydning Layouting Svendeprøve 2017 Michele Lindhardsen 12
INDESIGN KVALITETSSIKRING Der er en helt særlig fremgangsmåde ved brugen af Mag+. Der skal downloades Plug- Ins til InDesign og der medfølger skabeloner, som er vigtigt man følger. Jeg har valgt at arbejde med ipad Pro. Hertil er der lavet et forarbejde ift. opsætning, som sikrer mod fejl. MAG+ MIN MAPPESTRUKTUR PRODUCTION TOOL VERTIKAL LINKS TIL VERTIKALEN SINGLE MIB EKSPORTERES HERTIL herfra laves en samlet MIB via Designd Production Tool INDHOLDFORTEGNELSE ARBEJDS FILER Typografi & Ombrydning Kvalitetssikring Svendeprøve 2017 Michele Lindhardsen 13
OPSÆTNING Export mappe Unikt ID til eget brug MASTERS TIL For læseren Auto orientering af ipad Landskabsorientering af ipad Portrætorientering af ipad Hurtig tjek af layout Endelig eksport af MIB VERTIKALENS MARGINER afhængig af valgte Master Page. Marginer er fastsat efter ipad ens skærm og orientering. VERTIKALENS DIMENSIONER Typografi & Ombrydning Kvalitetssikring Svendeprøve 2017 Michele Lindhardsen 14
PREFERENCES DICTIONARY & SPELLING COMPOSITION hjælpe redskaber til at justere teksten korrekt. H&J orddelings- og justeringsfejl, fremhæver bl.a. hvis ordmellemrum er for store eller for små ift min justering. Gul fremhævning. SUBSTITUDED FONTS fremhæver hvis skrifttypen mangler. CUSTOM TRACKING/KERNING brugerdefineret regulering, fremhæver hvis der er manuelt er reguleret i teksten. Grøn fremhævning. DANSK ORDBOG & STAVEKONTROL Typografi & Ombrydning Kvalitetssikring Svendeprøve 2017 Michele Lindhardsen 15
PREFLIGHT COLOR gør opmærksom hvis der er CMYK og/eller Spot color/staffage farve i dokumentet. TEXT gør opmærksom hvis der f.eks. er overskudstekst, skrifttypen mangler eller skriften ikke er proportionelt skaleret. LINKS sørger bl.a. for at gøre opmærksom på, hvis links mangler eller er blevet ændret. IMAGES AND OBJECTS gør opmærksom hvis der f.eks. er billeder under 256 ppi - den optimale opløsning - eller hvis objekter ikke er proportionelt skaleret. Typografi & Ombrydning Kvalitetssikring Svendeprøve 2017 Michele Lindhardsen 16
DEN GODE LINJELÆNGDE DEN GODE LINJELÆNGDE måles ved hjælp af Info panelet og skal ligge mellem 50-55 enheder i gennemsnit målt på 20 linjer. For at skabe dynamik i det forskellige layouts er den gode linjelængde brudt - dog ikke over den målte linjelængde. De mindre spalter har et spaltemellemrum på 4 mm for at skabe mere plads til teksten, hvor de større har 5 mm. 40-45 50-55 Typografi & Ombrydning Kvalitetssikring Svendeprøve 2017 Michele Lindhardsen 17
DEN GODE SKRIFTSTØRRELSE OG SKYDNING UNDERRUBRIK 11,5/14, grundet x-højde virker underrubrikken større end brødteksten MELLEMRUBRIK 13/16pkt, udregnet på et 15pkt grundlinjenet. 12pkt Eksempel på en ét linjet mellemrubrik Grundlinjenet 15pkt x 2= 30 Mellemrubrik 16pkt x 1= 16 11,5pkt 14 BRØDTEKST der er valgt en skriftstørrelse på 12pkt. Til et trykt magasin er dette i mine øjne lidt for stort, taget målgruppe og stil i betragtning. Dog vurderes det til ipad at være tilpas. Hertil har brødteksten fået en skydning på 15pkt, altså 3pkt over skriftstørrelse. 2-3pkt over skriftstørrelse er et godt udgangspunkt.på skærm må skydning gerne være en anelse stor, da det lettere kan virke som om det flyder sammen. Da Brandon Grotesque har en lav x-højde, vurderes det at 3pkt er fint. GRUNDLINJENET al brødtekst holder register efter et defineret grundlinjenet i Preferences på de 15pkt. Plads over mellemrubrik 2 Plads under mellemrubrik 12 Se i brug side 21 Typografi & Ombrydning Kvalitetssikring Svendeprøve 2017 Michele Lindhardsen 18
STYLES UNDERRUBRIK Paragraph Style. BASIC indstilling af skrifttype og optisk justering SPAN COLUMNS underrubrikken strækker sig over alle spalter i en klumme. Typografi & Ombrydning Kvalitetssikring Svendeprøve 2017 Michele Lindhardsen 19
STYLES MELLEMRUBRIK Paragraph Style. MELLEMRUBRIK Character Style GRUNDLINJENET holder ikke register. EN LINJE Space before 4,233mm (12pt), Space after 0,706mm (2pt), som beskrevet på side 19. FARVE ved hjælp af Find/Change skiftes farve på mellemrubrikker i de forskellige vertikaler TO LINJER Space before 3,881mm (11pt), Space after 0,706mm (2pt), som beskrevet på side 19. Typografi & Ombrydning Kvalitetssikring Svendeprøve 2017 Michele Lindhardsen 20
STYLES BRØDTEKST Paragraph Style. ORDDELING regler for orddeling. F.eks. ord med mindst fem bogstaver må deles. LIGATURER nogle bogstavpar lægges sammen til et bogstav I-TEST størrelsen på det ønskede ordmellemrum - et i SPROG vigtigt for orddelinger. FARVE tekst i korrekt farverum RGB sort SATSART Justeret - lige forog bagkant. GRUNDLINJENET Brødtekst holder register (All Lines) INDRYK en geviert, 12pt Typografi & Ombrydning Kvalitetssikring Svendeprøve 2017 Michele Lindhardsen 21
INDESIGN PROCES & DESIGN I opsætningen af vertikalerne er der benyttet forskellige tekniker og værktøjer i InDesign. OPTISK FORKANT manuel justering af forkant KNIBNING manuel justering af bogstavpar Typografi & Ombrydning Proces & design Svendeprøve 2017 Michele Lindhardsen 22
LINJEFALD manuel justering af linjefald i forskellige sammenhænge vha. blød retur Typografi & Ombrydning Proces & design Svendeprøve 2017 Michele Lindhardsen 23
BOGSTAVER OG TEGN CITATIONSTEGN ændret til fransk form» «vha. Find/ Change. TAL fra 0 til og med 10 skrives som hovedregel med bogstaver, men når både under og over 10 står i samme sætning eller afsnit skal alt være tal. HÆVET SKRIFT... ACCENTER é (aigu), for at lægge tryk TANKESTREG ændret til halvgeviert med ordmellemrum før og efter. TALORD fra nul til og med ti skrives som hovedregel med bogstaver. Jævnfør ovenfor. BINDESTREG orddelinger, sammensatte ord osv. Typografi & Ombrydning Proces & design Svendeprøve 2017 Michele Lindhardsen 24
TEKSTOMBRYDNING TEXT WRAP 4 mm til venstre, samme som spaltemellemrum OVERKANT billeder i teksten holder overkant med x-højden. TEXT WRAP 4 mm til venstre og højre TEXTWRAP ændring af formen på tekst boksen. BLØD RETUR manuel justering af tekstens orddelinger for at undgå floder. TEXT WRAP med Pen Tool om modellen. Typografi & Ombrydning Proces & design Svendeprøve 2017 Michele Lindhardsen 25
TEKSTOMBRYDNING FLODER så vidt muligt undgået med blød retur. KORT SIDSTE LINJE aldrig under en geviert - 12pt - samme som indryk. Typografi & Ombrydning Proces & design Svendeprøve 2017 Michele Lindhardsen 26
TEKSTOMBRYDNING SIDSTE LINJE I HVER SPALTE falder på samme linje. MELLEMRUBRIK øverst i en klumme undgået. HOREUNGER undgået, dog findes der franske horeunger, hvor det er vurderet til den bedste/eneste løsning BILLEDTEKST UNDER x-højdens afstand fra bund af billede til top af majuskler. SIDEN et spaltemellemrums afstand. Typografi & Ombrydning Proces & design Svendeprøve 2017 Michele Lindhardsen 27
CITAT CC LIBRARIES til hurtig brug i andre vertikaler. PARAGRAPH STYLE ANKER JUSTERING AF TEKST Typografi & Ombrydning Proces & design Svendeprøve 2017 Michele Lindhardsen 28
OBJECT STATES interaktivt slideshow WINDOW > INTERACTIVE > OBJECT STATES OBJECT STATES IKON SLIDE SHOW INDHOLD SWIPE Du er selv kunstner og kæreste med en kunstner har det konsekvenser for kærligheden?»jeg ved ikke, om det har konsekvenser, men nogle gange kan det godt være udfordrende, fordi de fleste kunstnere afsætter en meget stor del af deres liv, deres koncentration og kærlighed til det, de laver, så nogle gange har det da været udfordrende at finde rum til bare at være os. Og ofte får vi idéer, når vi snakker sammen, og så sidder vi pludselig og arbejder igen,«siger Nanna Øland.»Men det er også en force at være passioneret omkring noget fælles, at have kærlighed til noget, vi har skabt sammen - lidt ligesom at være forældre til et barn.«swipe SWIPE Vil du gerne have børn?»det har ikke været et behov endnu. Men det tror jeg, at jeg vil. Lige nu er jeg besat af hunde. Jeg tror, jeg opfører mig lidt som en skør hunde mor, og jeg vil gerne have flere. (Nanna Øland har foreløbig en enkelt, der hedder Ujan (han skulle ikke hedde Jan), red.).«swipe OBJECT STATES indeholder hvert slide SWIPE Så ER du jo blevet en rigtig newyorker?»ja, og jeg giver ham også dunjakke på,«slutter Nanna Øland. Spørgsmålet er, om Ujan nogensinde kommer til at lette ben på fast basis i Danmark, eller om det fortsat bliver på visit. Uanset hvad er hans mor en Great Dane. SWIPE Typografi & Ombrydning Proces & design Svendeprøve 2017 Michele Lindhardsen 29
UNICIAL BLØD RETUR Typografi & Ombrydning Proces & design Svendeprøve 2017 Michele Lindhardsen 30
POP UP BOKS Object Styles ANCHORED OBJECT/ANKER OBJECT STYLES PARAGRAPH STYLES NEXT STYLES CHARACTER STYLES PLACE tekst fra nettet til Word > Place i InDesign PARAGRAPH STYLES NESTED STYLES TAB CHARACTERS/ TABULATOR EN SPACE/HALV GEVIERT Typografi & Ombrydning Proces & design Svendeprøve 2017 Michele Lindhardsen 31
TOC til automatisk opdateret bogliste Layout > Interactive > Table of Contents... PARAGRAPH STYLES CHARACTER STYLES AUTO PAGINERING Første side med føste bog på listen - se også næste side Typografi & Ombrydning Proces & design Svendeprøve 2017 Michele Lindhardsen 32
TOTAL OPSÆTNING nested- og next styles AUTO PAGINERING PARAGRAPH STYLES PLACE tekst fra nettet til Word > Place i InDesign > markér alt > Anvend første style derefter Next Style > tilpas tekst boks for hver side NEXT STYLES RULE ABOVE+BELOW NESTED STYLES ANVEND NEXT STYLE INTERAKTIV KNAP Typografi & Ombrydning Proces & design Svendeprøve 2017 Michele Lindhardsen 33
TABEL NY RÆKKE hård retur NY KOLONNE tabulering MERGE flet celler PLACE tekst fra nettet til Word > Place i InDesign PARAGRAPH STYLES PLACE flag lavet i Photoshop, Place i cellen MERGE flet celler KONVERTER fra tekst til tabel Typografi & Ombrydning Proces & design Svendeprøve 2017 Michele Lindhardsen 34
FRA COMPUTER TIL TABLET PRODUCTION TOOL MIB en samlet fil med al indhold til ipad Typografi & Ombrydning Production tool Svendeprøve 2017 Michele Lindhardsen 35
RESULTAT E-MAG Typografi & Ombrydning Resultat Svendeprøve 2017 Michele Lindhardsen 36
Typografi & Ombrydning Resultat Svendeprøve 2017 Michele Lindhardsen 37
Typografi & Ombrydning Resultat Svendeprøve 2017 Michele Lindhardsen 38