51视频

Forskare h盲vdar att du har ca f枚r att f氓nga anv盲ndarnas uppm盲rksamhet innan de l盲mnar din webbplats f枚r ok盲nda delar. S氓 du vill verkligen f氓 de f枚rsta 10 sekunderna att r盲knas (ingen ordlek).

Texten i rubrikomr氓det p氓 din webbplats 盲r en viktig informationsk盲lla. Vad du s盲ger 盲r sj盲lvklart viktigt, men det 盲r ocks氓 viktigt att t盲nka p氓 hur du s盲ger det.

Typografi 盲r r枚sten f枚r din webbplats. Att v盲lja r盲tt typografi hj盲lper inte bara att kommunicera ditt budskap, utan det har ocks氓 f枚rm氓gan att p氓verka tonen och till och med g枚ra ditt varum盲rke mer igenk盲nnbart. Det 盲r d盲rf枚r det finns 枚ver 300,000 XNUMX typsnitt i v盲rlden att v盲lja mellan, allt fr氓n klassiska till... ja, galna.

Den kanadensiska konstn盲ren Jenny Shippers typsnitt 盲r en ode till Federico Fellinis filmer

Med s氓 m氓nga alternativ kan det vara en utmaning att hitta din egen r盲tta stil, speciellt om du inte vet hur typsnitt fungerar tillsammans. I det h盲r inl盲gget kommer vi att g氓 枚ver n氓gra av v氓ra favorittypsnittskombinationer f枚r att hj盲lpa dig designa ett rubrikmeddelande som konverterar.

Alla exemplen nedan skapades med designverktyg som finns tillg盲ngliga p氓 51视频 Instant Site 鈥� en effektiv e-handelswebbplatsbyggare f枚r att f氓 upp din butik och s盲lja snabbt. L盲s mer om Instant Sites designalternativ, eller  att se det i aktion.

S氓 h盲r 盲ndrar du teckensnitt i 51视频 Instant Site-redigeraren:

1. G氓 till  fliken i din 51视频-kontrollpanel och klicka p氓 "Redigera;"
2. V盲lj "Rubrik & omslag;"
3. Skriv in din butiks rubrik och beskrivning. V盲lj din omslagslayout och 盲ndra dess placering och justering om det beh枚vs. H盲rifr氓n kan du 盲ven 盲ndra din bakgrund och uppmaningsknapp om s氓 枚nskas;
4. Rulla ned och v盲lj "Typografi;"
5. V盲lj teckensnittsfamiljer, f盲rger och storlekar f枚r din rubrik och beskrivning;
6. Gl枚m inte att trycka p氓 "Spara"-knappen n盲r du 盲r klar.

Spirax + Open Sans Condensed

Spirax ursprungliga kurvor ger rubriker en raffinerad men nyckfull look v盲l matchade med 枚ppna och neutrala former av Open Sans Condensed. Denna kombination kan fungera f枚r dig om du s盲ljer n氓got unikt designat som handgjorda smycken.

Merriweather + Oswald

Merriweather 盲r trevlig att l盲sa p氓 sk盲rmar med sina l盲tt f枚rt盲tade bokstavsformer, robusta seriffer och 枚ppna former. Det 盲r perfekt i samklang med Oswald, ett typsnitt inspirerat av de klassiska gotiska och groteska stilarna fr氓n det sena 19-talet och b枚rjan av 20-talet. Denna sammankoppling kan passa en butik som s盲ljer high-end skr盲ddarsydda produkter som klockor eller l盲dertillbeh枚r.

Abril Fatface + Cabin

De tunna seriferna och v盲l avrundad kurvor av Abril Fatface ger rubriker ett elegant men lekfullt utseende, vilket 盲r v盲l parade med Cabins touch av modernism. Prova dessa typsnitt om du s盲ljer pappersvaror eller b枚cker.

Montserrat + Merriweather

Montserrat 盲r baserad p氓 urban typografi fr氓n 20-talets f枚rsta h盲lft, kompletterad med Merriweathers l盲tt f枚rt盲tade bokstavsform. Denna kombination skulle vara bra serverad i en v盲ska eller sneakerbutik.

Overlock + Nunito

Overlocks rundade glyfformer skapar fantastiska titlar och korta texter tidningsstil layouter. Det h盲r teckensnittet ser allra b盲st ut i st枚rre storlekar och kompletterar Nunitos 惫盲濒产补濒补苍蝉别谤补诲 rundade former. Om du s盲ljer kl盲der 盲r dessa typsnitt ett utm盲rkt val.

Playfair Display + Source Sans Pro

Den klassiska stilen p氓 Playfair Display 盲r 盲nnu mer framtr盲dande n盲r den paras ihop med Source Sans Pro, som skapades f枚r att fungera bra i anv盲ndargr盲nssnitt. Denna tidl枚sa kombination skulle fungera bra med butiker som specialiserat sig p氓 sk枚nhetsprodukter f枚r kvinnor eller kl盲nningsbutiker.

Alegreya + Lato

