Znanstveniki trdijo, da imate pribli?no da pritegnete pozornost uporabnikov, preden zapustijo va?e spletno mesto v neznane dele. Torej res ?elite, da prvih 10 sekund ?teje (brez besedne igre).
Besedilo v obmo?ju glave va?ega spletnega mesta je klju?ni vir informacij. Kaj pravi? o?itno pomemben, vendar ga je tudi pomembno upo?tevati kako ti povej.
Tipografija je glas va?ega spletnega mesta. Ne samo, da izbira prave tipografije pomaga posredovati va?e sporo?ilo, ampak ima tudi mo?, da vpliva na ton in celo naredi va?o blagovno znamko bolj prepoznavno. Zato je na svetu na voljo ve? kot 300,000 pisav, od klasi?nih do … no, norih.
![primer ustvarjalne pisave](https://don16obqbay2c.cloudfront.net/wp-content/uploads/creative-font-example-1565351271.jpg)
Pisava kanadske umetnice Jenny Shipper je oda filmom Federica Fellinija
Pri toliko mo?nostih je iskanje pravega sloga lahko izziv, ?e posebej, ?e ne veste, kako pisave delujejo skupaj. V tej objavi bomo preu?ili nekaj na?ih najljub?ih parov pisav, da vam bomo pomagali oblikovati sporo?ilo v glavi, ki se pretvori.
Vsi spodnji primeri so bili ustvarjeni z orodji za oblikovanje, ki so na voljo na spletnem mestu 黑料门 Instant Site – brezpla?nem in u?inkovitem graditelju spletnih mest za e-trgovino, s katerim lahko svojo trgovino vzpostavite in hitro za?nete prodajati. Izvedite ve? o mo?nostih oblikovanja Instant Siteali videti v akciji.
Kako spremeniti pisave v urejevalniku 黑料门 Instant Site:
- Pojdi na na nadzorni plo??i 黑料门 in kliknite ?Uredi?;
- Izberite ?Naslov in naslovnica;?
- Vnesite naslov in opis svoje trgovine. Izberite postavitev naslovnice in po potrebi spremenite njen polo?aj in poravnavo. Tu lahko po ?elji spremenite tudi ozadje in gumb za poziv k dejanju;
- Pomaknite se navzdol in izberite ?Tipografija?;
- Izberite dru?ine pisav, barve in velikosti za svoj naslov in opis;
- Ko kon?ate, ne pozabite pritisniti gumba ?Shrani?.
Spirax + Open Sans Condensed
Spiraxove izvirne krivulje dajejo naslovom prefinjen, a muhast videz
Merriweather + Oswald
Merriweather je prijeten za branje na zaslonih s svojimi rahlo zgo??enimi oblikami ?rk, ?vrstimi serifi in odprtimi oblikami. Popolnoma se ujema z Oswaldom, pisavo, ki jo navdihujejo klasi?ni gotski in groteskni slogi poznega 19. in zgodnjega 20. stoletja. Ta par lahko ustreza trgovini, ki prodaja
Abril Fatface + Kabina
Tanki serifi in
Montserrat + Merriweather
Montserrat temelji na urbani tipografiji iz prve polovice 20. stoletja, ki jo dopolnjujejo rahlo zgo??ene ?rke Merriweatherja. Ta kombinacija bi bila primerna za trgovino s torbami ali supergami.
Overlock + Nunito
Overlockove zaobljene oblike glifov poskrbijo za odli?ne naslove in kratka besedila
Playfair Display + Source Sans Pro
Klasi?ni slog Playfair Display je ?e bolj izrazit v kombinaciji s Source Sans Pro, ki je bil ustvarjen za dobro delovanje v uporabni?kih vmesnikih. Ta brez?asna kombinacija bi dobro delovala s trgovinami, specializiranimi za ?enske lepotne izdelke, ali trgovinami z oblekami.
Alegreya + Lato
Alegreyin dinami?en in raznolik ritem poskrbi za sve?ino strani in po?ene Latov
Rokkitt + Lato
Rokkitt je bil zasnovan za uporabo kot prikazna pisava v naslovih in naslovih. Kombinirajte z
?ivi pesek + Proxima Nova
Geometrijske oblike so temelj Quicksand-a, zato jih zdru?ite s sodobno ob?utljivostjo Proxima Nova in dajte svoji postavitvi ?ist in sve? pridih. ?e prodajate igra?e ali otro?ke vozi?ke, vam lahko te pisave dobro uspejo.
Oxygen + Maven Pro
Oxygen dobro deluje v vseh grafi?nih uporabni?kih vmesnikih, namizjih in napravah, zlasti v kombinaciji z enostavno berljivostjo Maven Pro. Oglejte si to kombinacijo, ?e va?e spletno mesto prodaja o?ala ali pripomo?ke za fitnes.
Plesni scenarij + Lato
?ivahen in le?eren Dancing Script daje va?i strani prijazen in neformalen pridih, s poudarkom na Latovih klasi?nih proporcih in elegantni san serif estetiki. Ta komplet bo morda koristil trgovinam z darili in razglednicami.
Signika + Dosis
Ne?ni zna?aj Signike se odli?no obnese pri naslovnicah, medtem ko Dosis omogo?a dokaj enostavno branje dopolnilnih besedil. Ta kombinacija deluje za ?iroko paleto trgovin, od elektronike do ro?.
Reenie Beanie + Muli
Reenie Beanie temelji na osnovi
Questrial + Muli
San serif Muli je popolna pisava za telo besedila, njegova skromna estetika pa pomeni, da se dobro ujema s ?tevilnimi naslovnimi pisavami: na primer Questrial s svojim modernim slogom in
Berkshire Swash + Proxima Nova
Berkshire Swash ima drzen, a ne?en pridih, ki poskrbi za ?ivahen naslov in zagotavlja neverjetno ravnote?je s preprostimi, modernimi proporci in geometrijskim videzom Proxima Nova. Ta me?anica bi koristila ro?no izdelani kozmetiki ali sladicam.
Osnove zdru?evanja pisav
Na na?em seznamu niste na?li, kar i??ete? ?e ste ustvarjalni, se poskusite poigrati s pisavami in poi??ite svojo ?udovito kombinacijo pisav.
Tukaj je nekaj osnovnih smernic, ki jih morate upo?tevati:
- Ustvarite kontrast med svojimi pisavami (krepko in radoveden, VISOK & nizek)
- Zdru?ite serif in
san-serif pisave (kot Libre Baskerville + Signika). - Ne uporabljajte dveh podobnih pisav (na primer dveh kurzivov) za naslov in telo besedila. Ustvarjanje raznolikosti bo pritegnilo pozornost in pomagalo va?i stranki, da se vklju?i v vsak razdelek posebej.
- Naj se pisava ujema z va?o znamko. Igrive ro?no napisane ?rke verjetno niso najbolj primerne za vrhunsko znamko nakita.
- Omejite se na
2-3 pisave, da prepre?ite, da bi bila va?a vsebina videti natrpana.
Preberite tudi: 50 zglednih spletnih trgovin, zgrajenih z 黑料门om
- Kako popraviti navigacijo va?e trgovine
- Vse, kar morate vedeti o tr?enju izdelkov
- Spletno trgovanje: Kako razporediti izdelke v spletni trgovini
- Kaj je modno tr?enje in zakaj je tako pomembno?
- 10 oblikovalskih napak spletnih trgovin
- 15 popolnih parov pisav za va?e spletno mesto e-trgovine
- Teorija barv: Vse, kar morate vedeti o barvnih temah
- 7 kreativnih idej za va?o stran izdelka e-trgovine
- Mo? glavne slike v spletnem oblikovanju
Must-have Na?ela UX, ki jih morate upo?tevati v spletni trgovini- Revizija oblikovanja spletne strani
- Odklepanje mo?i oblikovanja UX za e-trgovino
- Kak?na je razlika med UI in UX v e-trgovini?