Forskere hevder du har ca for å fange brukernes oppmerksomhet før de forlater nettstedet ditt for ukjente deler. Så du vil virkelig få de første 10 sekundene til å telle (ingen ordspill ment).
Teksten i nettstedets overskriftsområde er en viktig informasjonskilde. Hva sier du? er åpenbart viktig, men det er også viktig å vurdere hvordan du sier det.
Typografi er stemmen til nettstedet ditt. Ikke bare hjelper det å velge riktig typografi til å kommunisere budskapet ditt, men det har også makt til å påvirke tonen og til og med gjøre merkevaren din mer gjenkjennelig. Det er derfor det er over 300,000 XNUMX fonter i verden å velge mellom, alt fra klassiske til … vel, sprø.
Den kanadiske kunstneren Jenny Shippers font er en ode til Federico Fellinis filmer
Med så mange alternativer kan det være en utfordring å finne din egen rette stil, spesielt hvis du ikke vet hvordan fonter fungerer sammen. I dette innlegget vil vi gå over noen av våre favorittskrifttyper for å hjelpe deg med å designe en overskriftsmelding som konverterer.
Alle eksemplene nedenfor ble laget med designverktøy tilgjengelig pÃ¥ 51ÊÓÆµ Instant Site – en effektiv e-handelssidebygger for Ã¥ fÃ¥ butikken din opp og selge raskt. Lær mer om Instant Sites designalternativereller Ã¥ se det i aksjon.
Slik endrer du fonter i 51ÊÓÆµ Instant Site editor:
- GÃ¥ til fanen i 51ÊÓÆµ-kontrollpanelet og klikk pÃ¥ "Rediger;"
- Velg «Overskrift og omslag;»
- Skriv inn butikkens overskrift og beskrivelse. Velg omslagsoppsettet og endre plasseringen og justeringen om nødvendig. Herfra kan du også endre bakgrunnen og oppfordringsknappen hvis du ønsker det;
- Rull ned og velg "Typografi;"
- Velg skriftfamilier, farger og størrelser for overskriften og beskrivelsen;
- Ikke glem å trykke på "Lagre"-knappen når du er ferdig.
Spirax + Open Sans Condensed
Spirax sine originale kurver gir overskrifter et raffinert, men lunefullt utseende
Merriweather + Oswald
Merriweather er behagelig å lese på skjermer med sine litt fortettede bokstavformer, solide seriffer og åpne former. Det er perfekt i harmoni med Oswald, en font inspirert av de klassiske gotiske og groteske stilene på slutten av 19- og begynnelsen av 20-tallet. Denne sammenkoblingen kan passe for en butikk som selger
Abril Fatface + Cabin
De tynne serifene og
Montserrat + Merriweather
Montserrat er basert på urban typografi fra første halvdel av 20-tallet, supplert med de litt fortettede bokstavformene til Merriweather. Denne sammenkoblingen ville vært godt servert i en veske eller joggeskobutikk.
Overlock + Nunito
Overlocks avrundede glyffer gir flotte titler og korte tekster
Playfair Display + Source Sans Pro
Den klassiske stilen til Playfair Display er enda mer fremtredende når den er sammenkoblet med Source Sans Pro, som ble laget for å fungere godt i brukergrensesnitt. Denne tidløse kombinasjonen vil fungere godt med butikker som spesialiserer seg på skjønnhetsprodukter for kvinner eller kjolebutikker.
Alegreya + Lato
Alegreyas dynamiske og varierte rytme gir friskhet til siden, og setter i gang Latos
Rokkitt + Lato
Rokkitt ble designet for bruk som visningsfont i overskrifter og overskrifter. Kombiner det med
Kvikksand + Proxima Nova
Geometriske former er kjernegrunnlaget i Quicksand, så par det med Proxima Novas moderne følsomhet for å gi layouten din et rent, friskt preg. Hvis du selger leker eller barnevogner, kan disse fontene fungere bra for deg.
Oksygen + Maven Pro
Oksygen fungerer godt i alle grafiske brukergrensesnitt, stasjonære datamaskiner og enheter, spesielt i kombinasjon med Maven Pros enkle lesbarhet. Sjekk ut denne sammenkoblingen hvis nettstedet ditt selger briller eller treningstilbehør.
Dancing Script + Lato
Livlig og uformelt Dancing Script gir siden din et vennlig og uformelt preg, og understreker Latos klassiske proporsjoner og slanke san serif-estetikk. Gave- og postkortbutikker kan ha nytte av dette settet.
Signika + Dosis
Den milde karakteren til Signika fungerer utmerket for overskrifter, mens Dosis gjør supplerende tekster ganske enkle å lese. Denne sammenkoblingen fungerer for et bredt spekter av butikker, fra elektronikk til blomster.
Reenie Beanie + Muli
Reenie Beanie er basert på grunnleggende
Questrial + Muli
San serif Muli er en perfekt skrift for brødtekst, og den er undervurdert estetikk betyr at den passer godt sammen med et bredt utvalg av overskriftsfonter: som Questrial med sin moderne stil og
Berkshire Swash + Proxima Nova
Berkshire Swash har en dristig, men mild stil, som gir en levende overskrift og gir en fantastisk balanse med Proxima Novas enkle, moderne proporsjoner og geometriske utseende. HÃ¥ndlaget kosmetikk eller desserter vil ha nytte av denne blandingen.
Grunnleggende om fontparinger
Fant du ikke det du leter etter i listen vår? Hvis du føler deg kreativ, prøv å leke med fonter og finn din egen vakre skriftkombinasjon.
Her er noen grunnleggende retningslinjer å følge:
- Lag en kontrast mellom skriftene dine (fet og kursiv, HØY og kort)
- Kombiner serif og
san-serif fonter (som Libre Baskerville + Signika). - Ikke bruk to like skrifttyper (for eksempel to kursiver) for både overskriften og brødteksten. Å skape variasjon vil trekke oppmerksomheten og hjelpe kunden din med å engasjere seg i hver seksjon individuelt.
- Få skrifttypen til å matche merket ditt. Lekne håndskrevne bokstaver passer sannsynligvis ikke best for et premium smykkemerke.
- Begrens deg til
2-3 skrifttyper for å unngå at innholdet ditt ser rotete ut.
Les ogsÃ¥: 50 eksemplariske nettbutikker bygget med 51ÊÓÆµ
- Slik fikser du butikkens navigering
- Alt du trenger å vite om produktsalg
- Online Merchandising: Slik legger du opp produkter i nettbutikken
- Hva er motevarehandel, og hvorfor er det så viktig?
- 10 designfeil i nettbutikker
- 15 perfekte skrifttyper for nettstedet ditt for netthandel
- Fargeteori: Alt du trenger å vite om fargetemaer
- 7 kreative ideer for e-handelsproduktsiden din
- Kraften til et heltebilde i webdesign
²ÑÃ¥-³ó²¹ UX-prinsipper Ã¥ følge i en nettbutikk- Revisjon av nettsteddesign
- LÃ¥ser opp kraften i UX-design for e-handel
- Hva er forskjellen mellom UI og UX i e-handel?