Kort fortalt
- Twitter branding på X hviler på fire visuelle elementer: profilbilledet, headeren i 1500×500, billederne i opslag og de linkkort, din hjemmeside skaber.
- Profilbilledet står ved siden af hvert opslag og svar, så det bør være et enkelt symbol eller et tæt beskåret portræt, der kan læses i meget lille størrelse.
- Billeder i opslag på X virker bedst i 1600×900 til liggende eller 1080×1350 til stående format.
- Linkkort kommer fra din hjemmesides metatags, så et Open Graph-billede i 1200×630 i dit brandudtryk gør hvert delt link genkendeligt.
- Bruger du samme familie af baggrunde på header, billeder i opslag og linkkort, bindes spredte opslag sammen til ét synligt brand.
På denne side
Twitter branding på X handler om fire visuelle elementer, du styrer: profilbilledet ved hvert opslag, headeren i 1500×500 på din profil, de billeder, du vedhæfter opslag, og de linkkort, din egen hjemmeside skaber, når nogen deler den. Det meste af tiden møder folk dig som en lille cirkel og et par linjer tekst i et hurtigt feed. Så hvert element skal være enkelt, og alle fire skal se ud, som om de kommer fra samme sted.
Dit brandkit til X i overblik
Størrelse
Hvor folk ser det
Hvor folk ser det
Størrelse
Hvor folk ser det
Størrelse
Hvor folk ser det
Hvor folk ser det
Et profilbillede, der overlever tidslinjen
Dit profilbillede er det billede, du gentager mest. Det står ved hvert svar, i notifikationer og i andres citatopslag, ofte mindre end en negl. Et fuldt logo med ordmærke forsvinder i den størrelse. Brug et enkelt symbol, et monogram eller et tæt portræt af hoved og skuldre, på en ensfarvet eller blødt belyst baggrund i din brandfarve. Hold det ens på alle platforme, så folk, der følger dig andre steder, straks genkender dig.
Design af headeren på X
Headeren er 1500×500, en strimmel i 3:1. Profilbilledet overlapper dens nederste venstre del, og forskellige skærme beskærer toppen og bunden en smule, så hold ord i det midterste bånd og væk fra det hjørne. Én linje virker bedst: hvad du laver, hvad du bygger, eller den ene ting, du vil have en besøgende til at huske. Fastgør et opslag, der uddyber det. Størrelse på X-header har de sikre områder i detaljer.
Én linje, placeret midt til højre, på den samme baggrund, som kontoen bruger til hvert billede i opslag.
Behandl det fastgjorte opslag som anden halvdel af headeren. En besøgende læser linjen i headeren, kaster et blik på bioen og ser så det fastgjorte opslag lige nedenunder. Gør det opslag til den bedste korte introduktion til det, du laver, med et billede i samme udtryk, og forny det, når du har noget bedre at vise. Et par, der virker godt:
- En introduktion i ét billede: hvem du er, hvad du laver, hvad de kan forvente, hvis de følger dig.
- Din bedste tråd, med et nummereret forsidebillede, så den læses som en serie.
- En aktuel lancering eller et tilbud, udskiftet, så snart det slutter, så det aldrig bliver forældet.
Billeder i opslag, der ligner dine
De fleste opslag på X er ord, og sådan skal det blive ved. Tilføj et billede, når det gør et stykke arbejde: indrammer en vigtig linje, viser et resultat, annoncerer noget eller bærer et diagram. Når du gør det, så brug et lille sæt layouts på én familie af baggrunde, så folk lærer at genkende dem midt i et scroll.
Et liggende opdateringskort i 1600×900. Ét tal, én linje kontekst.
Et stående citatkort i 1080×1350, som fylder mere af en telefonskærm.
Hold teksten stor: folk læser X på telefoner, og tidslinjen viser billeder mindre, end du designede dem. To eller tre ord per linje, én idé per billede. Design af billeder til X-opslag og grafik til tråde på X har flere layouts, inklusive nummererede billeder til lange tråde.
Linkkort er en del af dit brand
Hver gang nogen deler din hjemmeside på X, kommer det kort, der vises, fra din sides metatags. Uden dem viser X et almindeligt link eller en tilfældig beskæring. Med et billede i 1200×630 i dit brandudtryk bærer hver deling, også dem, du aldrig ser, dit udtryk ind i tidslinjen. X læser først sine egne twitter:-tags og falder tilbage på Open Graph.
<meta name="twitter:card" content="summary_large_image">
<meta property="og:title" content="Small tools for big spreadsheets">
<meta property="og:description" content="Import, clean and merge files in seconds.">
<meta property="og:image" content="https://example.com/og/home.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">Design linkbilledet som en lille plakat: sidens titel, en kort linje, din brandbaggrund og generøse marginer, fordi X runder hjørnerne. Størrelse på Open Graph-billeder gennemgår test og caching.
Fejl i Twitter branding, du skal undgå
Undgå
- Et detaljeret logo som profilbillede
- En header proppet med slogan, brugernavn og hjemmeside
- Ord i headerens nederste venstre hjørne
- Skærmbilleder med lillebitte tekst som billeder i opslag
- At overlade linkkort til tilfældighederne
Gør
- Et enkelt symbol eller portræt, beholdt i årevis
- Én tydelig linje på en brandbaggrund
- Tekst centreret eller til højre for midten
- Stor tekst, to eller tre ord per linje
- Et designet kort i 1200×630 til hver vigtig side
Den enkleste måde at holde alle fem dele i takt på er at lave dem ud fra ét design. I Gradiently kan du designe én gang på en Mark og med Pro ændre størrelsen til alle formater i ét trin, så headeren, opslagskortene og linkbilledet deler samme lys og farve. Marken giver plads til dine ord i alle størrelser, hvilket betyder noget på en strimmel i 3:1, hvor der er meget lidt plads. Vil du have overblikket på tværs af platforme, så læs konsekvent branding på tværs af sociale medier.
Spørgsmål, folk stiller
Hvilken størrelse har headeren på X (Twitter)?
1500×500 pixels, et forhold på 3:1. Hold ord i det midterste bånd og væk fra nederst til venstre, hvor profilbilledet sidder.
Hvilken størrelse skal billeder til opslag på X have?
1600×900 til liggende eller 1080×1350 til stående. Stående billeder fylder mere på telefoner.
Skal mit profilbillede på X være et logo eller et foto?
Brug det, der læses tydeligst som en lille cirkel: et enkelt symbol, et monogram eller et tæt portræt. Undgå detaljerede logoer og lille tekst.
Hvordan styrer jeg billedet, når min hjemmeside deles på X?
Tilføj et twitter:card-tag sat til summary_large_image og et Open Graph-billede på 1200×630 pixels i hver sides head.
Hvordan får jeg min X-profil til at se mere professionel ud?
Brug det samme enkle profilbillede overalt, en header med én tydelig linje og billeder i opslag, der deler én familie af baggrunde og én skrifttype.
Skrevet af Gradiently
Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.
Se vores profil