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
M?-ha 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?
