Så får du text att se proffsig ut i bild, video och poster

Att få text att se bra ut handlar mindre om att lägga på fler effekter och mer om att styra ögat rätt. När någon vill texta snyggt i en bild, i en video eller på en affisch är det nästan alltid samma grundfrågor som avgör: vilket typsnitt, hur mycket luft och om texten går att läsa direkt. Jag går igenom det praktiska jag själv tittar på först, så att resultatet fungerar både estetiskt och i verklig användning.

Det som faktiskt får text att kännas proffsig

Jag börjar nästan alltid med tre saker: hierarki, rytm och kontrast. Typografisk hierarki betyder helt enkelt hur du leder blicken mellan rubrik, underrubrik och brödtext, och det är den som avgör om layouten känns självklar eller rörig. Om allt ser lika viktigt ut blir inget viktigt nog.

Det andra jag tittar på är mellanrummen. Luft runt texten gör mer för helhetsintrycket än många effekter någonsin kommer att göra, särskilt i digitala format där allt konkurrerar om uppmärksamheten. När jag ser en yta som känns tung eller stressad brukar felet nästan alltid ligga i att texten pressats för tätt mot bild, kanter eller andra element.

• Rubriken ska vara den tydligaste punkten på ytan.
• Underrubriken ska förklara, inte konkurrera.
• Brödtexten ska vara lugn nog att läsas i ett svep.

Två ord jag ofta återkommer till är kerning och tracking. Kerning är avståndet mellan två enskilda bokstäver, medan tracking är det jämna avståndet mellan alla tecken i ett ord eller en rad; båda påverkar hur stabilt texten ser ut. När grunden sitter blir det mycket enklare att välja ett typsnitt som faktiskt stödjer uttrycket, och då är nästa steg att se vilket snitt som passar bäst.

Välj typsnitt efter sammanhanget

Ett vanligt misstag är att börja med den snyggaste fonten. Jag gör tvärtom: jag väljer först efter uppgift. En rubrik på en YouTube-thumbnail kräver något annat än en längre förklarande text på en affisch, och en kort citatrad har helt andra behov än en namnruta i video.

För svensk text lägger jag dessutom alltid in en kontroll av å, ä, ö och siffror. Det låter banalt, men många dekorativa typsnitt ser bra ut i engelska exempel och faller isär så fort svenska tecken dyker upp. Jag brukar också hålla mig till högst två typsnittsfamiljer i samma projekt, annars försvinner sammanhanget snabbt. När typsnittet är valt är nästa fråga att göra texten läsbar på riktigt, inte bara på en stor skärm.

Bygg läsbarhet med storlek, luft och kontrast

Läsbarhet avgörs ofta innan någon ens hinner bedöma stilen. Jag brukar ställa in storlek och avstånd så att texten fungerar på ett snabbt ögonkast, inte bara när jag zoomat in. Det är särskilt viktigt i foto, video och sociala medier där tittaren sällan stannar upp och studerar varje detalj.

• Radavstånd fungerar ofta bäst runt 120-150 procent av teckenstorleken för vanlig text.
• Linjelängd bör hållas rimlig, ofta ungefär 45-75 tecken per rad i längre textblock.
• Kontrast bör ligga på minst 4,5:1 för normal text och 3:1 för stor text enligt WCAG.
• Marginaler runt textblocket behöver vara generösa, särskilt i mobilformat.
• Versaler kan fungera i rubriker, men behöver ofta lite extra bokstavsavstånd.

En annan sak som lätt glöms bort är att svenska ord ofta blir längre än engelska motsvarigheter. Ord som ser helt okej ut i en mall på engelska kan därför spräcka en smal svensk layout. Därför ger jag gärna texten lite mer plats än vad jag först tror att den behöver, särskilt i presentationer, stories och smala kolumner. När läsbarheten sitter blir nästa steg att få texten att samspela med själva bilden eller videon.

Så får texten fungera på foto och video

Här spelar bakgrunden lika stor roll som själva bokstäverna. Det enklaste sättet att få text att se bra ut ovanpå en bild är att lägga den i lugna ytor, alltså områden med få detaljer och liten visuell rörelse. Det är samma princip jag använder oavsett om det gäller en kampanjbild, en reel eller en titelruta i ett videoklipp.

När bakgrunden är för livlig brukar jag hellre justera motivet än att rädda texten med tio effekter. En lätt mörkning, lite oskärpa eller en halvt transparent yta bakom texten räcker ofta långt, och det är oftast bättre än kraftiga skuggor och konturer som bara skriker efter uppmärksamhet.

