# Trådgrafik för X: bilder som håller läsarna kvar [Canonical HTML page](https://gradiently.design/sv/guide/x-thread-graphics) En tråd står och faller med sitt första inlägg, och sedan med om varje nästa inlägg känns värt scrollandet. Bilder kan göra båda jobben, om de planeras som en uppsättning och inte läggs på som dekoration. ## The short version - God trådgrafik för Twitter planeras som en uppsättning: en krokbild på första inlägget, numrerade kort för huvudpunkterna och ett avslutande kort. - På X visas både en liggande bild i 1600×900 och en stående bild i 1080×1350 bra, och den stående tar mer plats i flödet. - Varje kort i en tråd bör bära en punkt med några få ord, med hela förklaringen i inläggstexten bredvid. - Samma bakgrund, typsnitt och nummerplacering på varje kort får tråden att kännas färdig och lätt att följa. - Att lägga till en bildbeskrivning på varje kort gör tråden läsbar för folk som använder skärmläsare. Den bästa **trådgrafiken för Twitter** kommer som en planerad uppsättning: en krokbild som får folk att öppna tråden, numrerade kort som markerar varje huvudpunkt och ett avslutande kort som berättar för läsarna vad de ska göra härnäst. Gör dem alla av en och samma design så att tråden ser ut som ett enda verk. På X använder du 1600×900 för liggande eller 1080×1350 för stående, som tar mer höjd i flödet. ## Bildstorlekar för trådar på X X visar enskilda bilder i flödet i sin egen form inom vissa gränser, så välj formen med avsikt. Stående vinner uppmärksamhet på första inlägget eftersom den fyller mer av skärmen när folk scrollar. Liggande passar diagram, grafer och skärmdumpar som är breda till sin natur. För hela listan över format, se [bildstorlek på Twitter](https://gradiently.design/sv/guide/x-post-image-design). - X-inlägg 1600×900: 1600 × 900 - X stående 1080×1350: 1080 × 1350 De två formerna värda att designa för. Stående för kroken och för korten; liggande för allt som är brett av naturen. Välj en form för de numrerade korten och behåll den. En tråd som hoppar mellan stående och liggande ser ihopsatt ut av rester. Bifoga ett kort per inlägg: när ett enda inlägg bär flera bilder ordnar X dem i ett rutnät och beskär var och en. Kroken kan skilja sig från korten om den måste, så länge den delar deras bakgrund och typografi. ## Krokbilden: få första inlägget att öppnas Det första inlägget bär hela tråden. Dess bild ska säga löftet med så få ord som möjligt, större än något annat du postar den dagen. Tänk på den som ett omslag: trådens titel, en antydan om hur mycket som finns inuti och inget mer. Ett stående trådomslag med texten 7 prissättningsmisstag vi gjorde, med En tråd ovanför Kroken: ett tydligt löfte och ett antal, så att läsarna vet hur stort det är de öppnar. Ett stående numrerat kort med en stor 1 och raden Vi prissatte efter kostnad, inte värde Kort ett från samma design: ett stort nummer, sedan poängen på en enda rad. Siffror i krokar fungerar eftersom de sätter förväntningar: sju betyder att läsaren kan se slutet. Använd en bara om tråden verkligen innehåller så många punkter, och håll varje korts nummer på samma plats så att antalet läses i en blick när folk scrollar. [Visuell hierarki](https://gradiently.design/sv/guide/visual-hierarchy) förklarar varför numret ska vara det största på kortet. ## Numrerade kort som bär tråden Korten är vägskyltar, inte artikeln. Lägg poängen på kortet och förklaringen i inläggstexten. Den uppdelningen håller korten läsbara i telefonstorlek och ger inläggstexten ett jobb, vilket också hjälper folk som skummar flödet utan att öppna bilder. | Inlägg | Bild | Text bredvid | | --- | --- | --- | | 1 | Krokomslag: löfte och antal | Varför det här spelar roll, en eller två rader | | 2 till 8 | Numrerat kort: en punkt, några få ord | Förklaringen, ett exempel, en siffra | | Datainlägg | Ett rent diagram eller en skärmdump i samma ram | Vad man ska lägga märke till | | Sista | Avslutande kort: sammanfattning eller nästa steg | Uppmaningen: följ, prenumerera, svara | En trådkarta. Att skriva den här tabellen först, innan du designar något, gör grafiken snabb. Inte varje inlägg behöver en bild. Bilder på kroken, vändpunkterna och det avslutande inlägget räcker oftast, och en tråd där varje inlägg har ett kort kan kännas tung. Låt de starkaste punkterna bära ett kort och lämna de bindande inläggen som text. ## En stil för hela tråden Enhetlighet är det som får en tråd att se ut som ett färdigt verk och inte en rad inlägg. Välj en bakgrund, ett typsnitt och en plats för numret, och upprepa dem exakt. En färgpalett med en enda accent för numren räcker. - Botten: #0e1116 - Djupblå: #1f2a44 - Ljusblå: #3b82f6 - Nummeraccent: #facc15 - Bläck: #f3f4f6 En mörk botten passar både mörkt och ljust läge på X. Gult är reserverat för numren, så att ögat hittar antalet först. ### Undvik - Ett stycke text som trängs ihop på ett kort - Olika bakgrunder på varje kort - Små nummer undanstoppade i ett hörn - Skärmdumpar som slängs in i slumpmässiga storlekar - Bilder utan beskrivning ### Gör så här - En punkt per kort, under tolv ord - Samma bakgrund genomgående - Ett stort nummer på samma plats varje gång - Skärmdumpar placerade inuti kortets ram - En kort bildbeskrivning på varje kort X låter dig lägga till en beskrivning till varje bild. Skriv vad kortet säger, ord för ord, plus allt bilden visar som orden inte gör. Det tar en minut per tråd och gör den läsbar för alla. ## Så gör du en uppsättning trådkort snabbt 1. **Skriv tråden först** Skriv varje inlägg som text och markera sedan vilka som förtjänar ett kort. Oftast är det kroken, huvudpunkterna och sista inlägget. 2. **Designa kroken och ett numrerat kort** Dessa två sätter systemet: bakgrund, typsnitt, nummerplacering, marginaler. 3. **Duplicera för varje punkt** Kopiera det numrerade kortet och ändra bara numret och raden. Justera inget annat. 4. **Gör det avslutande kortet** Samma ram, med en sammanfattning av punkterna eller ett enda nästa steg som Följ för del två. 5. **Exportera tillsammans, bifoga i ordning** Döp filerna till 01, 02, 03 så att de laddas upp i följd, och lägg till varje beskrivning när du bifogar. I Gradiently är en tråd en design med en sida per kort, så varje kort delar Marken, typsnitten och layouten, och orden förblir läsbara mot bakgrunden utan rutor eller skuggor. Om punkterna redan finns i ett kalkylblad kan massskapande i Pro göra varje numrerat kort av det i ett svep. Samma sidor blir också en [Instagram-karusell](https://gradiently.design/sv/guide/instagram-carousel-design) eller en [LinkedIn-karusell](https://gradiently.design/sv/guide/linkedin-thought-leader-content) när du vill posta tråden någon annanstans. > **Återanvänd kroken** Ditt krokomslag blir en bra header för en bloggversion av tråden. Rendera om det i 1200×600 i stället för att beskära, så att titeln fortfarande ligger i mitten. [Varumärke på X](https://gradiently.design/sv/guide/x-branding) tar upp profilen runt omkring. ## FAQ ### Vilken storlek ska bilder i en Twitter-tråd ha? Använd 1600×900 för liggande eller 1080×1350 för stående. Stående tar mer plats i flödet, vilket passar krokinlägget. ### Ska varje inlägg i en tråd ha en bild? Nej. Bilder på kroken, huvudpunkterna och det avslutande inlägget räcker oftast; bindande inlägg kan förbli text. ### Hur mycket text ska ett trådkort ha? En punkt på under tolv ord. Lägg förklaringen i inläggstexten bredvid bilden. ### Hur får jag trådgrafiken att se enhetlig ut? Gör ett numrerat kort och duplicera det sedan för varje punkt, ändra bara numret och raden och håll bakgrund, typsnitt och placeringar fasta. ### Kan jag lägga till alt-text på bilder på X? Ja. X låter dig lägga till en beskrivning till varje bild när du bifogar den, och det är värt att göra för varje kort.