Vedci tvrdia, že máte o
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 Ecwid Instant Site – bezplatnom a 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 zaregistrujte sa zadarmo vidieť to v akcii.
Ako zmeniť písma v editore okamžitých stránok Ecwid:
- Choďte na Webová stránka na ovládacom paneli Ecwid 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 v bezplatnom editore okamžitých stránok 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 kurzívní, 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 Ecwid
- 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?