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.
![kūrybinio ?rifto pavyzdys](https://don16obqbay2c.cloudfront.net/wp-content/uploads/creative-font-example-1565351271.jpg)
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 ?黑料门 Instant Site“ – nemokama ir efektyvi el. prekybos svetaini? kūrimo priemon?, leid?ianti greitai sukurti parduotuv? ir parduoti. Su?inokite daugiau apie momentin?s svetain?s dizaino parinktisarba pamatyti tai veikiant.
Kaip pakeisti ?riftus 黑料门 Instant Site redaktoriuje:
- Eikite ? skirtuk? 黑料门 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 ?黑料门“.
- 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?