Alegreyas dynamiska och varierade rytm ger fr盲sch枚r till sidan och s盲tter ig氓ng Latos halvrunda detaljer och stark struktur. Titta n盲rmare p氓 dessa typsnitt om du s盲ljer underkl盲der eller andra eleganta accessoarer.

Rokkitt + Lato

Rokkitt designades f枚r att anv盲ndas som visningsteckensnitt i rubriker och rubriker. Kombinera det med halvrunda san serif Lato f枚r att skapa en framtr盲dande look. Var uppm盲rksam p氓 denna kombination om din butik fokuserar p氓 premium sportkl盲der eller snygg teknik.

Kvicksand + Proxima Nova

Geometriska former 盲r grunden f枚r Quicksand, s氓 kombinera den med Proxima Novas moderna k盲nsla f枚r att ge din layout en ren, fr盲sch touch. Om du s盲ljer leksaker eller barnvagnar kan dessa typsnitt fungera bra f枚r dig.

Oxygen + Maven Pro

Oxygen fungerar bra i alla grafiska anv盲ndargr盲nssnitt, station盲ra datorer och enheter, speciellt i kombination med Maven Pros enkla l盲sbarhet. Kolla in det h盲r paret om din webbplats s盲ljer glas枚gon eller fitnessaccessoarer.

Dansmanus + Lato

Livligt och avslappnat Dancing Script ger din sida en v盲nlig och informell touch, som framh盲ver Latos klassiska proportioner och eleganta san serif-estetik. Present- och vykortsbutiker kan dra nytta av detta set.

Signika + Dosis

Signikas milda karakt盲r fungerar utm盲rkt f枚r rubriker, medan Dosis g枚r kompletterande texter ganska l盲ttl盲sta. Denna koppling fungerar f枚r ett brett utbud av butiker, fr氓n elektronik till blommor.

Reenie Beanie + Muli

Reenie Beanie 盲r baserad p氓 basic kulpenna pennhandstil, vilket ger ett lekfullt utseende, som kompletteras av Muli-fontens strukturerade minimalism. Prova den h盲r mixen om du s盲ljer n氓got som skissb枚cker eller om du vill ha fler avslappnad tonen f枚r ditt varum盲rke.

Questrial + Muli

San serif Muli 盲r ett perfekt teckensnitt f枚r br枚dtext, och det 盲r en diskret estetik som g枚r att det passar bra med en m盲ngd olika rubriktypsnitt: som Questrial med sin moderna stil och helcirkel kurva. Denna upps盲ttning kan vara en go-to variant f枚r streetwear.

Berkshire Swash + Proxima Nova

Berkshire Swash har en dj盲rv men 盲nd氓 mild stil, vilket ger en levande rubrik och ger en fantastisk balans med Proxima Novas enkla, moderna proportioner och geometriska utseende. Handgjorda kosmetika eller desserter skulle dra nytta av denna blandning.

Grunderna i teckensnittskombinationer

Hittade du inte det du letade efter i v氓r lista? Om du k盲nner dig kreativ kan du prova att leka med typsnitt och hitta din egen vackra teckensnittskombination.

H盲r 盲r n氓gra grundl盲ggande riktlinjer att f枚lja:

1. Skapa en kontrast mellan dina teckensnitt (fet & kursiv, L脜G & kort)
2. Kombinera serif och san-serif typsnitt (som Libre Baskerville + Signika).
3. Anv盲nd inte tv氓 liknande typsnitt (till exempel tv氓 kursiver) f枚r b氓de rubriken och br枚dtexten. Att skapa variation kommer att dra blickarna till sig och hj盲lpa din kund att engagera sig i varje avsnitt individuellt.
4. F氓 typsnittet att matcha ditt varum盲rke. Lekfulla handskrivna bokst盲ver 盲r f枚rmodligen inte den b盲sta passformen f枚r ett premium smyckem盲rke.
5. Begr盲nsa dig till 2-3 teckensnitt f枚r att undvika att ditt inneh氓ll verkar r枚rigt.

L盲s ocks氓: 50 exemplariska onlinebutiker byggda med 51视频

Skapa en vacker onlinebutik med 51视频
L盲s mer

• Hur du fixar din butiks navigering
• Allt du beh枚ver veta om produktf枚rs盲ljning
• Online Merchandising: Hur man l盲gger upp produkter i onlinebutiken
• Vad 盲r Fashion Merchandising, och varf枚r 盲r det s氓 viktigt?
• 10 designfel i onlinebutiker
• 15 perfekta teckensnittskombinationer f枚r din e-handelswebbplats
• F盲rgteori: Allt du beh枚ver veta om f盲rgteman
• 7 kreativa id茅er f枚r din produktsida f枚r e-handel
• Kraften i en hj盲ltebild i webbdesign
• 惭氓蝉迟别-丑补 UX-principer att f枚lja i en onlinebutik
• Revision av webbdesign
• L氓sa upp kraften i UX-design f枚r e-handel
• Vad 盲r skillnaden mellan UI och UX i e-handel?