Varför typografi är viktigt för din webbplats

5

Marknadsföring av sitt innehåll är en nyckelstrategi för att attrahera nya kunder, behålla kunder, samt generera konverteringar, oavsett om de är i form av likes, prenumerationer, leads eller försäljning.

Innehåll kan existera som ett meddelande i sig, eftersom vi alla tenderar att tro att meddelandet inte förändras, oavsett vilket typsnitt det är i eller hur det är förpackat.

Eller gör det?

Låt oss fundera på hur budskapet är utformat. Ur en språklig och semantisk synvinkel kommer huvudidén att tänka på, och ord väljs sedan noggrant för att rama in budskapet. För att kommunicera effektivt måste du känna din publik och kunna förutse hur de kommer att svara på de ord du väljer.

Dessa ord måste läsas för att senare kunna förstås, bearbetas och smältas. Men för att få din publik att läsa måste du presentera ditt budskap på ett lämpligt och effektivt sätt.

Presentationen är oerhört viktig. De flesta skulle förvänta sig att en diamantring låg i en låda från juveleraren, inte en skrynklig brun papperspåse, och ingen skulle bry sig om att leta efter den senare bara för att hitta en. Typografi handlar om att presentera och paketera innehållet, det vill säga budskapet du försöker förmedla till din publik.

Vad är typografi?

Typografi är helt enkelt det sätt på vilket text är ordnad på ett dokument, eller för den här artikelns syften, på en webbsida. Det anses ofta vara en konst, särskilt eftersom typografi är nära knuten till kreativitet och innovation. Typografi tjänar många syften, från att understryka ett tema, definiera personlighet, framhäva idéer, visa upp känslor, skapa intresse och bygga en övergripande designestetik. Det är skärningspunkten mellan layout och innehåll och är en integrerad del av webbdesign för alla webbplatser.

Element av typografi värda att överväga

Typografi omfattar ett antal element som påverkar och påverkas av webbdesign, inklusive val av teckensnitt, färgpalett, storlek, längd på rader, layout och integration med en design. Det är viktigt att vara bekant med alla dessa faktorer för att kunna använda typografi effektivt.

  1. Typsnitt: är det första som kommer att tänka på när vi tänker på typografi. Vissa använder till och med termerna "teckensnitt" och "typografi" omväxlande, men teckensnitt utgör bara en delmängd av vad som utgör typografi. Typsnitt hänvisar helt enkelt till namnet på textstilen som används. Exempel inkluderar Helvetica, Times, Papyrus och Arial .
  2. Teckensnitt: De flesta använder "font" och "typsnitt" omväxlande också, men om vi är specifika, hänvisar teckensnitt till en specifik typsnittsstil, som anger storlek, höjd, bredd och stil. Arial Narrow, storlek 14, kursiv stil är ett typsnitt. Så även Myriad Pro Regular, storlek 12.
  3. Spårning: Detta är utrymmet mellan tecken eller grupper av tecken i ett textblock. Även om spårning tenderar att vara relativt standard, kan den justeras för att påverka texttätheten.
  4. Kerning: Medan spårning är en mer allmän term, hänvisar kerning specifikt till avståndet mellan enskilda bokstäver och tecken, vanligtvis i horisontalplanet.
  5. Radlängd: detta hänvisar till längden på text som löper från vänster till höger över sidan. Detta kan ändras genom att justera marginaler, kerning och teckenstorlekar. Ju längre radlängd, desto svårare blir det att läsa.
  6. Leading: Leading är mätningen av utrymmet mellan var bokstäverna sitter i förhållande till textraderna omedelbart ovanför och under.

Dessa element är viktiga för att påverka hur en sida läser. De flesta människor fokuserar enbart på typsnitt och typsnitt samtidigt som de ignorerar hur mindre justeringar i spårning, kerning, radlängd och ledning kan ge dramatiska och värdefulla resultat.

Varför

Typografi understryker webbplatsens visuella personlighet

Vid första anblicken bör besökare på din webbplats kunna avgöra vad det handlar om. Det finns mycket psykologi på spel här, och många undertexter utvecklas nästan omedelbart.

