# Design av flyer: layouter som läses på tre sekunder [Canonical HTML page](https://gradiently.design/sv/guide/flyer-design) En flyer får en blick på en anslagstavla, en disk eller en dörrmatta. Planera den så att blicken räcker: rätt storlek, orden i rätt ordning och en fil som tryckeriet kan använda. ## The short version - Bra flyerdesign ger en förbipasserande ett budskap som går att ta in med en blick, sedan detaljerna och en tydlig uppmaning. - En A5-flyer är 148 × 210 mm, vilket är 1748 × 2480 pixlar i 300 dpi. - Ett användbart arbetsmål är en flyer vars rubrik och syfte går att förstå på ungefär tre sekunder på en armlängds avstånd. - De flesta flyers misslyckas för att varje rad får samma tyngd, så ingenting leder blicken. - Före tryck ska du dra ut bakgrunden i utfallet, hålla orden innanför den säkra marginalen och skicka en tryck-PDF. Bra **flyerdesign** handlar mest om ordning. En förbipasserande ska få ett budskap med en blick, en rubrik som är stor nog att läsa på armlängds avstånd, sedan tre eller fyra detaljer och sedan en sak att göra. Lägg upp den på en A5-sida (1748 × 2480 pixlar i 300 dpi), gör rubriken minst tre gånger så stor som brödtexten och lämna riktigt med luft runt den. Tre sekunder är ett bra mål: om en främling inte kan säga vad din flyer är till för på den tiden behöver layouten ännu en vända. ## Flyerstorlekar i pixlar och millimeter A5 är vardagsflyern: den ryms i en hand, en brevlåda och på en kafédisk. A4 passar anslagstavlor och skyltfönster, och US Letter är den amerikanska motsvarigheten. Designa i tryckstorlek från början, eftersom en liten design som skalas upp senare gör varje kant suddig. | Format | Beskuren storlek | Pixlar i 300 dpi | Passar för | | --- | --- | --- | --- | | A5-flyer | 148 × 210 mm | 1748 × 2480 | Utdelning, brevlådor, diskar | | A4 | 210 × 297 mm | 2480 × 3508 | Anslagstavlor, fönster | | US Letter | 8,5 × 11 tum | 2550 × 3300 | Flyers som trycks i USA och Kanada | | A3-affisch | 297 × 420 mm | 3508 × 4961 | När flyern blir en affisch | Beskurna storlekar före utfall. Pixeltalen är den beskurna storleken gånger 300. Hela metoden finns i vår guide om [upplösning för tryck](https://gradiently.design/sv/guide/image-resolution-for-print). - A5 1748×2480: 1748 × 2480 - US Letter 2550×3300: 2550 × 3300 - Instagraminlägg 1080×1350: 1080 × 1350 A-formaten delar samma form, så en A5-layout skalas rent till A4 och A3. US Letter är något bredare, och ett 4:5-inlägg är bredare ännu. ## Flyerns hierarki på tre sekunder Se en flyer som tre lager som läses i ordning. **Kroken** är vad det är, på fyra till sex ord. **Detaljerna** svarar på när, var och hur mycket. **Uppmaningen** talar om vad folk ska göra härnäst: boka, skanna, dyka upp. Allt annat är frivilligt, och det mesta bör bort. En A5-flyer för en öppen ateljé med en stor rubrik och en rad detaljer på en gradientbakgrund Krok, detaljer, uppmaning. En rubrik gör jobbet och detaljerna ligger stilla under den. En A5-reaflyer med en stor erbjudanderubrik, en liten tidsgräns ovanför och en instruktion under En reaflyer följer samma ordning: erbjudandet, begränsningen, instruktionen. Storleksskillnaden mellan lagren är det som gör en flyer läsbar på avstånd. Om rubriken bara är lite större än detaljerna har blicken ingenstans att börja. Vår guide om [visuell hierarki](https://gradiently.design/sv/guide/visual-hierarchy) går igenom principen mer ingående. ## Så designar du en flyer, steg för steg 1. **Skriv kroken innan du öppnar något verktyg** Fyra till sex ord som säger vad det här är. ”Yoga i parken” slår ”Sommarens välmåendeserie 2026”. 2. **Lista detaljerna och korta ner dem till tre** Datum och tid, plats, pris eller inträde. Allt annat kan ligga på webbplatsen eller bakom QR-koden. 3. **Välj en enda uppmaning** Boka online, skanna för att reservera eller bara dyka upp. Två uppmaningar delar uppmärksamheten, tre ignoreras. 4. **Sätt textstorlekarna som en stege** På A5 är en rubrik på ungefär 60 till 90 pt, detaljer på ungefär 14 till 18 pt och finstilt text inte mindre än 8 pt en pålitlig startpunkt. 5. **Låt bakgrunden bära stämningen** En stark färg eller gradientyta gör en flyer igenkännbar över en hel anslagstavla innan någon har läst den. 6. **Skriv ut en hemma först** Sätt upp den, backa två meter och kolla att kroken fortfarande går att läsa. Skärmar smickrar liten text. ## Ord och layout: det som fungerar på en flyer ### Undvik - Fem olika typsnitt och tre justeringar - Varje rad i fetstil eller versaler - Ett stycke beskrivning - Text som går ända ut till beskärningskanten - En QR-kod utan anledning att skanna den ### Gör så här - Ett typsnitt, högst två vikter - Fetstil reserverad för kroken - Tre korta detaljer, var och en på sin egen rad - Ord inom en säker marginal på 5 mm - ”Skanna för att boka” tryckt intill koden Justering betyder mer än dekoration. En enda vänsterkant för varje rad läses som lugn och ordnad. Centrerad text fungerar för korta inbjudningar och evenemang men blir ojämn med långa rader. En typsnittsfamilj i två vikter är det säkraste valet på en flyer. Vill du ha ett andra snitt visar [typsnittspar](https://gradiently.design/sv/guide/font-pairing) vilka kombinationer som håller ihop. ## Färg och bakgrunder som klarar tryck Skärmar lyser och papper gör det inte, så mycket mättade violetta, elektriskt blå och neongröna toner trycks oftast matta jämfört med hur de ser ut. Håll en mörk eller rik botten, använd färger som ligger nära varandra och räkna med att tryckeriet konverterar filen till CMYK. Vår sida om [tryck av gradienter](https://gradiently.design/sv/guide/print-gradients) förklarar hur du undviker bandning och geggiga mellantoner. Tryckvänlig: marin till petrol till ockra: `linear-gradient(160deg, #1e3a5f 0%, #2f6f8f 50%, #e9c46a 100%)` Djup marinblå, en dämpad petrol och en varm ockra ryms alla bekvämt inom vad en tryckpress kan återge, så flyern i din hand ser ut som den på skärmen. Ord på en gradient behöver en lugn yta med hög kontrast bakom sig. I Gradiently flyttar Marken bakom din flyer sitt lugnaste område bakom texten och auto ink väljer ljus eller mörk text per rad, så att varje rad på flyern förblir läsbar utan ruta eller skugga. Mer om det i [text på en gradientbakgrund](https://gradiently.design/sv/guide/text-on-gradient). ## Förbered en flyerfil för tryck - Dra ut bakgrunden förbi beskärningen med tryckeriets utfall, oftast 3 mm eller 0,125 tum på varje sida. Se [utfall och säkra marginaler vid tryck](https://gradiently.design/sv/guide/bleed-and-margins). - Håll varje ord och logotyp minst 5 mm innanför beskärningen. - Kontrollera att foton har minst 300 pixlar per tum i tryckt storlek. - Exportera en PDF med utfall och skärmärken, inte en skärmdump eller en webb-JPEG. - Be om ett korrektur om upplagan är stor eller färgerna är viktiga. Flyers reser sällan ensamma. Samma evenemang behöver oftast ett Instagraminlägg, en story och kanske en A3-affisch. Gradiently Designer kan skriva orden, lägga ut flyern i din Mark och göra de andra storlekarna utifrån samma design, och Pro exporterar en tryck-PDF med 3 mm utfall och skärmärken när A5:n är redo för tryckeriet, med Marken utdragen i utfallet åt dig. ## FAQ ### Hur stor är en flyer i pixlar? En A5-flyer är 1748 × 2480 pixlar i 300 dpi, en A4-flyer är 2480 × 3508 och en US Letter-flyer är 2550 × 3300. ### Vad ska en flyer innehålla? En kort rubrik som säger vad det är, nyckeldetaljerna som datum, plats och pris, och en tydlig uppmaning. Lämna allt annat till webbplatsen. ### Vilken teckenstorlek ska rubriken på en flyer ha? På A5 går en rubrik på mellan ungefär 60 och 90 pt att läsa från några steg bort. Håll detaljerna runt 14 till 18 pt. ### Behöver flyers utfall? Ja, om färgen eller bakgrunden går ut till kanten. Lägg till tryckeriets utfall, oftast 3 mm eller 0,125 tum, på varje sida. ### Vilket filformat ska jag skicka till tryckeriet? En PDF med utfall och skärmärken är det säkraste valet. En PNG i hög upplösning fungerar hos vissa tryckerier, men en tryck-PDF undviker de flesta problem.