Att designa en webbplats är en intensiv process som kräver mycket hårt arbete. Det finns så mycket att tänka på, från färgschemat och logotypen till navigeringen, layouten och textdesignen. Men den kanske svåraste delen av att designa en webbplats är att få alla dessa olika element att passa in i en logisk, kompakt och välbalanserad enhet.
Webbplatstypsnitt är en viktig del av den enheten. När de väl får ett helhetsintryck av din webbplats kommer dina besökare oundvikligen att fokusera på texten för att få reda på mer om dig och ditt varumärke. Det är därför, när man försöker limma ihop dessa designdelar, är det särskilt viktigt att var uppmärksam på din typsnittsdesign. Det finns massor av ställen där du kan hitta kvalitetsteckensnitt, men du måste se till att typsnittet som du väljer är läsbart, rent och precis på höger sida av att slå, utan att avleda för mycket uppmärksamhet från resten av designen.
Att välja rätt typsnitt är nyckeln till en bra webbdesign, oavsett om din webbplats är en portfölj, en blogg, en webbbutik eller en stor företagswebbplats. För att hjälpa dig ta reda på vilken typsnittstyp som bäst passar ditt varumärkes väsen, har vi försökt göra den här processen lite enklare för dig. Här är några saker du bör tänka på när du väljer det perfekta typsnittet för din webbplats.
1. Börja från grunderna
När det kommer till webbplatstypsnitt finns det så många saker att titta på, och det kan bli riktigt överväldigande riktigt snabbt. Det är därför det är bäst att börja från grunden innan du går vidare.
Några av de mest kända serif-teckensnitten inkluderar Times New Roman och Georgien. Typsnittet Times New Roman i synnerhet faller under kategorin klassiska webbsäkra typsnitt. Sammantaget kan du inte gå fel med att välja standardteckensnittstyper som den här, eftersom de vanligtvis är lätta att läsa och har funnits länge, så många internetanvändare är vana vid dem. Ändå, om du hellre vill prova ett djärvare tillvägagångssätt, rekommenderar vi att du kollar in typsnitt som t.ex Noe Display, Frakttext eller den Porträtt samling. Självklart finns det alltid Googles serif-typsnitt som du kan använda gratis, som t.ex Playfair display, Skarv Garamond, eller Crimson text, för att nämna några.
Attika-tema med teckensnitt för Playfair Display
Etienne-tema med skarv Garamond-typsnitt
Bard-tema med Crimson Text-typsnitt
Sans typsnitt har inga seriffer på bokstäverna (ordet ”sans” står för ”utan” på franska), och de är kända för att ha ett mer modern och ren design jämfört med deras serifiska motsvarigheter. Helvetica, Tahoma, Verdana, Futura, och Arial är alla exempel på ofta använda sans serif-teckensnitt. När det gäller gratis typsnitt föreslår vi att du provar följande för Google Fonts gratis teckensnittsbibliotek: Roboto, Källa Sans Pro, Poppins, Heebo, eller Montserrat.
Foton tema med Poppins teckensnitt
Quart-tema med Heebo-typsnitt
Mantema med Montserrat-typsnitt
Vilken typ du kommer att välja beror till stor del på din målgrupp och vilken stämning du vill framkalla med din typsnittsdesign. Allmänt, serif-typsnitt används med avsikten att föra fram en mer formell och elegant ton, varför du ofta hittar dem bland många eleganta typsnitt. Även om de också kan användas för att ge din webbsida ett alternativt utseende, och de kan ofta hittas i tidningar och inom modebranschen.
Utan teckensnitt, å andra sidan, symboliserar oftast minimalism, enkelhet och rättframhet. Men en av de stora egenskaperna hos sans serif-teckensnitt är att de är mycket flexibla. Till exempel, om den paras ihop med ett typsnitt i gammal stil, kan en sans serif ta på sig sina egenskaper och i sin tur ge en mer traditionell atmosfär.
Generellt, texten som är vänsterjusterad är lättast att läsa. Fullständigt motiverad text anses vara mer formell eftersom den ligger jämnt på båda sidor om marginalen, medan trasig text har rykte om sig att vara mer informell och vänlig. Du kan ställa in din anpassning beroende på din publiktyp, deras förväntningar och om du måste tänka på utrymmesbegränsningarna eller inte. Om du måste utnyttja skrivutrymmet fullt ut, gå för all del för den berättigade justeringen. Och om du vill att din perfekt justerade text ska se mindre tråkig ut kan du alltid dela upp olika delar av texten genom att infoga några bilder eller en underrubrik däremellan. Om du gör detta, se till att linda din text runt bilderna för att ge din sida ett renare och organiserat utseende.
När du justerar din text bör du också uppmärksamma Linjelängd (avståndet mellan vänster och höger sida av textblocket). Det mest effektiva sättet att mäta radlängden är med genomsnittliga tecken per rad. Den optimala radlängden är från 45 till 80 tecken, inklusive mellanslag.
2. Dina typografiska val bör spegla ditt designsyfte
Det finns så många olika typsnitt på webben att välja mellan, och dina teckensnittsval är praktiskt taget obegränsade. Även om detta är bra i sig, kan det lätt överkomplicera saker och ting om du inte åtminstone har en aning om vad du vill (eller inte vill). Det är därför det är viktigt att överväg noga syftet med din webbdesign, såväl som vilken typ av publik du vill attrahera. Se sedan om stilen på det typsnittet du funderar på överensstämmer med det allmänna budskapet du vill förmedla till dina besökare.
Burst-tema med Lato-typsnitt
Efter att ha tagit reda på dessa kärnprinciper, här är några ytterligare frågor att ställa dig själv när du väljer din typsnittsdesign:
Att ställa dig själv dessa frågor bör åtminstone hjälpa dig att få en allmän uppfattning om vad du vill ha, så när du snubblar över ett typsnitt blir det åtminstone lite lättare att avgöra om det fungerar för dig eller inte.
3. Välj antalet typsnitt och rangordna dem efter vikt
I typografi kan för mycket av det goda lätt bli dåligt. När du väljer antalet typsnitt för din webbplats är vårt förslag att sikta på inte mer än tre olika typsnitt. Låt oss utveckla det mer i detalj.
Capri Tema med Montserrat teckensnitt
Om möjligt, se till att din varumärkeslogotyp också innehåller tips om ditt primära teckensnitt. Du kan satsa på mer vågade teckensnittstyper när du väljer ditt primära teckensnitt, även om det i slutet av dagen beror på ditt varumärke. Vi föreslår att du tittar på typsnitt som Voga, Ikaros eller Qontra.
Aoki-tema med Montserrat-teckensnitt
Med allt detta sagt har varje varumärke sina egna krav, så ingenting är verkligen hugget i sten. Kom bara ihåg det ju fler typsnitt du har, desto svårare blir det att harmonisera dem alla tillsammans. Så, om möjligt, försök att hålla ditt teckensnittsnummer till ett minimum om det inte är absolut nödvändigt att göra något annat.
4. Var uppmärksam på laddningstiderna
I dessa tider har ingen tid eller tålamod för långsamma sajter. Det är därför om ett teckensnitt tar för lång tid att ladda, kanske det inte är den bästa lösningen för dig. Här är några saker du kan göra för att förhindra att ett teckensnitt saktar ner hastigheten på din webbplats.
5. Tänk på teckensnittskombinationer
Det finns flera saker att tänka på när du kopplar ihop olika typsnitt. Varje typsnitt har trots allt sin egen distinkta karaktär – vissa teckensnitt verkar mer seriösa, vissa ser mer raffinerade ut, medan andra har en mer udda och spontan känsla.
Arrosa-tema med typsnitt Montserrat och Tuesday Night
Att blanda två typsnitt med olika ”stämningar” kan faktiskt göra susen – de säger att motsatser lockar, och den här regeln gäller även typsnitt. Försök att kombinera trubbiga teckensnittstyper med mer neutrala, dämpade. Den förra bör användas för rubriker, medan den senare fungerar bäst för brödtext.
En annan bra kombination man sällan kan gå fel med är att blanda seriffer och sans seriffer. Sammankopplingen av typsnitt handlar om att skapa kontrast, och seriffer och sans seriffer är mer än tillräckliga för att skapa en subtil men distinkt skillnad när de paras ihop.
Om du fortfarande är osäker på vilka typsnitt som ska kombineras kan du alltid välja en säker väg och använd två teckensnitt som delar samma teckensnittsfamilj, eftersom de är gjorda för att gå ihop i första hand. Dessutom kan parning av typsnitt från samma teckensnittsfamilj hjälpa dig att skapa en känsla av konsekvens, vilket gör processen att designa en webbplats mycket enklare. Du kan skapa kontraster mellan samma teckensnittsfamiljer genom att ändra saker som storlek, skiftläge eller vikt, genom att blanda vanliga tecken med kursiv stil och så vidare.
Om du behöver hjälp med att para teckensnitt finns det flera bra onlineverktyg som kan hjälpa dig, som teckensnittspar. Alternativt kan du alltid kolla in Googles teckensnittskombinationer för att lära dig vilka typsnitt från Googles samling som passar exceptionellt bra ihop.
6. Font Inspiration och andra användbara verktyg
Om du behöver ytterligare hjälp under din typsnittssökning finns det gott om ställen på webben som kan ge dig teckensnittsinspiration. Till exempel, Typvarg är en sida där du kan hitta massor av typsnittsrekommendationer och listor som kan väcka din kreativitet eller åtminstone visa dig vägen dit du kan ta din typsnittsdesign. Det finns också en hel samling typografiresurser som väntar på dig – från böcker och verktyg som kan hjälpa dig att identifiera ett typsnitt till användbara typografibloggar.
En annan bra sida för att komma igång är Teckensnitt som används. Här kan du bläddra igenom typsnitt som många designers använder i den verkliga världen, såväl som på webben.
Säg att du snubblar in i en design på nätet som har ett riktigt coolt typsnitt. Du kan enkelt föreställa detta teckensnitt på din webbsida, men du vet inte vad det heter eller hur du hittar det på egen hand. Lyckligtvis, det finns användbara onlineverktyg för dessa situationer som kan identifiera teckensnitt för dig. WhatTheFont är en sådan teckensnittsidentifierare som drivs av en av de största teckensnittssamlingarna på webben. Allt du behöver göra är att ladda upp en bild med önskat typsnitt och beskära den, så kommer resultatet att visa dig namnet på typsnittet i fråga.
Fontface Ninja är ett gratis webbläsartillägg som låter dig inspektera, prova och/eller köpa vilket typsnitt du är intresserad av. När du håller muspekaren över ett teckensnitt kan du inte bara lära dig namnet på teckensnittet du inspekterar, utan du får också information om dess storlek, kerning, linjehöjd och färg.
Å andra sidan, om du verkligen inte orkar hitta webbplatstypsnitt på egen hand och bara vill se hur vissa typsnitt skulle se ut på din webbsida så snart som möjligt, kommer du att bli glad att höra att många moderna WordPress teman följer med färdiga typsnitt. Dessa typsnitt har noggrant plockats och parats av designers, så det finns säkert några som kommer att tilltala dig och passa din uppfattning om hur typografi på din webbsida ska se ut.
Slutgiltiga tankar
Även om webben är full av vackra grafiska designelement som rörlig grafik, illustration och fotografi, kan majoriteten av onlineinformation fortfarande hittas i text. Faktiskt, typografi utgör cirka 90 % av webbplatsens innehåll. Vikten av typsnittsdesign får alltså inte förbises eftersom det kan ha en direkt inverkan på användarupplevelsen och som sådan kan göra eller förstöra din webbplats. För att säkerställa att din webbplats är tillräckligt läsbar för dina användares fulla läskomfort, testa alltid hur dina teckensnitt visas på olika enheter och skärmstorlekar.
När du tar reda på vilken typsnittsdesign som fungerar bäst för dig, försök att tänka på ditt designsyfte först. När du bestämt den allmänna riktningen som du vill gå i väljer du antalet typsnitt du vill ha och börjar sedan surfa på webben efter möjliga teckensnittskombinationer. Det finns gott om alternativ, så du kommer garanterat att hitta något som fungerar bra för dig. Och när du väl har hittat den perfekta är det en bit att lägga till ett typsnitt på din WordPress-webbplats.
Stöd vårt arbete ❤️
Om du gillade den här artikeln, överväg att lämna dricks för att hjälpa oss fortsätta publicera bra innehåll.