Genom att ta ledtrådar från färgerna, layouten och typografin kan de känna en övergripande ton, stämning, budskap och tema även utan att behöva studera det skrivna innehållet eller titta på bilderna. Inom några sekunder kommer besökarna att avgöra om de är medlemmar i målgruppen eller avfärda webbplatsen som helt enkelt inte för dem.

Typografi hjälper till att uppnå detta mål, eftersom samspelet mellan individuella visuella element fungerar synergistiskt med varandra för att framkalla den önskade känslomässiga responsen.

Typografi hjälper till att definiera ditt varumärke

Ditt varumärke är mer än bara en logotyp. Precis som Nikes varumärke Swoosh, eller Starbucks Siren, är typografin för dessa faktiska varumärken lika igenkännliga och bidrar till varumärkesuppfattningen.

Ta vilket välkänt varumärke som helst och ändra helt enkelt deras typsnitt till något annat. Även om varumärket använder ett typsnitt som används i många andra sammanhang, bidrar kombinationen av typografi och logotyp till hur människor identifierar och uppfattar varumärket så att de två inte kan skiljas åt.

Det säger sig självt att om du har en ikonisk logotyp och den kompletteras med typografi som är helt rätt, sticker kombinationen ut i dina kunders medvetande och för ditt varumärke framåt.

Typografi fokuserar dina läsares uppmärksamhet

Som vi antydde tidigare kan innehållet på din webbplats vara av högsta kvalitet, men om det inte presenteras på ett effektivt sätt har dina ansträngningar varit bortkastade. Ett av sätten att få dina läsare att dyka direkt är att använda typografi till din fördel. Alla de element som nämns ovan bidrar till hur ditt innehåll inte bara uppfattas utan upplevs.

Fråga någon om de har läst något publicerat i Comic Sans och tagit det på allvar. Chansen är stor att de förmodligen avfärdade meddelandet som banalt eller trivialt. Ännu bättre, presentera dem med den fruktade "textväggen", där varje ord är i samma typsnitt och varje rad är berättigad. De hade förmodligen svårt att ta sig igenom första stycket, även om ämnet är något de är genuint intresserade av.

Små justeringar i typsnitt och storlek, layout och färg kan göra en enorm skillnad i en artikels läsbarhet, vilket hjälper till att betona nyckelpunkterna i ditt meddelande, och dina läsare kommer att uppskatta din insats.

Typografi behåller konsistensen på din webbplats intakt

Typografi är limmet som binder samman de olika elementen på din webbplats.

Besökare på din webbplats letar efter konsekvens; och det betyder inte nödvändigtvis ett generiskt, cookie-cutter utseende på din webbplats som får den att se ut som alla andras. Elementen måste fungera bra internt med varandra, från toppen av sidan ner till Call-To-Action-knapparna. Sökmotorer tenderar att gynna välpresenterat innehåll, och din webbplats prestanda på Analytics kommer att återspegla konsekvens. Dessutom bör dina användare kunna hitta det de letar efter och inte behöva spendera flera minuter på att vandra omkring på din webbplats och bli frustrerade varje steg på vägen.

Typografi kan antingen förstärka enhetligheten på din webbplats eller avslöja dess brist på den, och dina omvandlingsfrekvenser kommer att vara indikativa för användarupplevelsen dina läsare har när de besöker.

Hur man får typografi att fungera för dig

Teckensnitt, typsnitt och deras variationer

Det är viktigt att känna till vilken typ av typsnitt du har till ditt förfogande, eller åtminstone vara bekant med de du vill arbeta med. Teckensnitt finns i en mängd olika varianter, och några av skillnaderna är subtila. Men dessa nyanser kan ha en inverkan på presentationen, så lär känna dina alternativ när du utvecklar din webbplatss personlighet och närvaro.

Tusentals teckensnitt i en handfull kategorier

