Typografi och text

Typografi och text

Text på gradientbakgrund: så blir den läsbar varje gång

5 minuters läsning

En gradient förändras under varje bokstav, så en färg som syns i ena änden kan försvinna i den andra. Här är metoden som håller orden läsbara genom hela övergången.

Typografi och text

Typsnittskombinationer: enkla regler som fungerar

5 minuters läsning

Två typsnitt som ser bra ut var för sig kan slåss när de delar en sida. Några regler och en handfull beprövade par tar bort gissandet.

Typografi och text

Typografins grunder: storlek, vikt, avstånd och rytm

5 minuters läsning

Det mesta som får text att se professionell ut är inte typsnittet. Det är sex beslut om storlek, vikt och avstånd, och vart och ett har ett rimligt standardvärde.

Typografi och text

Serif eller sans serif: så väljer du rätt typsnitt

5 minuters läsning

Den gamla regeln sa serifer för tryck och sans serif för skärmar. Skärmarna förändrades, regeln inte. Här är vad som faktiskt spelar roll när du väljer.

Typografi och text

Bästa typsnitten för sociala medier: läsbara i mobilen

5 minuters läsning

Ditt inlägg designas på en stor skärm och läses på en liten, ofta i starkt ljus, på en sekund. Här är typsnitten och storlekarna som klarar den resan.

Typografi och text

Visuell hierarki: få folk att läsa i rätt ordning

5 minuters läsning

Varje design läses i någon ordning. Om du inte väljer den gör det mest högljudda elementet det. Så bestämmer du vad som kommer först, tvåa och trea, och får det att hända.

Typografi och text

Radavstånd och radlängd för läsbar text

6 minuters läsning

Det mesta som känns tröttsamt att läsa har rätt typsnitt men fel avstånd. Två inställningar rättar till det mesta: hur högt varje rad är och hur lång den löper.

Typografi och text

Bokstavsavstånd: när du ska öppna upp text och när du ska strama åt

5 minuters läsning

Några hundradelar av en em avgör om en etikett ser genomtänkt eller trång ut. Här är var du ska lägga till avstånd mellan bokstäverna, var du ska ta bort det och var du ska låta det vara.

Typografi och text

Variabla typsnitt förklarade för designers

5 minuters läsning

En fil, varje vikt däremellan och text som anpassar sig efter storleken du sätter den i. Variabla typsnitt förändrar vad ett typografiskt system kan göra, om du vet vilka axlar du ska använda.

Typografi och text

Displaytypsnitt: så designar du med stor text

5 minuters läsning

Stor text kan bära en hel design på egen hand. Den kan också skrika, trängas och åldras dåligt. Skillnaden ligger mest i valet av typsnitt, storleken och vad du parar det med.

Typografi och text

Så väljer du varumärkestypsnitt som håller över tid

5 minuters läsning

Ett varumärkestypsnitt används på allt från en reklamskylt till ett mejl om återställt lösenord. Att välja ett handlar mindre om smak i stunden och mer om huruvida det klarar alla jobb i många år.

Typografi och text

Text över bild: sju sätt att hålla orden läsbara

5 minuters läsning

Ett foto som ser fantastiskt ut för sig själv kan sluka vilken rubrik du än lägger på det. De här sju teknikerna håller orden läsbara utan att gömma bilden bakom en ruta.

Typografi och text

Texteffekter som inte ser gammalmodiga ut: kontur, extrudering, eko

5 minuters läsning

De flesta texteffekter ser gammalmodiga ut för att de läggs på allt, i full styrka och utan skäl. På ett enda ord, i rätt vikt och färg, hör de till typografins mest uttrycksfulla verktyg.

Typografi och text

Text på stökiga bakgrunder utan ruta bakom

5 minuters läsning

De vanliga lösningarna är en mörk platta, en skugga eller en oskärpa. Var och en fungerar, och var och en syns tydligt. Det finns ett tystare sätt att få orden att läsas.