Znanstvenici tvrde da imate oko kako biste privukli pozornost korisnika prije nego ?to napuste va?u stranicu u nepoznatom dijelu. Dakle, stvarno ?elite da se broji prvih 10 sekundi (bez namjere dosjetke).
Tekst u podru?ju zaglavlja va?e web-lokacije klju?ni je izvor informacija. ?to ka?e? je o?ito zna?ajan, ali tako?er ga je va?no uzeti u obzir kako ti to reci.
Tipografija je glas va?e web stranice. Ne samo da odabir prave tipografije poma?e u preno?enju va?e poruke, ve? tako?er ima mo? utjecati na ton, pa ?ak i u?initi va?u marku prepoznatljivijom. Zato u svijetu postoji vi?e od 300,000 fontova koje mo?ete izabrati, od klasi?nih do... pa, ludih.
Font kanadske umjetnice Jenny Shipper oda je filmovima Federica Fellinija
S toliko mnogo opcija, pronala?enje vlastitog pravog stila mo?e biti izazov, pogotovo ako ne znate kako fontovi funkcioniraju zajedno. U ovom ?emo postu pro?i kroz neke od na?ih omiljenih parova fontova kako bismo vam pomogli da dizajnirate poruku u zaglavlju koja pretvara.
Svi primjeri u nastavku stvoreni su pomo?u alata za dizajn koji su dostupni na web-mjestu 黑料门 Instant — besplatnom i u?inkovitom alatu za izradu web-mjesta za e-trgovinu koji ?e va?u trgovinu pokrenuti i brzo prodati. Saznajte vi?e o opcijama dizajna Instant stranice, ili vidjeti ga na djelu.
Kako promijeniti fontove u ure?iva?u 黑料门 Instant Site:
- Idi na karticu na va?oj upravlja?koj plo?i 黑料门 i kliknite "Uredi";
- Odaberite "Naslov i naslovnica;"
- Upi?ite naslov i opis svoje trgovine. Odaberite izgled naslovnice i po potrebi promijenite njen polo?aj i poravnanje. Odavde tako?er mo?ete promijeniti pozadinu i gumb poziva na akciju ako ?elite;
- Pomaknite se prema dolje i odaberite "Tipografija";
- Odaberite obitelji fontova, boje i veli?ine za svoj naslov i opis;
- Ne zaboravite pritisnuti gumb "Spremi" kada zavr?ite.
Spirax + Open Sans Condensed
Spiraxove originalne krivulje daju naslovima profinjen, ali ?udan izgled
Merriweather + Oswald
Merriweather je ugodan za ?itanje na ekranima sa svojim blago zgusnutim oblicima slova, ?vrstim serifima i otvorenim oblicima. Savr?eno je u skladu s Oswaldom, fontom nadahnutim klasi?nim goti?kim i grotesknim stilovima s kraja 19. i ranog 20. stolje?a. Ovaj bi spoj mogao odgovarati trgovini koja prodaje
Abril Fatface + Kabina
Tanki serifi i
Montserrat + Merriweather
Montserrat se temelji na urbanoj tipografiji iz prve polovice 20. stolje?a, nadopunjenoj blago sa?etim oblicima slova Merriweathera. Ovaj bi spoj dobro poslu?io u trgovini torbama ili tenisicama.
Overlock + Nunito
Overlockovi zaobljeni oblici glifa ?ine sjajne naslove i kratke tekstove
Playfair Display + Source Sans Pro
Klasi?ni stil Playfair Displaya jo? je istaknutiji kada je uparen sa Source Sans Pro, koji je stvoren da dobro radi u korisni?kim su?eljima. Ova bezvremenska kombinacija dobro bi funkcionirala s trgovinama specijaliziranim za ?enske kozmeti?ke proizvode ili trgovinama haljinama.
Alegreya + Lato
Alegreyin dinami?an i raznolik ritam daje svje?inu stranici, isti?u?i Latov
Rokkitt + Lato
Rokkitt je dizajniran za kori?tenje kao font za prikaz u naslovima i naslovima. Kombinirajte ga sa
?ivi pijesak + Proxima Nova
Geometrijski oblici klju?ni su temelj Quicksand-a, stoga ga uparite s modernim senzibilitetom Proxima Nove kako biste svom rasporedu dali ?ist, svje? dodir. Ako prodajete igra?ke ili dje?ja kolica, ovi vam fontovi mogu dobro poslu?iti.
Oxygen + Maven Pro
Oxygen dobro radi na svim grafi?kim korisni?kim su?eljima, stolnim ra?unalima i ure?ajima, posebno u kombinaciji s lakom ?itljivo??u Maven Pro-a. Provjerite ovo uparivanje ako va?a web stranica prodaje nao?ale ili dodatke za fitness.
Plesni scenarij + Lato
?ivahan i le?eran Dancing Script daje va?oj stranici prijateljski i neformalan dodir, nagla?avaju?i Latoove klasi?ne proporcije i elegantnu san serif estetiku. Prodavaonice poklona i razglednica mogle bi imati koristi od ovog seta.
Signika + Dosis
Nje?ni karakter Signike odli?no funkcionira za naslove, dok Dosis ?ini dopunske tekstove prili?no lakima za ?itanje. Ovo uparivanje funkcionira za ?irok raspon trgovina, od elektronike do cvije?a.
Reenie Beanie + Muli
Reenie Beanie temelji se na osnovnim
Questrial + Muli
San serif Muli ?ini savr?en font za tijelo teksta, a njegova nenametljiva estetika zna?i da se dobro sla?e s ?irokim izborom naslovnih fontova: poput Questriala sa svojim modernim stilom i
Berkshire Swash + Proxima Nova
Berkshire Swash ima odva?an, ali nje?an ?tih, koji ?ini ?ivopisan naslov i pru?a nevjerojatnu ravnote?u s jednostavnim, modernim proporcijama i geometrijskim izgledom Proxime Nove. Ru?no ra?ena kozmetika ili deserti dobro bi do?li od ove mje?avine.
Osnove uparivanja fontova
Niste prona?li ono ?to tra?ite na na?em popisu? Ako se osje?ate kreativno, poku?ajte se poigrati s fontovima i prona?ite vlastitu prekrasnu kombinaciju fontova.
Evo nekoliko osnovnih smjernica kojih se trebate pridr?avati:
- Napravite kontrast izme?u svojih fontova (podebljano i kurziv, VISOK & nizak)
- Kombinirajte serif i
san-serif fontovi (poput Libre Baskerville + Signika). - Nemojte koristiti dva sli?na fonta (na primjer, dva kurziva) i za naslov i za glavni tekst. Stvaranje raznolikosti privu?i ?e poglede i pomo?i va?em klijentu da se uklju?i u svaki odjeljak pojedina?no.
- Neka font odgovara va?em brendu. Razigrana rukom pisana slova vjerojatno nisu najbolja za vrhunsku marku nakita.
- Ograni?ite se na
2-3 fontove kako biste izbjegli da va? sadr?aj izgleda pretrpano.
Tako?er pro?itajte: 50 uzornih internetskih trgovina izgra?enih s 黑料门om
- Kako popraviti navigaciju svoje trgovine
- Sve ?to trebate znati o prodaji proizvoda
- Online trgovina: Kako rasporediti proizvode u online trgovini
- ?to je modni merchandising i za?to je toliko va?an?
- 10 gre?aka u dizajnu internetskih trgovina
- 15 savr?enih parova fontova za va?u web-lokaciju za e-trgovinu
- Teorija boja: Sve ?to trebate znati o temama boja
- 7 kreativnih ideja za va?u stranicu proizvoda e-trgovine
- Mo? slike heroja u web dizajnu
Must-have UX na?ela koja treba slijediti u internetskoj trgovini- Revizija dizajna web stranice
- Otklju?avanje snage UX dizajna za e-trgovinu
- Koja je razlika izme?u UI i UX u e-trgovini?
