Mokslininkai teigia, kad turite apie kad patrauktumÄ—te vartotojų dÄ—mesį prieÅ¡ jiems paliekant svetainÄ™ dÄ—l nežinomų dalių. Taigi jÅ«s tikrai norite, kad pirmosios 10 sekundžių bÅ«tų skaiÄiuojamos (jokio žodžio).
Tekstas jūsų svetainės antraštės srityje yra svarbus informacijos šaltinis. Ką tu sakai yra akivaizdžiai reikšmingas, bet taip pat svarbu apsvarstyti kaip tu tai sakai.
Tipografija yra jūsų svetainės balsas. Tinkamos tipografijos pasirinkimas ne tik padeda perduoti jūsų žinutę, bet ir gali paveikti toną ir netgi padaryti jūsų prekės ženklą labiau atpažįstamą. Štai kodėl pasaulyje galima rinktis iš daugiau nei 300,000 XNUMX šriftų – nuo ​​klasikinio iki... na, beprotiško.

Kanados menininkės Jenny Shipper šriftas – odė Federico Fellini filmams
Turint tiek daug galimybių, rasti savo tinkamÄ… stilių gali bÅ«ti sunku, ypaÄ jei nežinote, kaip Å¡riftai veikia kartu. Å iame įraÅ¡e apžvelgsime keletÄ… mÄ—gstamiausių Å¡riftų porų, kad padÄ—tume jums sukurti konvertuojamÄ… antraÅ¡tÄ—s praneÅ¡imÄ….
Visi toliau pateikti pavyzdžiai buvo sukurti naudojant projektavimo įrankius, esanÄius „51ÊÓÆµ Instant“ svetainÄ—je – efektyvioje el. prekybos svetainių kÅ«rimo priemonÄ—je, leidžianÄioje greitai sukurti ir parduoti savo parduotuvÄ™. Sužinokite daugiau apie momentinÄ—s svetainÄ—s dizaino parinktisarba pamatyti tai veikiant.
Kaip pakeisti Å¡riftus 51ÊÓÆµ Instant Site redaktoriuje:
- Eikite į skirtukÄ… 51ÊÓÆµ valdymo skydelyje ir spustelÄ—kite „Redaguoti“;
- Pasirinkite „Antraštė ir viršelis“;
- Įveskite parduotuvės antraštę ir aprašą. Pasirinkite dangtelio išdėstymą ir, jei reikia, pakeiskite jo padėtį ir lygiavimą. Čia taip pat galite pakeisti foną ir raginimo veikti mygtuką, jei norite;
- Slinkite žemyn ir pasirinkite „Tipografija“;
- Pasirinkite antraštės ir aprašo šriftų šeimas, spalvas ir dydžius;
- Baigę nepamirškite paspausti mygtuko „Išsaugoti“.
Spirax + Open Sans Condensed
Originalios Spirax kreivės suteikia antraštėms rafinuotą, bet įnoringą išvaizdą
Merriweatheris + Osvaldas
„Merriweather“ yra malonu skaityti ekranuose dėl šiek tiek sutirštėjusių raidžių, tvirtų serifų ir atvirų formų. Jis puikiai dera su Osvaldo šriftu, įkvėptu klasikinio gotikos ir grotesko stilių XIX amžiaus pabaigoje ir XX amžiaus pradžioje. Šis poravimas gali tikti parduotuvei, kuri parduoda
Abril Fatface + Cabin
Ploni serifai ir
Montseratas + Merriweatheris
Montserratas sukurtas remiantis XX amžiaus pirmosios pusÄ—s miesto tipografija, kuriÄ… papildo Å¡iek tiek sutrumpintos Merriweather raidÄ—s. Å is derinys puikiai tiks krepÅ¡ių ar sportbaÄių parduotuvÄ—je.
Overlokas + Nunito
Dėl suapvalintų Overloko glifų formų yra puikūs pavadinimai ir trumpi tekstai
Playfair Display + Source Sans Pro
Klasikinis Playfair Display stilius yra dar ryškesnis, kai suporuotas su Source Sans Pro, kuris buvo sukurtas taip, kad gerai veiktų vartotojo sąsajose. Šis nesenstantis derinys puikiai tiktų parduotuvėse, kurių specializacija yra moteriški grožio produktai arba suknelių parduotuvės.
AlegrÄ—ja + Lato
Dinamiškas ir įvairus Alegreya ritmas suteikia puslapiui gaivumo, išryškindamas Lato
Rokkitt + Lato
Rokkitt buvo sukurtas naudoti kaip rodymo šriftas antraštėse ir antraštėse. Sujunkite jį su
Greitas smÄ—lis + Proxima Nova
Geometrinės formos yra pagrindinis „Quicksand“ pagrindas, todėl derinkite jį su „Proxima Nova“ šiuolaikišku jautrumu, kad jūsų išdėstymas būtų švarus ir gaivus. Jei parduodate žaislus ar vaikiškus vežimėlius, šie šriftai jums gali tikti.
Deguonis + Maven Pro
Deguonis gerai veikia visose grafinÄ—se vartotojo sÄ…sajose, staliniuose kompiuteriuose ir įrenginiuose, ypaÄ kartu su Maven Pro lengvu skaitomumu. PeržiÅ«rÄ—kite šį susiejimÄ…, jei jÅ«sų svetainÄ—je parduodami akiniai ar kÅ«no rengybos priedai.
Šokių scenarijus + Lato
Gyvas ir paprastas šokių scenarijus suteikia jūsų puslapiui draugišką ir neformalų atspalvį, pabrėžiant klasikines Lato proporcijas ir aptakią san serif estetiką. Šis rinkinys gali būti naudingas dovanų ir atvirukų parduotuvėms.
Signika + DozÄ—
Švelnus Signikos charakteris puikiai tinka antraštėms, o „Dosis“ leidžia gana lengvai skaityti papildomus tekstus. Šis poravimas tinka įvairioms parduotuvėms, nuo elektronikos iki gėlių.
Reenie Beanie + Muli
Reenie Beanie yra pagrįsta pagrindine
Questrial + Muli
„San serif Muli“ sukuria tobulÄ… pagrindinio teksto Å¡riftÄ…, o dÄ—l nepakankamo estetiÅ¡kumo jis puikiai dera su įvairiais antraÅ¡Äių Å¡riftais: pavyzdžiui, Questrial su Å¡iuolaikiÅ¡ku stiliumi ir
Berkshire Swash + Proxima Nova
„Berkshire Swash“ pasižymi drąsiu, bet švelniu nuojauta, todėl antraštė yra ryški ir sukuria nuostabią pusiausvyrą su paprastomis, moderniomis Proxima Nova proporcijomis ir geometrine išvaizda. Šis mišinys būtų naudingas rankų darbo kosmetikai ar desertams.
Šriftų poravimo pagrindai
MÅ«sų sÄ…raÅ¡e neradote to, ko ieÅ¡kote? Jei jauÄiatÄ—s kÅ«rybingi, pabandykite žaisti su Å¡riftais ir raskite savo gražų Å¡riftų derinį.
Štai keletas pagrindinių gairių, kurių reikia laikytis:
- Sukurkite kontrastą tarp šriftų (paryškintas ir kursyvinis, AUKŠTAS ir trumpas)
- Sujunkite serifÄ… ir
san-serif šriftus (pvz., Libre Baskerville + Signika). - Nenaudokite dviejų panašių šriftų (pavyzdžiui, dviejų kursyvų) ir antraštei, ir pagrindiniam tekstui. Įvairovės kūrimas atkreips jūsų dėmesį ir padės jūsų klientui įsitraukti į kiekvieną skyrių atskirai.
- Kad Å¡riftas atitiktų jÅ«sų prekÄ—s ženklÄ…. Žaismingos ranka raÅ¡ytos raidÄ—s tikriausiai nÄ—ra tinkamiausios aukÅ¡Äiausios kokybÄ—s papuoÅ¡alų prekÄ—s ženklui.
- Apribokite save
2-3 šriftus, kad jūsų turinys neatrodytų netvarkingas.
Taip pat skaitykite: 50 pavyzdinių internetinių parduotuvių, sukurtų naudojant „51ÊÓÆµâ€œ.
- Kaip pataisyti parduotuvÄ—s navigacijÄ…
- Viskas, ką reikia žinoti apie produktų prekybą
- Prekyba internetu: kaip išdėstyti produktus internetinėje parduotuvėje
- Kas yra mados prekyba ir kodÄ—l ji tokia svarbi?
- 10 internetinių parduotuvių dizaino klaidų
- 15 puikių šriftų porų jūsų el. prekybos svetainei
- Spalvų teorija: viskas, ką reikia žinoti apie spalvų temas
- 7 kūrybinės idėjos jūsų el. prekybos produkto puslapiui
- Herojaus įvaizdžio galia interneto dizaino srityje
Privalu turėti UX principai, kurių reikia laikytis internetinėje parduotuvėje- Svetainės dizaino auditas
- Atlaisvinkite UX dizaino galiÄ… el. prekybai
- Kuo skiriasi UI ir UX el. prekyboje?