Skrifttyper, tekststørrelse og kontrast til karruseller

Hvilken skriftstørrelse skal karruseltekst have?

Design til telefonen, ikke til din skærm. En telefon viser en slide på 1080 px cirka 360 punkter bred, en tredjedel af bredden i pixels (store telefoner viser den lidt bredere). Så hver størrelse, du indstiller på sliden, ender cirka tre gange mindre på den skærm, folk læser den på.

Apples designretningslinjer sætter den mindste tekst på en iPhone til 11 punkter og standardstørrelsen til læsning til 17 punkter. Gang med tre, så har du tallene til en slide på 1080 px: cirka 33 px som minimum for alt, folk skal læse, og cirka 51 px til behagelig brødtekst. aiCarousels’ gratis LinkedIn PDF-karrusel-tjek markerer tekst under cirka 24 px som svær at læse på en telefon: Se det som bunden for små etiketter som et sidenummer eller dit handle, ikke som en størrelse til sætninger.

Tekststørrelser på en slide på 1080 px, og hvad de bliver på en telefon

Slidestørrelser delt med tre: en telefon, der viser sliden 360 punkter bred. Skærmpunkter er Apples enhed, cirka én CSS-pixel hver; WCAG måler stor tekst i typografiske punkter, og deres 18 pt svarer til cirka 24 af dem. Den sidste kolonne er tegnet i den størrelse på skærmen. Apples størrelser: Human Interface Guidelines, Typography, og UI Design Dos and Don’ts.

Arbejder du på et større lærred? Skalér på samme måde: Ved 2160 px bredde fordobler du hvert tal. En tynd eller smal skrifttype kræver mere end disse størrelser, ikke mindre; Apples retningslinjer siger, at du skal gå større, når en egen skrifttype har en tynd vægt.

De almindelige karruselstørrelser er alle 1080 px brede (1080 × 1350 til LinkedIn og Instagram 4:5, 1080 × 1440 til Instagram 3:4, 1080 × 1920 til TikTok), så disse størrelser virker på alle platforme. De præcise mål til hver app står i karruselstørrelser på alle platforme.

Hvilke skrifttyper er bedst til karruseller?

Den bedste skrifttype til en karrusel er den, folk ikke lægger mærke til, mens de læser. Et par regler, der holder på alle platforme:

• To skrifttyper er nok. Én til overskrifter, én til alt andet. Brug størrelse og vægt til resten af hierarkiet, ikke en tredje skrifttype.
• Lad overskriftens skrifttype bære personligheden. En serif, en tung grotesk eller en smal display-skrift virker til nogle få store ord.
• Hold brødtekstens skrifttype enkel. Åbne bogstavformer, en generøs x-højde (højden på de små bogstaver) og en solid normal vægt. De fleste rene sans serif-skrifttyper kan bruges.
• Undgå tynde og lette vægte i små størrelser. Apples retningslinjer advarer om, at vægtene Ultralight, Thin og Light er svære at se, især når teksten er lille.
• Gem skråskrift og versaler til nogle få ord. En håndskrevet skrifttype eller en linje med versaler er langsommere at læse end små bogstaver. Fint til en kort overskrift, trættende til et helt afsnit.
• Hold dem ens på alle slides og i alle karruseller. Folk lærer dit look at kende, og et brandkit gemmer skrifttyperne og farverne til hver ny karrusel.

Skrifttypepar, der holder på en telefon

Par fra den gratis AI-generator til skrifttype-kombinationer. Alle er Google Fonts og gratis at bruge kommercielt.

Hvor meget kontrast skal karruseltekst have?

Kontrast er forskellen i lyshed mellem teksten og det, der ligger bag den, skrevet som et forhold fra 1:1 (ingen) til 21:1 (sort på hvid). Webbens tilgængelighedsstandard, WCAG 2.2, kræver mindst 4,5:1 for tekst og 3:1 for stor tekst: 18 punkter, eller 14 punkter i fed. WCAG siger, at det samme gælder billeder af tekst, og hver slide i en karrusel er sådan et. Kun logoer og tilfældig tekst er undtaget: ord, der er ren dekoration, eller som tilfældigvis er en del af et foto. En slides overskrift og brødtekst er ingen af delene.

