De tre kommande föreläsningarna InDesign 1: Layout InDesign 2: InDesign InDesign 3: Trycksaksframställning 1
Layout Karin Fahlquist 2015-12-08 Grafisk form - typografi - layout TYDLIGHET VÄCKA INTRESSE 2
Typografi http://www.identifont.com/identify.html http://www.myfonts.com/whatthefont/ Skapa god ordbild, texten ska vara lättläst. 3
VERSALER gemener kursiv Grundstreck Kapitäler Hårstreck Seriff Typsnitt Antikvor Sanserifer 4
Antikvor FAMILJER: Diagonalantikvor / Geralder Transantikvor / Realer Vertikalantikvor / Didoner EXEMPEL: Garamond Baskerville Bodoni O O O Sanserifer Franklin Verdana Gill Helvetica O O O O 5
Andra familjer Mekaner Skripter Fantasistilar Skärmteckensnitt Rockwell Mistral Algerian Georgia /Verdana/Arial http://typedna.com/ 6
Fyrkant [em] pl M 7
Rubriker brödtext Du ska formge två uppslag. För att få InDesign att visa dessa två uppslag måste du ange att du vill ha 6 st sidor, om du anger 4 får du bara ett uppslag. Sammanlagt ska du få plats med 5 artiklar, varje artikel ska dessutom ha flera mellanrubriker. faktaruta Montera text på bana samt textkonturer för montering av bilder hittar du på sidorna 116-121. 60 tecken Sträva efter att få fram ett klassiskt intryck på uppslaget. Använd gärna Geralder (s.48) till både brödtext och rubriker. Använd gärna även versaler och kapitäler. Testa att centrera rubriker och mellanrubriker (s.55). Var givmild med luft mellan raderna och mellan styckena. Använd gärna tunna linjer som avgränsare för t ex mellanrubriker som skapar egna luftutrymmen åt mellanrubrikerna (Du kan skapa styckeformat som innehåller både en linje över rubriken och en under). Gå in på linjer i styckeformatmallen och testa! Pröva också anfanger (s.55), lägg första bokstaven i artikeln på tre eller fyra rader. Du hittar tillvalet i styckeformatpaletten. 120% 8
Rak högerkant Lättläst text: 1.Typsnitt 2.Grad 3.Radlängd 4.Radavstånd 5.Papper 9
Layout logisk struktur Välja trycksak: Vad är avsikten med trycksaken? Hur ska läsaren använda trycksaken? 10
Logisk struktur: Enkel förmedling mellan författare & läsare i längre stycken Information och underhållning i korta och lättsmälta avsnitt Referensmaterial som läsaren vill ha och behöver Överföra information som läsaren inte bryr sig om, men vi vill att de ska ta del av Att instruera läsaren Logisk struktur: Enkel förmedling mellan författare & läsare i längre stycken Information och underhållning i korta och lättsmälta avsnitt Skönlitteratur Fack text Dagstidning Veckotidning Tidskrift Referensmaterial som läsaren vill ha och behöver Överföra information som läsaren inte bryr sig om, men vi vill att de ska ta del av Att instruera läsaren Ordböcker Uppslagsverk Tidtabeller Reklam Instruktion av maskin underhåll Instruktionsböcker Handledningar 11
Logisk struktur: Enkel förmedling mellan författare & läsare i längre stycken Skönlitteratur Fack text Logisk struktur: Information och underhållning i korta och lättsmälta avsnitt Dagstidning Veckotidning Tidskrift 12
Logisk struktur: Referensmaterial som läsaren vill ha och behöver Ordböcker Uppslagsverk Tidtabeller Logisk struktur: Överföra information som läsaren inte bryr sig om, men vi vill att de ska ta del av Reklam Instruktion av maskinunderhåll 13
Logisk struktur: Att instruera läsaren Instruktionsböcker Handledningar Yta 14
Val av format 1.Funktion 2.Budskap 3.Ekonomi 4.Distribution Satsyta Blickfånget X A B C D 15
Layoutupplägg traditionell olika spaltbredd grid layout genomgående linjer blocklayout Optisk mittpunkt balanslinje 16
Gestaltningslagar hur vi skapar ordning i allt vi upplever Närhetens lag texter & bilder som är placerade nära varandra tycks höra ihop Likhetens lag texter eller bilder som liknar varandra (ex. färg, form) tycks höra ihop. Slutenhetens lag texter eller bilder som på något sätt är inneslutna (ex. ram, färgad bakgrund, kompositionen ) tycks höra ihop. 17
Kontraster: Storlekskontrast Färgkontrast Formkontrast Linjering rubriker, bilder, marginaler 18
Linjering rubriker, bilder, marginaler 19
Riktningar leda in / hålla kvar läsaren 20
Sommaren 2012 fis g ggh ghdg dg jdg d gdg dgjhdk jgndjgdkg djgdkgh ögd jkdg gdkj gjkgd dg jkdg jdgdjkgd jkgdg dghdo ghdgd ghid isgs igs sg sghsg hs gs sgisg sgs isg sigsg sgh sgsoi gsiogsgsg fdi fis g ggh ghdg dg jdg d gdg dgjhdk jgndjgdkg djgdkgh ögd jkdg gdkj gjkgd dg jkdg jdgdjkgd jkgdg dghdo ghdgd ghid isgs igs sg sghsg hs gs sgisg sgs isg sigsg sgh sgsoi gsiogsgsg fdi ihgo gh dhdg idg goidg hg dgd gdid dgdihd dhdg d digdigh dkgd fhg gd gdg hd didg idg igh dig bcb kdhg dg dgdiog dgdoig didg dcg dioh dhgi diog dg dciogb dfg dg dgdi gh difgb igi digd ighd oighd gdcb ig diofg dfgh iodfgid gdfkghdf dfjgd igfd ivg gvibdifg dfb dif g dbc lvghd gcg difgd gh if digd idhfg idhf gdifg dghd ighd gidhf gdlkg dlhgl dhgid fighd ligd gdh gldg lidg dkghd lighd ildg dghjd ilhdfgi digd oligd gid ghd gdg digs sigsoig sig sdfhdfig dfigd figd fig dildf l dfl Oiwt w8tyaoitwoiwot w oiwstoye ot eot euteiu tt sot suodt ihgo gh dhdg idg goidg hg dgd gdid dgdihd dhdg d digdigh dkgd fhg gd gdg hd didg idg igh dig bcb kdhg dg dgdiog dgdoig didg dcg dioh dhgi diog dg dciogb dfg dg dgdi gh difgb igi digd ighd ig dcoghd gig ddg oighd gdcb ig diofg dfgh iodfgid gdfkghdf dfjgd dfb dif g dbc lvghd gcg difgd gh if digd idhfg idhf gdifg dghd ighd gidhf gdlkg dlhgl dhgid fighd ligd gdh gldg lidg dkghd lighd ildg dghjd ilhdfgi digd oligd gid ghd gdg digs sigsoig sig sdfhdfig dfigd figd fig dildf l dfl 21
Sommaren 2012 ihgo gh dhdg idg goidg hg dgd gdid dgdihd dhdg d digdigh dkgd fhg gd gdg hd didg idg igh dig bcb kdhg dg dgdiog dgdoig didg dcg dioh dhgi diog dg dciogb dfg dg dgdi gh difgb igi digd ighd oighd gdcb ig diofg dfgh iodfgid gdfkghdf dfjgd igfd ivg gvibdifg dfb dif g dbc lvghd gcg difgd gh if digd idhfg idhf gdifg dghd ighd gidhf gdlkg dlhgl dhgid fighd ligd gdh gldg lidg dkghd lighd ildg dghjd ilhdfgi digd oligd gid ghd gdg digs sigsoig sig sdfhdfig dfigd figd fig dildf l dfl Oiwt w8tyaoitwoiwot w oiwstoye ot eot euteiu tt sot suodt ihgo gh dhdg idg goidg hg dgd gdid dgdihd dhdg d digdigh dkgd fhg gd gdg hd didg idg igh dig bcb kdhg dg dgdiog dgdoig didg dcg dioh dhgi diog dg dciogb dfg dg dgdi gh difgb igi digd ighd ig dcoghd gig ddg oighd gdcb ig diofg dfgh iodfgid gdfkghdf dfjgd dfb dif g dbc lvghd gcg difgd gh if digd idhfg idhf gdifg dghd ighd gidhf gdlkg dlhgl dhgid fighd ligd gdh gldg lidg dkghd lighd ildg dghjd ilhdfgi digd oligd gid ghd gdg digs sigsoig sig sdfhdfig dfigd figd fig dildf l dfl fis g ggh ghdg dg jdg d gdg dgjhdk jgndjgdkg djgdkgh ögd jkdg gdkj gjkgd dg jkdg jdgdjkgd jkgdg dghdo ghdgd ghid isgs igs sg sghsg hs gs sgisg sgs isg sigsg sgh sgsoi gsiogsgsg fdi fis g ggh ghdg dg jdg d gdg dgjhdk jgndjgdkg djgdkgh ögd jkdg gdkj gjkgd dg jkdg jdgdjkgd jkgdg dghdo ghdgd ghid isgs igs sg sghsg hs gs sgisg sgs isg sigsg sgh sgsoi gsiogsgsg fdi Rytm Regelbundet och återkommande. Ingår avbrott för att väcka intresse. Tyst Regelbundet. Innehållet viktiga. Aktiv Mediet också innehållet. 22
Balans symmetrisk asymmetrisk Text och bild i samspel harmoni: samspelar och kompletterar varandra disharmoni: sampelar men på ett nästan motsägelsefullt sätt. Text och bild säger inte samma sak. 23
För att få fram budskapet: Synlighet Läsbarhet Förståeligt Trovärdigt Aktiverande Ljusrum på sidan lyfter fram innehållet på samma sätt som tomrum i stadsbilden tydliggör detaljer i arkitekturen. John Ryder 24
Färg har betydelse & upplevs olika Skapa harmoniska färgekombinationer: Kuler Adobe Färgers betydelser 25
Kalla och varma färger Kalla och varma färger Kalla och varma färger Referenser 1. Grafisk design en introduktion, L. Hansson et al, 2004, Värnamo, Fälth &Hässler 2. Typografisk handbok 3. Thinking with type 4. Grafisk kommunikation 5. Typografi, bild, och grafisk design 26
InDesign 27
Layoutprogram Adobe InDesign Quark Xpress Adobe Page Maker Adobe Framemaker Adobe Illustrator text Textmanus Filformat:.doc RTF ASCII Strukturera & märk upp: Formatmallar Märkord xml inbäddad 28
Filtyper för fonter Opentype Truetype Postscript typ 1 Installera fonter * fonts i windowsmappen *kontrollpanelen bilder länkas - lågupplöst inbäddad objekgrafik:.eps.pdf.ai Grafik Diagram Logotyper pixelgrafik.tiff.eps.pdf.psd Fotografier CMYK vid tryck Om RGB konvertera vid PDF roterabild bildstorlek bildlänk 29
färg CMYK dekorfärg fyrfärgsbild mer än 2 kulörer 1-2 färger logga guld, neon Pantone (PMS) tryckguider 30