{"id":15406,"date":"2019-07-17T09:50:51","date_gmt":"2019-07-17T07:50:51","guid":{"rendered":"https:\/\/www.diedruckerei.de\/magazin\/?p=15406"},"modified":"2025-04-28T14:40:49","modified_gmt":"2025-04-28T12:40:49","slug":"crashkursus-layout","status":"publish","type":"post","link":"https:\/\/www.onlineprinters.dk\/blog\/crashkursus-layout\/","title":{"rendered":"Crashkursus i layout: S\u00e5dan designer du harmoniske layouts"},"content":{"rendered":"<p>Layout s\u00f8rger for en bestemt virkning af trykproduktet eller layoutet p\u00e5 sk\u00e6rmen. I starten af designet kan det derfor anbefales at besk\u00e6ftige sig med layout. Efterf\u00f8lgende forklarer vi mulighederne og stiller gratis skabeloner som download til r\u00e5dighed.<\/p>\n<p><!--more--><\/p>\n<p>Du kender sikker begge ekstremer \u2013 supermarkedsreklamer, som p\u00e5 tyndt, gr\u00e5t avispapir er propfyldt med tilbud og indhold, og den elegante brochure i liggende format p\u00e5 blankt kunsttrykpapir, som p\u00e5 masser af plads reklamerer for luksusbadekar.<\/p>\n<p>P\u00e5 den m\u00e5de er det forskellige komponenter som f.eks. papiret, dvs. f\u00f8lelseskomponenten, men ogs\u00e5 designet med skrifttyper, farver og billeder samt m\u00e6ngden af frirum i og omkring designet, der p\u00e5virker hvordan det virker.<\/p>\n<p>Ved ethvert design ligger der i baggrunden en ramme, inden for hvilken papiret eller ogs\u00e5 sk\u00e6rmen er blevet \u201etrykt\u201c. Dette omr\u00e5de kaldes\u00a0<strong>layout<\/strong> \u2013\u00a0og det er der og skaber sin virkning, uanset om du t\u00e6nker p\u00e5 det, eller om det opst\u00e5r tilf\u00e6ldigt. Derfor kan det altid anbefales i starten af ethvert layout at overveje st\u00f8rrelsen og placeringen af dette layout eller den flade, der kan trykkes p\u00e5.<\/p>\n<h2>Artikeloversigt<\/h2>\n<ul>\n<li><u><a href=\"#type-areas\">Typer af layout<\/a><\/u><\/li>\n<li><u><a href=\"#golden-ratio\">Det gyldne snit i detaljer<\/a><\/u><\/li>\n<li><u><a href=\"&quot;#line-construction\">Linje- eller diagonalkonstruktion<\/a><\/u><\/li>\n<li><u><a href=\"#numbers\">Enkel talraekke<\/a><\/u><\/li>\n<li><u><a href=\"#nine-x-nine\">9-deling<\/a><\/u><\/li>\n<li><u><a href=\"#design\">Designraster<\/a><\/u><\/li>\n<li><u><a href=\"#example\">Et eksempel<\/a><\/u><\/li>\n<li><u><a href=\"#design_indesign\">Designraster med InDesign<\/a><\/u><\/li>\n<li><u><a href=\"#ads\">Layout og visninger<\/a><\/u><\/li>\n<\/ul>\n<p><span style=\"font-size: 14pt;\"><u><a href=\"#templates\">&gt;&gt;&gt; Layoutskabeloner til gratis download &lt;&lt;&lt;<\/a><\/u><\/span><\/p>\n<p><a name=\"type-areas\"><\/a><\/p>\n<h2>Oversigt over layoutmetoder<\/h2>\n<ul>\n<li><strong>Det gyldne snit<\/strong><br \/>\nDen helt klassiske metode, hvis oprindelse ligger i ren\u00e6ssancen, kaldes \u201egyldent snit\u201c. Sideformatet af det gyldne snit kan anvendes til diverse rumopdelinger, s\u00e5ledes ogs\u00e5 til bestemmelse af layout eller til valget af papirst\u00f8rrelsen. Fibonacci-talr\u00e6kken er i t\u00e6t forbindelse med det gyldne snit.<\/li>\n<li><strong>Linjekonstruktionen (ogs\u00e5: diagonalkonstruktionen)<\/strong><br \/>\nVed linjekonstruktionen arbejder man med diagonaler, som ved f\u00f8rste \u00f8jekast virker afskr\u00e6kkende matematisk, men senest ved den tredje anvendelse bliver rystet ud af \u00e6rmet og er et godt alternativ til det gyldne snit.<\/li>\n<li><strong>Den enkel talr\u00e6kke<\/strong><br \/>\nHer bruges talr\u00e6kken 2:3:4:5 eller 2:3:4:6 som hj\u00e6lp til at definere bindingernes proportioner.<\/li>\n<li><strong>9-delingenen<\/strong><br \/>\n9-delingen er et andet godt middel til at n\u00e5 nemt og hurtigt i m\u00e5l, men resultatet kan ikke uden videre skaleres.<\/li>\n<\/ul>\n<h2>Layout basics<\/h2>\n<p>En rumlig midte og afbalancerethed f\u00f8ler man, n\u00e5r der under objekter placeres mere hvidt end over objekterne. S\u00e5ledes befinder den f\u00f8lte, harmonisk optiske midte sig altid lidt over den regnem\u00e6ssige midte. Denne kendsgerning vil vi v\u00e6re opm\u00e6rksom p\u00e5 ved alle konstruktionstyper.<br \/>\nLayoutet af en enkeltside befinder sig som regel horisontalt i midten; ved dokumenter med flere sider skal du medregne, at l\u00e6seren ogs\u00e5 altid betragter to sider ved siden af hinanden, og at det frie indvendige rum, den s\u00e5kaldte indvendige binding, virker dobbelt. Derfor skal man ved dobbeltsidede dokumenter oprette den indvendige binding halv s\u00e5 bredt som den udvendige binding. Desuden findes der ogs\u00e5 begreberne topbinding, dvs. frirummet over den trykte flade, og bundbinding p\u00e5 den nedre kant.<\/p>\n<figure id=\"attachment_15445\" aria-describedby=\"caption-attachment-15445\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-type-area.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15445 size-large\" src=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-type-area.jpg\" alt=\"\" width=\"696\" height=\"490\" \/><\/a><figcaption id=\"caption-attachment-15445\" class=\"wp-caption-text\">Bindinger og layout<\/figcaption><\/figure>\n<p><a name=\"golden-ratio\"><\/a><\/p>\n<h2>Layout med det gyldne snit og Fibonacci<\/h2>\n<p>Det gyldne snit som proportionslov m\u00f8der vi i arkitekturen, billedkunsten, billedhuggerkunsten og i naturen. Den underst\u00f8tter os i en harmonisk opdeling eller underopdeling af flader og str\u00e6kninger. I \u00f8vrigt er ogs\u00e5 forholdet mellem sm\u00e5 og store bogstaver ved mange skrifttyper baseret p\u00e5 det gyldne snit. Ved det gyldne snit forholder den mindre str\u00e6kning sig til den st\u00f8rre som den st\u00f8rre til den samlede str\u00e6kning.<\/p>\n<p>Talr\u00e6kkef\u00f8lgen af Fibonacci-tallene st\u00e5r i t\u00e6t forbindelse med det gyldne snit og m\u00e5 for at g\u00f8re det enkelt bruges som grundlag for layoutfinding efter de \u201eguddommelige proportioner\u201c. Den hedder 1, 1, 2, 3, 5, 8, 13, 21, 34 osv. \u2013 her l\u00e6gges et tal i r\u00e6kkef\u00f8lgen til det forrige for at f\u00e5 det efterf\u00f8lgende. Eksempel: 5 plus det tidligere 3 giver 8.<\/p>\n<p>Lad os nu anvende talr\u00e6kkef\u00f8lgen p\u00e5 et dobbeltsidet layout. Her bruges den strengt taget ikke til at definere layoutet, men som definition af bindingerne og de deraf resulterende layoutproportioner.<\/p>\n<p>Den indvendige binding er som regel altid den mindste. Derefter vokser bindingens st\u00f8rrelse, ved en h\u00f8jre side med uret, ved en venstre side mod uret. Hvis vi overf\u00f8rer talr\u00e6kkerne til bindingsst\u00f8rrelserne, opst\u00e5r der 2 enheder til den indvendige binding, 3 enheder for topbindingen, 5 enheder for den udvendige binding og 8 enheder for bundbindingen. Enhedernes st\u00f8rrelser kan her v\u00e6lges frit og retter sig efter m\u00e6ngden af indholdet, produktet og m\u00e5lgruppen.<\/p>\n<figure id=\"attachment_15448\" aria-describedby=\"caption-attachment-15448\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-golden-ratio.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15448 size-large\" src=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-golden-ratio.jpg\" alt=\"\" width=\"696\" height=\"490\" \/><\/a><figcaption id=\"caption-attachment-15448\" class=\"wp-caption-text\">Layout efter det gyldne snit<\/figcaption><\/figure>\n<p><a name=\"line-construction\"><\/a><\/p>\n<h2>Layout med linjekonstruktionen<\/h2>\n<p>Ved denne metode genererer diagonale linjer et layout; i den forbindelse er den besk\u00e5rne st\u00f8rrelse variabel. F\u00f8rst skal du tr\u00e6kke to diagonaler hen over dobbeltsiden, derefter hhv. en diagonal inden for hver enkeltside, udvendigt forneden til indvendigt foroven. Til det \u00f8vre venstre startpunkt af layout skal du finde et vilk\u00e5rligt punkt p\u00e5 den h\u00f8jre enkeltsidediagonale. Det forf\u00f8lger du men en horisontal linje til h\u00f8jre, indtil du m\u00f8der en dobbeltsidediagonal. Derfra forts\u00e6tter turen lodret nedad, indtil du igen m\u00f8der enkeltsidediagonalen, og derfra lukker du firkanten med en horisontal linje. Det lyder m\u00e5ske forvirrende, men illustrationen forneden b\u00f8r kunne anskueligg\u00f8re det hurtigt.<\/p>\n<p>Du kan til enhver tid foretage \u00e6ndringer af st\u00f8rrelsen af layout, ved at du skubber det \u00f8vre venstre startpunkt p\u00e5 den h\u00f8jre enkeltsidediagonale opad eller l\u00e6ngere nedad. En forskydning opad g\u00f8r layout st\u00f8rre \u2013 mens proportionerne bibeholdes \u2013, en forskydning nedad g\u00f8r det mindre.<\/p>\n<figure id=\"attachment_15453\" aria-describedby=\"caption-attachment-15453\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-diagonal-lines.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15453 size-large\" src=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-diagonal-lines.jpg\" alt=\"\" width=\"696\" height=\"490\" \/><\/a><figcaption id=\"caption-attachment-15453\" class=\"wp-caption-text\">Layout ved hj\u00e6lp af diagonaler<\/figcaption><\/figure>\n<h3>Plan B<\/h3>\n<p>Hvis du har brug for hj\u00e6lp med st\u00f8rrelsen, kan du inds\u00e6tte endnu en linje, som ogs\u00e5 underst\u00f8tter dig i denne beslutning: Start, efter alle fire diagonaler er blevet oprettet, en lodret linje p\u00e5 det punkt, hvor enkeltsidediagonalen og dobbeltsidediagonalen krydser hinanden, og tryk den opad til sidekanten. Der starter du endnu en linje, som l\u00f8ber hen til krydsningspunktet p\u00e5 den anden side. P\u00e5 den m\u00e5de opst\u00e5r et nyt krydsningspunkt mellem den sidste linje og enkeltsidediagonalen \u2013 og det er vores \u00f8vre venstre startpunkt til layoutfirkanten.<\/p>\n<figure id=\"attachment_15456\" aria-describedby=\"caption-attachment-15456\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-diagonal-lines-b.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15456 size-large\" src=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-diagonal-lines-b.jpg\" alt=\"\" width=\"696\" height=\"490\" \/><\/a><figcaption id=\"caption-attachment-15456\" class=\"wp-caption-text\">Layoutdiagonal<\/figcaption><\/figure>\n<p><a name=\"numbers\"><\/a><\/p>\n<h2>Layout med talr\u00e6kken<\/h2>\n<p>Med talr\u00e6kkerne 2:3:4:5 og 2:3:4:6 kan man p\u00e5 en nem m\u00e5de fastl\u00e6gge st\u00f8rrelserne af de fire bindinger; her tager man dog ikke hensyn til forholdet mellem papirbredde og -h\u00f8jde. Alligevel er brugen af de to talr\u00e6kker en hurtig og ofte ogs\u00e5 flot l\u00f8sning.<\/p>\n<figure id=\"attachment_16275\" aria-describedby=\"caption-attachment-16275\" style=\"width: 696px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-16275\" src=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-numbers.jpg\" alt=\"\" width=\"696\" height=\"490\" \/><figcaption id=\"caption-attachment-16275\" class=\"wp-caption-text\">Layout<\/figcaption><\/figure>\n<p><a name=\"nine-x-nine\"><\/a><\/p>\n<h2>Layout med 9-delingen<\/h2>\n<p>Ved 9-delingen underopdeles sidens bredde og h\u00f8jde i hhv. ni felter. Nu lader man p\u00e5 den \u00f8vre og indvendige kant st\u00e5 hhv. et felt fri, udvendigt og forneden hhv. to felter. Ulempen ved denne metode er den ikke skalerbare bindingsbredde ved en relativt lille og s\u00e5ledes ogs\u00e5 fast st\u00f8rrelse af layout.<\/p>\n<figure id=\"attachment_15461\" aria-describedby=\"caption-attachment-15461\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-9x9.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15461 size-large\" src=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-9x9.jpeg\" alt=\"\" width=\"696\" height=\"490\" \/><\/a><figcaption id=\"caption-attachment-15461\" class=\"wp-caption-text\">Layout 9\u2019er<\/figcaption><\/figure>\n<p><a name=\"design\"><\/a><\/p>\n<h2>Designrasteren<\/h2>\n<p>Mens vores layout eller bindingsbredderne nu definerer de udvendige kanter, er der stadig helt tomt inden for layoutet. Netop ved omfangsrige projekter med indhold med sm\u00e5 dele eller ved dokumenter med flere sider har vi ogs\u00e5 inden for layoutet brug for en struktur \u2013 <strong>designrasteren<\/strong>.<\/p>\n<p>Rasteren underopdeler layout horisontalt og vertikalt i rasterfelter og underst\u00f8tter ved at organisere tekster og billeder.<\/p>\n<h3>Horisontal underopdeling<\/h3>\n<p>Lad os starte med den horisontale underopdeling. Den opst\u00e5r ved en <strong>kolonneraster<\/strong>, som underopdeler teksten i flere kolonner plus mellemslaget mellem kolonnerne. I eksemplet arbejder vi med en papirbredde p\u00e5 200 mm og et layout med diagonalkonstruktionen. Layoutm\u00e5lene, der er opst\u00e5et p\u00e5 den m\u00e5de, hedder<\/p>\n<pre>161 x 224,5 mm.<\/pre>\n<p>Bredde af layout underopdeles i tre tekstkolonner med en bredde p\u00e5 50,3\u00a0mm og et mellemslag p\u00e5 5\u00a0mm.<\/p>\n<figure id=\"attachment_15462\" aria-describedby=\"caption-attachment-15462\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-grid-cells.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image size-large wp-image-15462\" src=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-grid-cells.jpeg\" alt=\"\" width=\"696\" height=\"490\" \/><\/a><figcaption id=\"caption-attachment-15462\" class=\"wp-caption-text\">Rasterceller i layout<\/figcaption><\/figure>\n<h3>Vertikal underopdeling<\/h3>\n<p>I den vertikale definerer h\u00f8jden af layout f\u00f8rst kolonneh\u00f8jden, som b\u00f8r v\u00e6re mange gange grundlinjerasteren, dvs. af r\u00e6kkeafstanden fra grundtesten. Denne h\u00f8jde b\u00f8r nu ogs\u00e5 underopdeles, hvorved der til sidst opst\u00e5r celler. Celleh\u00f8jden retter sig som regel efter cellebredden og b\u00f8r skabe et harmonisk tv\u00e6rformat. Ofte bruges selv det mindste billedformat som definition for cellest\u00f8rrelsen. Men celleh\u00f8jden skal v\u00e6re oprettet p\u00e5 en s\u00e5dan m\u00e5de, at flere celler over hinanden ender eksakt p\u00e5 den nedre kant af layout \u2013\u00a0h\u00f8jden af layout er s\u00e5ledes altid mange gange rastercelleh\u00f8jden.<\/p>\n<h3>Rasterceller<\/h3>\n<p>De opst\u00e5ede celler fylder nu fladen af layout helt ud og hj\u00e6lper os i baggrunden med at placere objekter p\u00e5 samme m\u00e5de som ved fastl\u00e6ggelsen af st\u00f8rrelser. F.eks. billeder eller kasser bev\u00e6ger sig nu i rastercelletrin; det mindste billede eller den mindste kasse har st\u00f8rrelsen af en rastercelle; st\u00f8rre billeder er altid mange gange rastercellerne.<\/p>\n<figure id=\"attachment_15463\" aria-describedby=\"caption-attachment-15463\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-grid-cells-example.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image size-large wp-image-15463\" src=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-grid-cells-example.jpeg\" alt=\"\" width=\"696\" height=\"490\" \/><\/a><figcaption id=\"caption-attachment-15463\" class=\"wp-caption-text\">Eksempel p\u00e5 anordning af en artikel inden for layout ved hj\u00e6lp af rasterceller<\/figcaption><\/figure>\n<p>Generelt g\u00e6lder: Jo mindre cellest\u00f8rrelserne er, jo mere fleksibel er man ved designet, men jo mere kaotisk kan fordelingen af objekterne blive. Ved for sm\u00e5 rasterceller mister rasteren sin nytte.<\/p>\n<p><a name=\"example\"><\/a><\/p>\n<h2>En eksempelberegning for layout<\/h2>\n<p>Et eksempel skal anskueligg\u00f8re beregning af layout. Det viser ogs\u00e5, at man ikke altid kan regne millimeterpr\u00e6cist, men i stedet for b\u00f8r holde sit layout samt designrasteren fleksibelt. Vi g\u00e5r ud fra f\u00f8lgende antagelser:<\/p>\n<p><strong>Papirformat<\/strong>: 200\u00a0x\u00a0280\u00a0mm<br \/>\n<strong>Br\u00f8dtekst<\/strong>: 9 pt skriftst\u00f8rrelse, 12 pt linjeafstand<\/p>\n<p>Efter ovenst\u00e5ende udkast for layout ligger vores planlagte ca.h\u00f8jde for layout i eksemplet mellem 210 og 230 mm. Konkret ville der efter\u00a0<u><a href=\"#line-construction\">linjekonstruktionen<\/a> <\/u>opst\u00e5 en h\u00f8jde af layout p\u00e5 225\u00a0mm.<\/p>\n<p>Nu deler vi denne h\u00f8jde p\u00e5 225\u00a0mm med de 12 pt fra grundlinjerasteren, dvs. 4,236\u00a0mm, hvilket giver 53,11. Men vi har brug for mange gange vores grundlinjeraster. Derfor runder vi op p\u00e5 53 r\u00e6kker og reducerer layout til 53 * 4,236 = 224,5\u00a0mm.<\/p>\n<p>Ved 53 r\u00e6kker kan man med fordel bruge 6 rasterfelter med hhv. 8 r\u00e6kker plus en r\u00e6kke mellemrum. Vi har s\u00e5ledes 6 rasterfelter * 8 r\u00e6kker = 48 r\u00e6kker plus 5 r\u00e6kker mellemrum = 53 r\u00e6kker = 224,5\u00a0mm.<\/p>\n<p>Kort mellemfacit \u2013 vi har nu beregnet f\u00f8lgende v\u00e6rdier til vores side:<\/p>\n<ul>\n<li><strong>Raster<\/strong>: 6 rasterfelter med hhv. 8 r\u00e6kker<\/li>\n<li><strong>Opdeling<\/strong>: 53 r\u00e6kker med hhv. 12\u00a0pt<\/li>\n<li><strong>Effektiv h\u00f8jde af layout<\/strong>: 224,5\u00a0mm<\/li>\n<\/ul>\n<p>Hvor store er top- og bundbindingen nu? Der fremg\u00e5r af f\u00f8lgende beregning:<br \/>\n280\u00a0mm (papirh\u00f8jde) \u2013 224,5\u00a0mm (satsh\u00f8jde) = 55,5 mm tilbage til top- og bundbindingen.<\/p>\n<p>What is the size of the top and bottom margin? This can be calculated as follows:<br \/>\n280\u00a0mm (paper height) \u2013 224.5\u00a0mm (type area height) = 55.5\u00a0mm remain for the top and bottom margin.<\/p>\n<p>Bindingsproportionerne iht. <u><a href=\"#golden-ratio\">Fibonacci<\/a><\/u>: 55.5 mm \/ 8 x 5 = 34.7 mm for bundbindingen; 20,8 mm for topbindingen; som alternativ anvender vi bindingsproportionerne fra\u00a0<u><a href=\"#line-construction\">linjekonstruktionen<\/a><\/u> hvor der er 37,1\u00a0mm for bundbindingen og 18,4\u00a0mm for topbindingen.<\/p>\n<ul>\n<li><strong>Topbinding<\/strong>: 18,4\u00a0mm<\/li>\n<li><strong>Bundbinding<\/strong>: 37,1\u00a0mm<\/li>\n<\/ul>\n<figure id=\"attachment_15455\" aria-describedby=\"caption-attachment-15455\" style=\"width: 696px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-calculating.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15455 size-large\" src=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-calculating.jpeg\" alt=\"\" width=\"696\" height=\"490\" \/><\/a><figcaption id=\"caption-attachment-15455\" class=\"wp-caption-text\">Beregning af layout<\/figcaption><\/figure>\n<p><a name=\"design_indesign\"><\/a><\/p>\n<h2>Generer designraster i InDesign<\/h2>\n<p>I <u><a href=\"https:\/\/www.onlineprinters.co.uk\/magazine\/indesign-tutorials\/\">Adobe InDesign<\/a> <\/u>fastl\u00e6gges layout via indtastning af bindingsbredderne, i InDesign kaldt kanter. Indtastningen foretages enten direkte i starten ved oprettelsen af filen eller efterf\u00f8lgende, mens filen er \u00e5ben.<\/p>\n<figure id=\"attachment_15458\" aria-describedby=\"caption-attachment-15458\" style=\"width: 453px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-settings.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15458 size-full\" src=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-settings.jpg\" alt=\"\" width=\"453\" height=\"589\" \/><\/a><figcaption id=\"caption-attachment-15458\" class=\"wp-caption-text\">Layoutet kan i InDesign oprettes ved oprettelsen af et dokument\u2026<\/figcaption><\/figure>\n<p>Hvis man foretager indtastningen efterf\u00f8lgende, skal man v\u00e6re opm\u00e6rksom p\u00e5, hvilke sider der p.t. er aktive, mens man \u00e5bner dialogen, fordi det kun er bindingerne af\u00a0<strong>de \u00e5bne sider,<\/strong>\u00a0der \u00e6ndres!<\/p>\n<p>Hvis man vil indstille alle sider i dokumentet, skal man f\u00f8rst i udvalget Sider med et dobbeltklik springe til en m\u00f8nsterside, s\u00e5 ved et dobbeltsidet dokument ogs\u00e5 aktivere den anden m\u00f8nsterside og f\u00f8rst derefter \u00e5bne dialogen til indtastning af kanterne via menuen\u00a0<span class=\"guideline\">Layout<\/span>\u00a0&gt;\u00a0<span class=\"guideline\">Kanter og kolonner<\/span>.<\/p>\n<figure id=\"attachment_15459\" aria-describedby=\"caption-attachment-15459\" style=\"width: 584px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-margins-columns.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"td-modal-image wp-image-15459 size-full\" src=\"https:\/\/www.onlineprinters.co.uk\/magazine\/wp-content\/uploads\/2019\/01\/page-construction-margins-columns.jpg\" alt=\"\" width=\"584\" height=\"263\" \/><\/a><figcaption id=\"caption-attachment-15459\" class=\"wp-caption-text\">\u2026 hvilket dog ogs\u00e5 kan \u00e6ndres efterf\u00f8lgende.<\/figcaption><\/figure>\n<h3>Generer raster i InDesign<\/h3>\n<p>Selve rasterfelterne kan genereres med hj\u00e6lpelinjer. Som alternativ opretter man lyse firkanter, som man helst skal l\u00e6gge p\u00e5 et separat lag, som man skal sp\u00e6rre. P\u00e5 den m\u00e5de kan de til enhver tid vises igen som placeringshj\u00e6lp og skjules for previewet.<\/p>\n<p><a name=\"ads\"><\/a><\/p>\n<h2>S\u00e6rlige tilf\u00e6lde<\/h2>\n<p>Ved bestemte forhold skal layout samt designrasteren retter sig efter nogle definitioner. Som regel er det tilf\u00e6ldet, hvis dele af indholdet har nogle faste m\u00e5ldefinitioner, som det f.eks. er ved annoncer. Annoncekunden f\u00e5r s\u00e5 f.eks. solgt en annonce med en fast bredde og h\u00f8jde, som designeren skal integrere i sit layout. I bedste fald svarer det mindste annonceformat s\u00e5 til en rastercelle, og de st\u00f8rre annoncer svarer til flere rasterceller. I praksis er det dog for det meste omvendt, og rastercellerne skal rette sig efter annoncens h\u00f8jde- og breddeproportioner.<\/p>\n<div class=\"custom-background custom-background-dos\">\n<ul>\n<li>Afklar annoncernes mulige st\u00f8rrelser, inden der genereres layout og designrasteren.<\/li>\n<li>Proportionerne af en rastercelle beh\u00f8ver ikke svare til dem fra en annonce. F.eks. kan en kvadratisk annonce ogs\u00e5 best\u00e5 af 2 x 3 rasterfelter.<\/li>\n<li>Arbejd i tvivlstilf\u00e6lde med sm\u00e5 rasterceller for at v\u00e6re mere fleksibel.<\/li>\n<\/ul>\n<\/div>\n<p><a name=\"templates\"><\/a><\/p>\n<h2>Layoutskabeloner<\/h2>\n<p>Fordi layoutet netop for begynder ikke er nemt at oprette, har vi udarbejdet nogle skabeloner for dig som InDesign-filer inden for alle beregningstyper. Dem kan du downloade gratis her. N\u00f8gledataene er:<\/p>\n<ul>\n<li>i formatet A4<\/li>\n<li>i formatet 200\u00a0x\u00a0280\u00a0mm<\/li>\n<li>alt efter layout ogs\u00e5 i to st\u00f8rrelser<\/li>\n<\/ul>\n<h3>Downloads<\/h3>\n<p><strong>Layoutskabelon gyldent snit:<\/strong><\/p>\n<p><a class=\"op-read-more in-post aligncenter\" href=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/07\/page-construction-golden-ratio-a4.zip\">Download layoutskabelon A4<\/a><\/p>\n<p><a class=\"op-read-more in-post aligncenter\" href=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/07\/page-construction-golden-ratio-200x280.zip\">Download layoutskabelon 200 x 280 mm\u00a0<\/a><\/p>\n<p><strong>Layoutskabeloner diagonal-\/linjekonstruktion:<\/strong><\/p>\n<p><a class=\"op-read-more in-post aligncenter\" href=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/07\/page-construction-diagonal-a4.zip\">Download layoutskabelon A4<\/a><\/p>\n<p><a class=\"op-read-more in-post aligncenter\" href=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/07\/page-construction-diagonal-200x280.zip\">Download layoutskabelon 200 x 280 mm<\/a><\/p>\n<p><strong>Layoutskabeloner talr\u00e6kke:<\/strong><\/p>\n<p><a class=\"op-read-more in-post aligncenter\" href=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/07\/page-construction-number-series-a4.zip\">Download layoutskabelon A4<\/a><\/p>\n<p><a class=\"op-read-more in-post aligncenter\" href=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/07\/page-construction-number-series-200x280.zip\">Download layoutskabelon 200 x 280 mm<\/a><\/p>\n<p><strong>Layoutskabeloner 9-deling:<\/strong><\/p>\n<p><a class=\"op-read-more in-post aligncenter\" href=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/07\/page-construction-9x9-a4.zip\">Download layoutskabelon A4<\/a><\/p>\n<p><a class=\"op-read-more in-post aligncenter\" href=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/07\/page-construction-9x9-200x280.zip\">Download layoutskabelon 200 x 280 mm<\/a><\/p>\n<div class=\"custom-background-grey\">\n<p><strong>Billeddokumentation:<\/strong>\u00a0Rawpixel.com\/Shutterstock.com<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Fra Fibonacci til det gyldne snit: Layout er afg\u00f8rende for, om et design har succes eller ikke. Vores guide hj\u00e6lper dig og giver dig nogle skabeloner.<\/p>\n","protected":false},"author":44,"featured_media":19828,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,5],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Layout knowhow Gratis skabeloner som download<\/title>\n<meta name=\"description\" content=\"Layout s\u00f8rger for en bestemt virkning af trykproduktet eller layoutet p\u00e5 sk\u00e6rmen. I starten af designet kan det derfor anbefales at besk\u00e6ftige sig med layout. Efterf\u00f8lgende forklarer vi mulighederne og stiller gratis skabeloner som download til r\u00e5dighed.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.onlineprinters.dk\/blog\/crashkursus-layout\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Crashkursus i layout: S\u00e5dan designer du harmoniske layouts\" \/>\n<meta property=\"og:description\" content=\"Layout s\u00f8rger for en bestemt virkning af trykproduktet eller layoutet p\u00e5 sk\u00e6rmen. I starten af designet kan det derfor anbefales at besk\u00e6ftige sig med layout. Efterf\u00f8lgende forklarer vi mulighederne og stiller gratis skabeloner som download til r\u00e5dighed.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.onlineprinters.dk\/blog\/crashkursus-layout\/\" \/>\n<meta property=\"og:site_name\" content=\"onlineprinters.dk Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-17T07:50:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-28T12:40:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/07\/page-construction.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Claudia\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Crashkursus i layout: S\u00e5dan designer du harmoniske layouts\" \/>\n<meta name=\"twitter:label1\" content=\"Skrevet af\" \/>\n\t<meta name=\"twitter:data1\" content=\"Claudia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.onlineprinters.dk\/blog\/crashkursus-layout\/\",\"url\":\"https:\/\/www.onlineprinters.dk\/blog\/crashkursus-layout\/\",\"name\":\"Layout knowhow Gratis skabeloner som download\",\"isPartOf\":{\"@id\":\"https:\/\/www.onlineprinters.dk\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.onlineprinters.dk\/blog\/crashkursus-layout\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.onlineprinters.dk\/blog\/crashkursus-layout\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/07\/page-construction.jpg\",\"datePublished\":\"2019-07-17T07:50:51+00:00\",\"dateModified\":\"2025-04-28T12:40:49+00:00\",\"author\":{\"@id\":\"https:\/\/www.onlineprinters.dk\/blog\/#\/schema\/person\/62c9f19fb18c4d78c9598e92c0793791\"},\"description\":\"Layout s\u00f8rger for en bestemt virkning af trykproduktet eller layoutet p\u00e5 sk\u00e6rmen. I starten af designet kan det derfor anbefales at besk\u00e6ftige sig med layout. Efterf\u00f8lgende forklarer vi mulighederne og stiller gratis skabeloner som download til r\u00e5dighed.\",\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.onlineprinters.dk\/blog\/crashkursus-layout\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/www.onlineprinters.dk\/blog\/crashkursus-layout\/#primaryimage\",\"url\":\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/07\/page-construction.jpg\",\"contentUrl\":\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/07\/page-construction.jpg\",\"width\":1200,\"height\":627},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.onlineprinters.dk\/blog\/#website\",\"url\":\"https:\/\/www.onlineprinters.dk\/blog\/\",\"name\":\"onlineprinters.dk Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.onlineprinters.dk\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.onlineprinters.dk\/blog\/#\/schema\/person\/62c9f19fb18c4d78c9598e92c0793791\",\"name\":\"Claudia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/www.onlineprinters.dk\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2018\/10\/avatar.png\",\"contentUrl\":\"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2018\/10\/avatar.png\",\"caption\":\"Claudia\"},\"sameAs\":[\"http:\/\/www.typostil.de\"],\"url\":\"https:\/\/www.onlineprinters.dk\/blog\/author\/claudia\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Layout knowhow Gratis skabeloner som download","description":"Layout s\u00f8rger for en bestemt virkning af trykproduktet eller layoutet p\u00e5 sk\u00e6rmen. I starten af designet kan det derfor anbefales at besk\u00e6ftige sig med layout. Efterf\u00f8lgende forklarer vi mulighederne og stiller gratis skabeloner som download til r\u00e5dighed.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.onlineprinters.dk\/blog\/crashkursus-layout\/","og_locale":"da_DK","og_type":"article","og_title":"Crashkursus i layout: S\u00e5dan designer du harmoniske layouts","og_description":"Layout s\u00f8rger for en bestemt virkning af trykproduktet eller layoutet p\u00e5 sk\u00e6rmen. I starten af designet kan det derfor anbefales at besk\u00e6ftige sig med layout. Efterf\u00f8lgende forklarer vi mulighederne og stiller gratis skabeloner som download til r\u00e5dighed.","og_url":"https:\/\/www.onlineprinters.dk\/blog\/crashkursus-layout\/","og_site_name":"onlineprinters.dk Blog","article_published_time":"2019-07-17T07:50:51+00:00","article_modified_time":"2025-04-28T12:40:49+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/07\/page-construction.jpg","type":"image\/jpeg"}],"author":"Claudia","twitter_card":"summary_large_image","twitter_title":"Crashkursus i layout: S\u00e5dan designer du harmoniske layouts","twitter_misc":{"Skrevet af":"Claudia","Estimeret l\u00e6setid":"11 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.onlineprinters.dk\/blog\/crashkursus-layout\/","url":"https:\/\/www.onlineprinters.dk\/blog\/crashkursus-layout\/","name":"Layout knowhow Gratis skabeloner som download","isPartOf":{"@id":"https:\/\/www.onlineprinters.dk\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.onlineprinters.dk\/blog\/crashkursus-layout\/#primaryimage"},"image":{"@id":"https:\/\/www.onlineprinters.dk\/blog\/crashkursus-layout\/#primaryimage"},"thumbnailUrl":"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/07\/page-construction.jpg","datePublished":"2019-07-17T07:50:51+00:00","dateModified":"2025-04-28T12:40:49+00:00","author":{"@id":"https:\/\/www.onlineprinters.dk\/blog\/#\/schema\/person\/62c9f19fb18c4d78c9598e92c0793791"},"description":"Layout s\u00f8rger for en bestemt virkning af trykproduktet eller layoutet p\u00e5 sk\u00e6rmen. I starten af designet kan det derfor anbefales at besk\u00e6ftige sig med layout. Efterf\u00f8lgende forklarer vi mulighederne og stiller gratis skabeloner som download til r\u00e5dighed.","inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.onlineprinters.dk\/blog\/crashkursus-layout\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/www.onlineprinters.dk\/blog\/crashkursus-layout\/#primaryimage","url":"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/07\/page-construction.jpg","contentUrl":"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2019\/07\/page-construction.jpg","width":1200,"height":627},{"@type":"WebSite","@id":"https:\/\/www.onlineprinters.dk\/blog\/#website","url":"https:\/\/www.onlineprinters.dk\/blog\/","name":"onlineprinters.dk Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.onlineprinters.dk\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Person","@id":"https:\/\/www.onlineprinters.dk\/blog\/#\/schema\/person\/62c9f19fb18c4d78c9598e92c0793791","name":"Claudia","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/www.onlineprinters.dk\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2018\/10\/avatar.png","contentUrl":"https:\/\/www.onlineprinters.dk\/blog\/wp-content\/uploads\/2018\/10\/avatar.png","caption":"Claudia"},"sameAs":["http:\/\/www.typostil.de"],"url":"https:\/\/www.onlineprinters.dk\/blog\/author\/claudia\/"}]}},"_links":{"self":[{"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/posts\/15406"}],"collection":[{"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/users\/44"}],"replies":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/comments?post=15406"}],"version-history":[{"count":4,"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/posts\/15406\/revisions"}],"predecessor-version":[{"id":19840,"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/posts\/15406\/revisions\/19840"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/media\/19828"}],"wp:attachment":[{"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/media?parent=15406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/categories?post=15406"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.onlineprinters.dk\/blog\/wp-json\/wp\/v2\/tags?post=15406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}