WCAG sætter 18 typografiske punkter til cirka 24 px på en skærm, de 24 skærmpunkter i tabellen ovenfor. På en slide, som en telefon viser i en tredjedel af størrelsen, er det cirka 72 px (eller cirka 56 px i fed). Overskrifter i den størrelse kan altså nøjes med 3:1. Alt mindre, også din brødtekst, skal have 4,5:1.

Eksempler på kontrast for karruselfarver

Forholdene er regnet ud med WCAG-formlen for præcis disse farver. Den orange farve viser den typiske løsning: Behold farven, skift teksten på den.

• Tekst på et foto skifter kontrast fra bogstav til bogstav. Sæt ordene på en ensfarvet flade, eller gør fotoet bag dem mørkere, og tjek det lyseste sted bag teksten.
• Brandfarver dumper ofte som tekstfarver. Brug dem til baggrunde, former og ét accentord, og sæt teksten i din mørke eller lyse neutrale farve.
• Hav en margen. 4,5:1 er minimum på en god skærm. Folk læser karruseller i sollys, med lysstyrken skruet ned. Et højere forhold koster ingenting.

Hvor meget tekst skal der være på én slide i en karrusel?

Mindre, end du tror. Kan ordene ikke være der i størrelserne ovenfor, rummer sliden for meget.

• Én idé pr. slide. En overskrift, der siger pointen, og en linje eller to, der bakker den op.
• En kort forside. Højst 12 ord er det mål, aiCarousels’ tjek Klar til at slå op? tæller efter på første slide.
• Del op, skrump ikke. Når en slide læser som et helt afsnit, så lav to slides. De fleste platforme giver dig plads: Instagram tager op til 20.
• Korte lister. Nogle få punkter pr. slide, hver på én linje.

I aiCarousels kan du indstille det, før noget er skrevet: Flere muligheder › Ord pr. slide har Auto, Kort og skarp (færrest ord), Afbalanceret og Detaljeret. Mens du redigerer, får tekst, der ikke kan være der i en læsbar størrelse, et rødt For langt til dette felt-mærke i stedet for at skrumpe, og Forkort, så det passer strammer den op med din stemme. Det er Smart teksttilpasning. Eller skift sliden til et layout med mere plads: Dine ord flytter med.

Er Unicode-fed tekst dårlig for skærmlæsere?

Det afhænger af, hvor det fede sidder.

• På en slide: Det fede er skrifttypens egen fede vægt, tegnet ind i billedet. Det ser ens ud for alle, der kan se det. Intet problem.
• I en billedtekst: Den »fede skrift«, du indsætter fra en tekstformatering, er slet ikke fed. Det er et andet sæt tegn, Mathematical Alphanumeric Symbols (U+1D400 til U+1D7FF), lavet til matematik. Unicode anbefaler ikke at bruge dem i stedet for rigtig formatering. Skærmlæsere springer dem måske over eller læser noget i retning af »mathematical sans-serif script t« op, som den britiske handicaporganisation Scope forklarer.

Så hold formaterede bogstaver til nogle få ord, og aldrig på et navn, et hashtag eller den sætning, folk skal forstå. Hvordan du gør det i hver app, står i fed tekst på LinkedIn og i værktøjet til fed skrift på Instagram.

Ændrer skrifttyper og tekststørrelser sig på LinkedIn, Instagram og TikTok?

Størrelserne ovenfor holder overalt, fordi alle slides er 1080 px brede. Det, der ændrer sig, er det, der ligger oven på dem:

• TikTok og slides i 9:16: Appens knapper og billedteksten dækker slidens kanter. Hold ordene væk fra dem. aiCarousels tegner disse områder, når du slår Vis sikkerhedszoner til.
• Instagram: Slidetælleren sidder øverst til højre og prikkerne under billedet. Hav en margen ved kanterne, og skriv alt-tekst til hver slide.
• LinkedIn: Karrusellen er et PDF-dokument. Sidestørrelse, forside og selve PDF’en er gennemgået i designtips og specifikationer til LinkedIn-karruseller.

Et eksempel: en karrusel bygget på disse regler

Seks slides i 4:5. Store overskrifter, én linje brødtekst på hver, mørkt på lyst og ét og samme skrifttypepar fra forsiden til sidste slide.

Sådan indstiller du skrifttyper, tekststørrelse og kontrast i aiCarousels