51ÊÓÆµ

V?etko, ?o potrebujete na predaj online

Vytvorte si online obchod za p¨¢r min¨²t, aby ste mohli pred¨¢va? na webovej str¨¢nke, soci¨¢lnych m¨¦di¨¢ch alebo trhovisk¨¢ch.

P¨¢rovanie p¨ªsiem

15 perfektn?ch p¨¢rovan¨ª p¨ªsiem pre v¨¢? web elektronick¨¦ho obchodu

9 min ?¨ªtan¨¦

Vedci tvrdia, ?e m¨¢te o aby ste up¨²tali pozornos? pou?¨ªvate?ov predt?m, ako opustia va?u str¨¢nku a dostan¨² sa do nezn¨¢mych ?ast¨ª. Tak?e naozaj chcete, aby sa po?¨ªtalo prv?ch 10 sek¨²nd (?iadna hra?ka).

Text v hlavi?ke va?ej str¨¢nky je k?¨²?ov?m zdrojom inform¨¢ci¨ª. ?o hovor¨ª?? je samozrejme v?znamn¨¦, ale je tie? d?le?it¨¦ zv¨¢?i? ako hovor¨ª? to.

Typografia je hlasom v¨¢?ho webu. Nielen?e v?ber spr¨¢vnej typografie pom¨¢ha komunikova? va?e posolstvo, ale m¨¢ tie? silu ovplyvni? t¨®n a dokonca urobi? va?u zna?ku rozpoznate?nej?ou. To je d?vod, pre?o je na svete na v?ber viac ako 300,000 XNUMX fontov, od klasick?ch a? po... no, bl¨¢zniv¨¦.

kreat¨ªvny pr¨ªklad p¨ªsma


P¨ªsmo kanadskej umelkyne Jenny Shipper je ¨®dou na filmy Federica Felliniho

S to?k?mi mo?nos?ami m??e by? h?adanie vlastn¨¦ho spr¨¢vneho ?t?lu v?zvou, najm? ak neviete, ako spolu p¨ªsma spolupracuj¨². V tomto pr¨ªspevku si prejdeme niektor¨¦ z na?ich ob?¨²ben?ch p¨¢rov p¨ªsiem, ktor¨¦ v¨¢m pom??u navrhn¨²? spr¨¢vu hlavi?ky, ktor¨¢ sa konvertuje.

V?etky ni??ie uveden¨¦ pr¨ªklady boli vytvoren¨¦ pomocou n¨¢strojov na n¨¢vrh, ktor¨¦ s¨² k dispoz¨ªcii na 51ÊÓÆµ Instant Site ¨C efekt¨ªvnom n¨¢stroji na tvorbu str¨¢nok elektronick¨¦ho obchodu, ktor? v¨¢m umo?n¨ª r?chlo rozbehn¨²? a pred¨¢va? v¨¢? obchod. Z¨ªskajte viac inform¨¢ci¨ª o mo?nostiach dizajnu okam?it?ch str¨¢nok, Alebo  vidie? to v akcii.

Ako zmeni? p¨ªsma v editore okam?it?ch str¨¢nok 51ÊÓÆµ:

  1. Cho?te na  na ovl¨¢dacom paneli 51ÊÓÆµ a kliknite na ?Upravi?;¡°
  2. Vyberte ?Nadpis a ob¨¢lka;¡°
  3. Zadajte nadpis a popis svojho obchodu. Vyberte si rozlo?enie krytu a v pr¨ªpade potreby zme¨¾te jeho polohu a zarovnanie. Odtia? m??ete v pr¨ªpade potreby zmeni? aj pozadie a tla?idlo v?zvy na akciu;
  4. Posu¨¾te zobrazenie nadol a vyberte ?Typografia;¡°
  5. Vyberte rodiny p¨ªsiem, farby a ve?kosti pre nadpis a popis;
  6. Ke? skon?¨ªte, nezabudnite stla?i? tla?idlo ?Ulo?i?¡°.

Ako pred¨¢va? online
Tipy od e-commerce odborn¨ªci pre mal?ch podnikate?ov a za?¨ªnaj¨²cich podnikate?ov.
Zadajte platn¨² e-mailov¨² adresu