Du kan spendera timmar, dagar eller till och med veckor på att leta efter typsnitt att använda, och ändå inte vara säker på att du har hittat det du letar efter. Tack och lov klassificeras typsnitt lätt i snygga kategorier med liten överlappning.

  1. Serif: En serif är en liten projektion i slutet av ett streck, vanligtvis sedd längst ner, men också längst upp eller längst till höger eller vänster på bokstäver. Som ett exempel verkar de små bokstäverna "m" eller "n" i dessa teckensnitt ha "fötter" på sig. Exempel på serif-teckensnitt inkluderar Times, Baskerville och Cambria.
  2. Sans Serif: Dessa typsnitt har inga terminaler eller "fötter" på dem. De har ett rent, strömlinjeformat eller minimalistiskt utseende, men är ibland svårare att läsa i mindre storlekar. Exempel på dessa typsnitt inkluderar Arial, Helvetica och Calibri.
  3. Skript: dessa dekorativa typsnitt är populära för sitt eleganta utseende och finns ofta på bröllopsinbjudningar, certifikat och liknande dokument. För att använda dem effektivt, använd dem sparsamt, med gott om utrymme och i storlekar som är tillräckligt stora för att uppskatta deras konstnärskap.
  4. Display: Den här typen av typsnitt ses ofta på filmaffischer, skyltar och tidningsrubriker. I likhet med skriptteckensnitt, använd dessa endast för att betona, eftersom för mycket kan vara överväldigande.
  5. Handbokstäver: Som namnet antyder har dessa typsnitt ett handrenderat utseende, som simulerar handstilen hos ett barn; eller det informella, hastiga klotet på en svart tavla. Fördelen med dessa typsnitt är att de bär på ett mänskligt inslag som annars saknas i de andra kategorierna.
Läsbart innehåll läses

Läsbarhet har ett antal faktorer. Bortsett från själva innehållet, överväg alla element i typografi, särskilt användningen av utrymme. Kerning och spårning kan göra en enorm skillnad i ens förmåga att skanna brödtext.

Ge ditt skrivna innehåll gott om andrum, lägg till tillräckligt avstånd mellan enskilda bokstäver, ord, rader och avsnitt för att kunna bearbeta enheterna på ett meningsfullt sätt.

Håll radlängden någonstans mellan 50 och 75 tecken per rad. Det betyder att du använder cirka 10 till 15 ord, oavsett om raderna är motiverade eller inte.

Val av teckensnitt

Typsnitten du väljer för ditt projekt, oavsett om det är varumärket för en webbplats, en enskild produkt, produktlinje eller ett helt företag, kan påverka och styra din publiks beteende att stödja eller avfärda projektet helt och hållet. Var noga med att överväga effekten av dina val på hur de kallar din publik till handling.

Detta blir allt viktigare om ditt varumärke har en etablerad identitet, och din publik kan känna igen ditt varumärke helt enkelt genom de typsnitt som används i ditt varumärke. Att ändra saker och ting kan ha en negativ inverkan på din publik, från förlorat förtroende för ditt varumärke eller misstankar om att kvaliteten på din produkt har förändrats till det sämre.

Att bemästra subtiliteterna

Typografi ger karaktär och mening helt enkelt genom att lägga till variation i utseende. Att hitta typsnitt med rätt balans mellan personlighet kan vara mycket svårt. Typsnittets visuella ledtrådar och egenskaper lägger till element av känslor, ton och överklagande som kan överskugga de faktiska orden.

När du arbetar med en grafisk designer för att utveckla din webbplats eller ditt varumärke, se till att fråga dem varför de valde vissa typsnitt för ditt projekt. Bra designers skulle vara mycket tillmötesgående när de förklarar sina val, och du kan också få lite insikt i deras tankebanor.

Slutsats: Hitta vad som fungerar (och håll dig till det)

Det kan ta mycket tid och ansträngning att skapa typografi som fungerar för din webbplats, och du kan göra några misstag på vägen. Nya typsnitt och typsnitt skapas och släpps varje dag, och de layouter och teman som för närvarande är effektiva kommer så småningom att bli inaktuella och föråldrade. Men när du har hittat det som fungerar för dig, håll dig till det och se omvandlingarna gå upp.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More