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¨¦.

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ÊÓÆµ:
- Cho?te na na ovl¨¢dacom paneli 51ÊÓÆµ a kliknite na ?Upravi?;¡°
- Vyberte ?Nadpis a ob¨¢lka;¡°
- 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;
- Posu¨¾te zobrazenie nadol a vyberte ?Typografia;¡°
- Vyberte rodiny p¨ªsiem, farby a ve?kosti pre nadpis a popis;
- Ke? skon?¨ªte, nezabudnite stla?i? tla?idlo ?Ulo?i?¡°.
Spirax + Open Sans Condensed
Origin¨¢lne krivky Spiraxu d¨¢vaj¨² titulk¨¢m rafinovan?, ale rozmarn? vzh?ad
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
Abril Fatface + kab¨ªna
Tenk¨¦ p?tky a
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.
Overlock + Nunito
Zaoblen¨¦ tvary glyfov Overlocku vytv¨¢raj¨² skvel¨¦ nadpisy a kr¨¢tke texty
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.
Alegreya + Lato
Dynamick? a rozmanit? rytmus Alegreya dod¨¢va str¨¢nke svie?os? a sp¨²??a Lato
Rokkitt + Lato
Rokkitt bol navrhnut? na pou?itie ako zobrazovacie p¨ªsmo v nadpisoch a nadpisoch. Skombinujte to s
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¨¦.
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.
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.
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.
Reenie Beanie + Muli
Reenie Beanie vych¨¢dza zo z¨¢kladn¨¦ho
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
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.
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?:
- Vytvorte kontrast medzi svojimi p¨ªsmami (tu?n¨¦ a °ì³Ü°ù³ú¨ª±¹²Ô¨ª, VYSOK? a kr¨¢tky)
- Skombinujte p?tku a
san-serif fonty (ako Libre Baskerville + Signika). - 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.
- 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.
- 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ÊÓÆµ
- Ako opravi? navig¨¢ciu v obchode
- V?etko, ?o potrebujete vedie? o produktovom merchandisingu
- Online merchandising: Ako rozlo?i? produkty v internetovom obchode
- ?o je to m¨®dny merchandising a pre?o je tak? d?le?it??
- 10 dizajnov?ch ch?b online obchodov
- 15 perfektn?ch p¨¢rovan¨ª p¨ªsiem pre v¨¢? web elektronick¨¦ho obchodu
- Te¨®ria farieb: V?etko, ?o potrebujete vedie? o farebn?ch t¨¦mach
- 7 kreat¨ªvnych n¨¢padov pre va?u produktov¨² str¨¢nku elektronick¨¦ho obchodu
- Sila hrdinsk¨¦ho obr¨¢zku vo webovom dizajne
Musie? ma? Princ¨ªpy UX, ktor¨¦ treba dodr?iava? v online obchode- Audit dizajnu webov?ch str¨¢nok
- Odomknutie sily dizajnu UX pre elektronick? obchod
- Ak? je rozdiel medzi pou?¨ªvate?sk?m rozhran¨ªm a pou?¨ªvate?sk?m rozhran¨ªm v elektronickom obchode?