Spirax + Open Sans Condensed

Origin¨¢lne krivky Spiraxu d¨¢vaj¨² titulk¨¢m rafinovan?, ale rozmarn? vzh?ad dobre zladen¨¦ s otvoren?mi a neutr¨¢lnymi formami Open Sans Condensed. T¨¢to kombin¨¢cia v¨¢m m??e vyhovova?, ak pred¨¢vate nie?o jedine?ne navrhnut¨¦, ako s¨² ru?ne vyr¨¢ban¨¦ ?perky.

dvojice p¨ªsiem

Merriweather + Oswald

Merriweather sa pr¨ªjemne ?¨ªta na obrazovk¨¢ch s mierne zhusten?mi p¨ªsmenami, pevn?mi p?tkami a otvoren?mi tvarmi. Dokonale lad¨ª s p¨ªsmom Oswald, in?pirovan?m klasick?m gotick?m a groteskn?m ?t?lom konca 19. a za?iatku 20. storo?ia. Toto p¨¢rovanie m??e vyhovova? obchodu, ktor? pred¨¢va high-end produkty na mieru, ako s¨² hodinky alebo ko?en¨¦ doplnky.

p¨¢rovanie p¨ªsiem pre webov¨¦ str¨¢nky elektronick¨¦ho obchodu

Abril Fatface + kab¨ªna

Tenk¨¦ p?tky a dobre zaoblen¨¦ krivky Abril Fatface dod¨¢vaj¨² titulk¨¢m elegantn?, no hrav? vzh?ad, ?o je dobre sp¨¢rovan¨¦ s Cabinov?m n¨¢dychom modernizmu. Vysk¨²?ajte tieto fonty, ak pred¨¢vate papiernictvo alebo knihy.

elektronick? obchod na p¨¢rovanie p¨ªsiem

Montserrat + Merriweather

Montserrat vych¨¢dza z mestskej typografie z prvej polovice 20. storo?ia, ktor¨² dop?¨¾aj¨² mierne zhusten¨¦ formy p¨ªsmen Merriweather. Toto p¨¢rovanie by dobre posl¨²?ilo v obchode s ta?kami alebo teniskami.

bezplatn¨¦ p¨¢rovanie p¨ªsiem

Overlock + Nunito

Zaoblen¨¦ tvary glyfov Overlocku vytv¨¢raj¨² skvel¨¦ nadpisy a kr¨¢tke texty ?asopiseck? ?t?l rozlo?enia. Toto p¨ªsmo vyzer¨¢ najlep?ie vo v???¨ªch ve?kostiach a dop?¨¾a p¨ªsmo Nunito ±¹²â±¹¨¢?±ð²Ô? zaoblen¨¦ tvary. Ak pred¨¢vate oble?enie, tieto fonty s¨² skvelou vo?bou.

ako sp¨¢rova? p¨ªsma

Playfair Display + Source Sans Pro

Klasick? ?t?l Playfair Display je e?te v?raznej?¨ª, ke? je sp¨¢rovan? so Source Sans Pro, ktor? bol vytvoren? tak, aby dobre fungoval v pou?¨ªvate?sk?ch rozhraniach. Toto nad?asov¨¦ kombo by dobre fungovalo v obchodoch ?pecializuj¨²cich sa na d¨¢mske kozmetick¨¦ v?robky alebo obchody s oble?en¨ªm.

najlep?ie p¨¢rovanie p¨ªsiem

Alegreya + Lato

Dynamick? a rozmanit? rytmus Alegreya dod¨¢va str¨¢nke svie?os? a sp¨²??a Lato ±è´Ç±ô´Ç²µ³Ü?²¹³Ù¨¦ detaily a siln¨¢ ?trukt¨²ra. Ak pred¨¢vate spodn¨² bielize¨¾ alebo in¨¦ elegantn¨¦ doplnky, pozrite sa na tieto p¨ªsma bli??ie.

p¨¢r p¨ªsiem google

Rokkitt + Lato

