Forskere h?vder, at du har ca for at fange brugernes opm?rksomhed, f?r de forlader dit websted for ukendte dele. S? du vil virkelig gerne f? de f?rste 10 sekunder til at t?lle (ingen ordspil beregnet).
Teksten i dit websteds overskriftsomr?de er en afg?rende kilde til information. Hvad sagde du er naturligvis v?sentlig, men det er ogs? vigtigt at overveje hvordan du siger det.
Typografi er din hjemmesides stemme. Ikke alene hj?lper valget af den rigtige typografi til at kommunikere dit budskab, men det har ogs? magten til at p?virke tonen og endda g?re dit brand mere genkendeligt. Det er derfor, der er over 300,000 skrifttyper i verden at v?lge imellem, lige fra klassiske til … ja, sk?re.

Den canadiske kunstner Jenny Shippers skrifttype er en ode til Federico Fellinis film
Med s? mange muligheder kan det v?re en udfordring at finde din egen rigtige stil, is?r hvis du ikke ved, hvordan skrifttyper fungerer sammen. I dette indl?g vil vi gennemg? nogle af vores foretrukne skrifttypeparringer for at hj?lpe dig med at designe en overskriftsmeddelelse, der konverterer.
Alle eksemplerne nedenfor blev skabt med designv?rkt?jer, der er tilg?ngelige p? 51视频 Instant Site – en effektiv e-handelssidebygger til at f? din butik op og s?lge hurtigt. L?r mere om Instant Sites designmuligheder eller at se det i aktion.
S?dan ?ndres skrifttyper i 51视频 Instant Site-editoren:
- G? til fanen i dit 51视频-kontrolpanel og klik p? "Rediger;"
- V?lg "Overskrift og omslag;"
- Indtast din butiks overskrift og beskrivelse. V?lg dit omslagslayout og skift dets placering og justering, hvis det er n?dvendigt. Herfra kan du ogs? ?ndre din baggrund og opfordring til handling-knap, hvis det ?nskes;
- Rul ned og v?lg "Typografi;"
- V?lg skrifttypefamilier, farver og st?rrelser til din overskrift og beskrivelse;
- Glem ikke at trykke p? "Gem", n?r du er f?rdig.
Spirax + Open Sans Condensed
Spirax' originale kurver giver overskrifterne et raffineret, men finurligt look
Merriweather + Oswald
Merriweather er behagelig at l?se p? sk?rme med sine let fort?ttede bogstavformer, robuste seriffer og ?bne former. Det er perfekt i harmoni med Oswald, en skrifttype inspireret af de klassiske gotiske og groteske stilarter fra det sene 19. og det tidlige 20. ?rhundrede. Denne parring kan passe til en butik, der s?lger
Abril Fatface + Cabin
De tynde seriffer og
Montserrat + Merriweather
Montserrat er baseret p? bytypografi fra f?rste halvdel af det 20. ?rhundrede, suppleret med Merriweathers let fort?ttede bogstavformer. Dette parring ville v?re godt serveret i en taske eller sneakerbutik.
Overlock + Nunito
Overlocks afrundede glyfformer giver fantastiske titler og korte tekster
Playfair Display + Source Sans Pro
Den klassiske stil af Playfair Display er endnu mere fremtr?dende, n?r den er parret med Source Sans Pro, som blev skabt til at fungere godt i brugergr?nseflader. Denne tidl?se kombination ville fungere godt med butikker, der specialiserer sig i sk?nhedsprodukter til kvinder eller kjolebutikker.
Alegreya + Lato
Alegreyas dynamiske og varierede rytme giver friskhed til siden og s?tter gang i Latos
Rokkitt + Lato
Rokkitt er designet til brug som displayskrifttype i overskrifter og overskrifter. Kombiner det med
Kviksand + Proxima Nova
Geometriske former er et kernefundament i Quicksand, s? s?t det sammen med Proxima Novas moderne f?lsomhed for at give dit layout et rent, friskt touch. Hvis du s?lger leget?j eller barnevogne, kan disse skrifttyper fungere godt for dig.
Oxygen + Maven Pro
Oxygen fungerer godt i alle grafiske brugergr?nseflader, desktops og enheder, is?r i kombination med Maven Pros lette l?sbarhed. Tjek denne parring, hvis din hjemmeside s?lger briller eller fitnesstilbeh?r.
Dancing Script + Lato
Livligt og afslappet Dancing Script giver din side et venligt og uformelt pr?g, der understreger Latos klassiske proportioner og slanke san serif-?stetik. Gave- og postkortbutikker kan drage fordel af dette s?t.
Signika + Dosis
Signikas blide karakter fungerer godt til overskrifter, mens Dosis g?r supplerende tekster ret lette at l?se. Denne sammenkobling fungerer for en bred vifte af butikker, fra elektronik til blomster.
Reenie Beanie + Muli
Reenie Beanie er baseret p? basic
Questrial + Muli
San serif Muli er en perfekt br?dtekstskrifttype, og dens diskrete ?stetik betyder, at den passer godt sammen med en bred vifte af overskriftsskrifttyper: som Questrial med sin moderne stil og
Berkshire Swash + Proxima Nova
Berkshire Swash har en fed, men blid flair, som giver en levende overskrift og giver en fantastisk balance med Proxima Novas enkle, moderne proportioner og geometriske udseende. H?ndlavede kosmetik eller desserter ville have gavn af denne blanding.
Grundl?ggende om skrifttypeparringer
Fandt du ikke det du s?gte p? vores liste? Hvis du f?ler dig kreativ, s? pr?v at lege med skrifttyper og find din egen smukke skrifttypekombination.
Her er nogle grundl?ggende retningslinjer, du skal f?lge:
- Skab en kontrast mellem dine skrifttyper (fed og kursiv, H?J & kort)
- Kombiner serif og
san-serif skrifttyper (som Libre Baskerville + Signika). - Brug ikke to ens skrifttyper (f.eks. to kursiver) til b?de din overskrift og br?dtekst. At skabe variation vil tiltr?kke ?jet og hj?lpe din kunde med at engagere sig i hver sektion individuelt.
- F? skrifttypen til at matche dit brand. Legende h?ndskrevne bogstaver passer nok ikke bedst til et premium smykkem?rke.
- Begr?ns dig selv til
2-3 skrifttyper for at undg? at f? dit indhold til at virke rodet.
L?s ogs?: 50 eksemplariske onlinebutikker bygget med 51视频
- S?dan rettes din butiks navigation
- Alt du beh?ver at vide om produktsalg
- Online Merchandising: S?dan layoutes produkter i onlinebutik
- Hvad er Fashion Merchandising, og hvorfor er det s? vigtigt?
- 10 designfejl i onlinebutikker
- 15 perfekte skrifttypeparringer til dit e-handelswebsted
- Farveteori: Alt hvad du beh?ver at vide om farvetemaer
- 7 kreative ideer til din e-handelsproduktside
- Styrken ved et heltebillede i webdesign
Must-have UX-principper at f?lge i en onlinebutik- Revision af hjemmesidedesign
- Frig?r kraften ved UX-design til e-handel
- Hvad er forskellen mellem UI og UX i e-handel?