1. Hitta den lugnaste ytan i bilden eller i videoramen.
2. Lägg texten där motivet inte redan bär all uppmärksamhet.
3. Använd vid behov en diskret overlay, ofta runt 20-40 procent, för att öka kontrasten.
4. Testa layouten i både liggande och vertikalt format om materialet ska publiceras i flera kanaler.
5. Se till att texten ligger inom en säker zon, alltså den del av bildytan som inte riskerar att kapas i appens gränssnitt eller beskärning.

I video finns dessutom rörelse att ta hänsyn till. En lower third, alltså namnrutan som ligger nere i bild, ska vara tydlig men diskret, och en titel behöver ofta vara kortare än du först tror. Om bakgrunden skiftar mellan ljus och mörk bild kan texten behöva en egen platta eller en tydligare skugga, men jag försöker alltid börja med placeringen innan jag börjar lägga på effekter. När det tekniska sitter är det de vanligaste misstagen som avgör om helheten känns ren eller billig.

De vanligaste misstagen som drar ner helheten

Det här är punkterna jag oftast ser när text inte landar som tänkt. Det handlar sällan om en enda katastrof, utan om flera små val som tillsammans gör layouten stökig.

• För många typsnitt gör att uttrycket tappar riktning och känns spretigt.
• För lite kontrast gör texten trött att läsa, även när den ser snygg ut i miniatyr.
• Centrerad brödtext blir snabbt svårläst i längre stycken och känns ofta mindre stabil än vänsterställd text.
• För mycket dekoration som glow, kraftiga skuggor och utkastade konturer fungerar sällan som räddning.
• För tajta marginaler gör att även en bra rubrik känns instängd.
• Alltför långa textrader gör att ögat tappar farten, särskilt på mobil.

Det finns också ett klassiskt misstag som många underskattar: att försöka göra en stark idé ännu starkare med mer effekt, när lösningen egentligen är att ta bort något. Jag brukar tänka att om texten behöver förklaras i efterhand har den redan förlorat en del av sin poäng. Därför arbetar jag hellre med en enkel metod från början än försöker städa upp ett överlastat resultat i slutet.

Min arbetsgång när jag vill få till en snygg text snabbt

När jag vill jobba effektivt går jag nästan alltid igenom samma ordning. Den sparar tid eftersom varje beslut bygger på det förra, i stället för att jag hoppar mellan typsnitt, färger och effekter utan riktning.

1. Jag kortar först budskapet tills det går att läsa utan ansträngning.
2. Jag väljer sedan formatet, eftersom en story, en poster och en presentationsslide sällan ska lösas på samma sätt.
3. Därefter testar jag två typsnitt, inte tio, och väljer det som bäst stödjer tonen.
4. Jag placerar texten på den lugnaste ytan och justerar avståndet runt den.
5. Jag kontrollerar resultatet i mobilstorlek och i det format där det faktiskt ska publiceras.
6. Om jag tvekar mellan två versioner väljer jag nästan alltid den enklare.

Det sista steget är viktigt eftersom många layoutproblem bara syns när bilden krymper eller när videon spelas i en verklig app. Jag tittar därför alltid en extra gång i den slutliga miljön, inte bara i redigeringsvyn. Det är ofta där man ser om texten verkligen håller, och det leder till den viktigaste slutsatsen av allt.

När enkelhet slår pynt i foto, video och design

Det finns många sätt att få text att se bättre ut, men den säkraste vägen är nästan alltid densamma: börja med läsbarhet, bygg en tydlig hierarki och lägg till stil först när grunden fungerar. För mig är det just därför ren typografi håller så länge, oavsett om det gäller en bild för sociala medier, en presentation eller ett videoklipp. Den hjälper budskapet att bära sig självt i stället för att slåss med formen.

• Bygg gärna en liten personlig stilguide med 2 typsnitt, 3 storlekar och 2 färger.
• Återanvänd samma marginaler och viktfördelning i flera projekt för att skapa igenkänning.
• Testa alltid i den kanal där materialet ska synas, inte bara i redigeringsprogrammet.

När du jobbar på det sättet blir resultatet mer konsekvent och mindre beroende av tillfälliga effekter. Det är också den metod jag själv återkommer till när jag vill att texten ska kännas både snygg och självklar, snarare än bara dekorativ.