Rokkitt bol navrhnut? na pou?itie ako zobrazovacie p¨ªsmo v nadpisoch a nadpisoch. Skombinujte to s ±è´Ç±ô´Ç²µ³Ü?²¹³Ù¨¦ san serif Lato na vytvorenie v?razn¨¦ho vzh?adu. Venujte pozornos? tejto kombin¨¢cii, ak sa v¨¢? obchod zameriava na pr¨¦miov¨¦ ?portov¨¦ oble?enie alebo ?t?lov¨¦ technol¨®gie.

fonty pre internetov? obchod

Quicksand + Proxima Nova

Geometrick¨¦ tvary s¨² z¨¢kladn?m z¨¢kladom Quicksand, tak?e ich sp¨¢rujte s modern?m c¨ªten¨ªm Proxima Nova, aby va?e rozlo?enie z¨ªskalo ?ist? a svie?i n¨¢dych. Ak pred¨¢vate hra?ky alebo detsk¨¦ ko?¨ªky, tieto fonty m??u by? pre v¨¢s dobr¨¦.

dvojice p¨ªsiem pre internetov? obchod

Kysl¨ªk + Maven Pro

Oxygen funguje dobre vo v?etk?ch grafick?ch pou?¨ªvate?sk?ch rozhraniach, desktopoch a zariadeniach, najm? v kombin¨¢cii s ?ahkou ?itate?nos?ou Maven Pro. Ak v¨¢? web pred¨¢va okuliare alebo fitness doplnky, pozrite si toto p¨¢rovanie.

p¨¢rovanie fontov

Tane?n? scen¨¢r + Lato

?iv? a le?¨¦rny Tane?n? skript dod¨¢va va?ej str¨¢nke priate?sk? a neform¨¢lny n¨¢dych, zd?raz¨¾uj¨²c klasick¨¦ proporcie Lata a uhladen¨² san serifov¨² estetiku. Z tejto sady m??u ma? ¨²?itok obchody s dar?ekmi a poh?adnicami.

kurz¨ªvna dvojica p¨ªsiem

Signika + Dosis

Jemn? charakter Signiky funguje skvele pre titulky, zatia? ?o Dosis rob¨ª doplnkov¨¦ texty pomerne ?ahko ?itate?n?mi. Toto p¨¢rovanie funguje pre ?irok¨² ?k¨¢lu obchodov, od elektroniky a? po kvety.

p¨¢rovanie p¨ªsiem google

Reenie Beanie + Muli

Reenie Beanie vych¨¢dza zo z¨¢kladn¨¦ho gu???kov? hrot perov? rukopis, poskytuj¨²ci hrav? vzh?ad, ktor? dop?¨¾a ?trukt¨²rovan? minimalizmus p¨ªsma Muli. Vysk¨²?ajte t¨²to kombin¨¢ciu, ak pred¨¢vate nie?o ako skic¨¢re alebo by ste chceli viac uvo?nen? t¨®n pre va?u zna?ku.

p¨¢rovanie p¨ªsma

Questrial + Muli

San serif Muli vytv¨¢ra dokonal¨¦ p¨ªsmo tela textu a jeho nen¨¢padn¨¢ estetika znamen¨¢, ?e sa dobre sp¨¢ja so ?irokou ?k¨¢lou nadpisov?ch fontov: ako Questrial s jeho modern?m ?t?lom a pln? kruh krivka. T¨¢to sada m??e by? a ¨ªs? do variant pre streetwear.

dvojica p¨ªsiem

Berkshire Swash + Proxima Nova

Berkshire Swash m¨¢ odv¨¢?ny, ale jemn? n¨¢dych, ktor? vytv¨¢ra ?iv? titulok a poskytuje ¨²?asn¨² rovnov¨¢hu s jednoduch?mi, modern?mi proporciami a geometrick?m vzh?adom Proxima Nova. Ru?ne vyr¨¢ban¨¢ kozmetika alebo dezerty by z tohto mixu prospeli.

p¨¢rovanie fontov dohromady

Z¨¢klady p¨¢rovania p¨ªsiem

Nena?li ste v na?om zozname to, ?o ste h?adali? Ak sa c¨ªtite kreat¨ªvne, sk¨²ste sa pohra? s p¨ªsmami a n¨¢jdite si svoju vlastn¨² kr¨¢snu kombin¨¢ciu p¨ªsma.

Tu je nieko?ko z¨¢kladn?ch pokynov, ktor¨¦ treba dodr?iava?:

  1. Vytvorte kontrast medzi svojimi p¨ªsmami (tu?n¨¦ a °ì³Ü°ù³ú¨ª±¹²Ô¨ª, VYSOK? a kr¨¢tky)
  2. Skombinujte p?tku a san-serif fonty (ako Libre Baskerville + Signika).
  3. Nepou?¨ªvajte dva podobn¨¦ typy p¨ªsma (napr¨ªklad dve kurz¨ªva) pre nadpis aj text. Vytv¨¢ranie rozmanitosti pritiahne pozornos? a pom??e v¨¢?mu z¨¢kazn¨ªkovi zapoji? sa do ka?dej sekcie individu¨¢lne.
  4. Prisp?sobte p¨ªsmo va?ej zna?ke. Hrav¨¦ ru?ne p¨ªsan¨¦ p¨ªsmen¨¢ pravdepodobne nie s¨² najvhodnej?ie pre pr¨¦miov¨² zna?ku ?perkov.
  5. Obmedzte sa na 2-3 p¨ªsma, aby sa v¨¢? obsah nezdal by? nepreh?adn?.

Pre?¨ªtajte si tie?: 50 vzorov?ch online obchodov vytvoren?ch pomocou 51ÊÓÆµ

 

Obsah

Pred¨¢vajte online

S 51ÊÓÆµ Ecommerce m??ete jednoducho pred¨¢va? kdeko?vek a komuko?vek ¨C cez internet a po celom svete.

Elektronick? obchod, ktor? v¨¢m kryje chrb¨¢t

Tak jednoduch¨¦ na pou?¨ªvanie ¨C zvl¨¢dnu to aj moji najtechnof¨®bnej?¨ª klienti. Jednoduch¨¢ in?tal¨¢cia, r?chle nastavenie. Sveteln¨¦ roky pred ostatn?mi doplnkami obchodu.
Som tak? ohromen?, ?e som to odporu?il svojim klientom na webe a teraz ho pou?¨ªvam vo svojom vlastnom obchode spolu so ?tyrmi ?al?¨ªmi, pre ktor¨¦ som webmasterom. Kr¨¢sne k¨®dovanie, vynikaj¨²ca ?pi?kov¨¢ podpora, skvel¨¢ dokument¨¢cia, fantastick¨¦ vide¨¢ s n¨¢vodmi. ?akujem ve?mi pekne 51ÊÓÆµ, ty rock!
Pou?il som 51ÊÓÆµ a milujem samotn¨² platformu. V?etko je tak zjednodu?en¨¦, a? je to ?ialen¨¦. P¨¢?i sa mi, ?e m¨¢te r?zne mo?nosti v?beru prepravcov, aby ste mohli da? to?ko r?znych variantov. Je to celkom otvoren¨¢ br¨¢na elektronick¨¦ho obchodu.
Jednoduch¨¦ pou?itie, cenovo dostupn¨¦. Vyzer¨¢ profesion¨¢lne, na v?ber je ve?a ?abl¨®n. Aplik¨¢cia je moja ob?¨²ben¨¢ funkcia, preto?e svoj obchod m??em spravova? priamo z telef¨®nu. Vrelo odpor¨²?ame ??
P¨¢?i sa mi, ?e 51ÊÓÆµ sa ?ahko spustil a pou?¨ªval. Aj pre ?loveka ako som ja, bez ak¨¦hoko?vek technick¨¦ho z¨¢zemia. Ve?mi dobre nap¨ªsan¨¦ ?l¨¢nky pomocn¨ªka. A podporn? t¨ªm je pod?a m¨¾a najlep?¨ª.
Pre v?etko, ?o ECWID pon¨²ka, je neuverite?ne jednoduch¨¦ nastavi?. Vrelo odpor¨²?ame! Ve?a som p¨¢tral a vysk¨²?al som asi 3 ?al?¨ªch konkurentov. Sta?¨ª vysk¨²?a? ECWID a za chv¨ª?u budete online.

Va?e sny o elektronickom obchode za?¨ªnaj¨² tu