Opšte preporuke za odabir fonta koji odgovara dizajnu prodavnice


Fontovi i boje postavljaju ton za vaš web sajt i pomažu vam da ostavite dobar prvi utisak na posetioce. Ako niste sigurni odakle da počnete, koristite tri osnovne ideje predstavljene u ovom vodiču kao prvi korak u odabiru odgovarajućeg dizajna za vašu online prodavnicu.

Napomena

Preporučuje se da eksperimentišete sa različitim kombinacijama fontova i boja pre objavljivanja prodavnice.

Odaberite odgovarajuće fontove

Kao što nakit mnogo govori o stilu osobe, fontovi moraju odgovarati dizajnu vaše prodavnice i sadržaju web sajta. Generalno, svaki font je dizajniran za određenu svrhu i ima određenu ličnost.

Kada birate font, pokušajte da odgovorite na sledeća pitanja kako biste pojednostavili proces odabira:

  • Koju ste temu odabrali za dizajn prodavnice?
  • Koje proizvode prodajete u prodavnici?
  • Ko će posećivati prodavnicu?
  • Koliko godina imaju i kakav profil imaju kupci na koje ciljate?

Ako imate vodič za vizuelni identitet, onda se možete inspirisati iz njega. Vaš Brandbook definiše kako se koriste elementi koji čine brend i predstavlja ključni alat za komunikaciju dosledne strategije brenda. Na taj način ćete moći da stvorite jedinstveni identitet kada povežete više elemenata brenda na vašoj veb-lokaciji, uzimajući u obzir boje, logo i, naravno, fontove.

Napomena

Jedan od primera je Brandbook kompanije Netflix, koji prikazuje kako se koristi logo kompanije u različitim situacijama. Brandbook može kreirati marketinška agencija ili vaš marketinški odel.

Pronalaženje vizuelne ravnoteže

Uverite se da vaši izbori poštuju preporuke iz priručnika brenda prilikom kreiranja veb dizajna. Neki fontovi se savršeno uklapaju i efikasno se vizuelno dopunjuju.

Postoje dve vrste fontova koji se uglavnom koriste na internetu jer se lako prate na web stranicama, na ekranima različitih veličina (telefoni, tableti, laptopovi, monitori):

  • Serif fontovi;
  • Sans serif fontovi (bez serifa);

Druge vrste fontova se često koriste u štampanim materijalima i samo retko na web stranici, za personalizaciju veoma kratkog teksta, kao što su fontovi za rukopis, displej ili monospaced fontovi.

Šta znači Serif?

Serif se odnosi na karaktere koji imaju male "nogice", produžetke slova, i lako se čitaju u velikim paragrafima.

Šta znači Sans Serif?

Odnosi se na karaktere bez serifa (bez "nogica" specifičnih za Serif fontove), ravne, tradicionalno korišćene za naslove i podnaslove, ali i u telu teksta kako bi se lako pratio i stvorio prozračan izgled.

U okviru MerchantPro prodavnica možete podesiti odvojene fontove za naslove stranica i za ostatak sadržaja. Sa stranice Dizajn & Tema možete odabrati jedan od dostupnih fontova (koje pruža usluga Google Fonts), a ako ne pronađete nešto po svom ukusu, možete učitati željene fontove u menadžer fajlova i kasnije ih koristiti na web sajt uređivanjem CSS-a prodavnice.

Pokušajte da pronađete serif i/ili sans serif font za koji mislite da bi odgovarao duhu vašeg web sajta. Evo nekoliko primera popularnih fontova za online prodavnice koje možete koristiti:

1
Serif i Sans Serif font, sa podebljanim Serif fontom za naslove radi isticanja: Matchesfashion.com.
Slični primeri fontova sa serifima: Playfair, Sanchez, Bree Serif Slični primeri sans serif fontova:Montserrat, Oswald, Raleway 2 Serif font i Sans font, odnosno jednostavni Sans i podebljani kondenzovani Sans: Rebelwalls.com Slični primeri fontova sa serifima:EB Garamond,Crimson Pro,Frank Ruhl Libre; Slični primeri sans serif fontova:Roboto,Lato,Open Sans. 3 Sans fontovi iz iste porodice, u različitim veličinama, debljinama i nijansama iz iste palete:Burberry.com. Slični primeri sans serif fontova: Quicksand, Nunito, Poppins; 4 Jednostavni Serif font za telo teksta i podebljani kondenzovani Serif font za naslov: Zara.com. Slični primeri fontova sa serifima: Merriweather, Cantata One, Alegreya; Slični primeri kondenzovanih sans serif fontova:Source Sans 3, Pragati Narrow, Roboto Condensed.

Tanki fontovi se dobro slažu sa podebljanim fontovima, kako bi se ovi istakli i ne bi opteretili vizuelno. Često se tanki fontovi koriste u telu stranice (npr. opisi), dok se bogatiji (veći ili stilizovaniji) postavljaju za naslove. Svaki font donosi svoju ličnost u komunikaciju, tako da odabir odgovarajuće kombinacije može napraviti razliku između napadnog dizajna i harmoničnog dizajna.

recomandari-generale-pentru-alegerea-unui-font-adecvat-design-ului-de-magazin_1.jpg

Na gornjoj slici ilustrovane su razlike u vidljivosti različitih tipova fontova, u različitim veličinama.

Najčitljivije informacije su u levom okviru, gde su postavljeni jednostavni sans fontovi, a veličine jasno razgraničavaju važne informacije (naslov proizvoda).

U slučaju proizvoda u centru, serif fontovi dodaju dodatnu eleganciju. Razlikovanje informacija zasniva se na tipovima fontova, a ne na veličinama i debljinama.

U poslednjem primeru, iako razlikuje informacije, fontovi nisu nimalo jasni, a detalji vezani za proizvođača mogu biti zanemareni.

Napomena

U slučajevima kada se fontovi korišćeni u prodavnici ne mogu učitati prilikom pristupa veb-lokaciji, operativni sistem na uređaju posetioca će ih zameniti drugim popularnim sistemskim fontovima, kao što su:Arial, Verdana, Tahoma, Segoe, Sans (za Sans Serif), odnosno Georgia,Times (za Serif) itd.

Prikazivanje ličnosti web sajta kroz boje fonta

Kojem segmentu pripadaju proizvodi koje prodajete? Ako prodajete kozmetiku ili bukete cveća, shema boja prodavnice mora odgovarati i što bolje isticati proizvode navedene na web sajtu. Na primer, ne-boje bela-siva-crna ističu jake boje kozmetike, dok pastelne boje naglašavaju lepotu i raznolikost cveća.

recomandari-generale-pentru-alegerea-unui-font-adecvat-design-ului-de-magazin_2.jpg

Primeri: Sephora.com(crno-bela), ili Proflowers.com(pastelne boje)

Pogledajte slike proizvoda i primetite koje boje imaju veći udeo ili koje se nijanse ponavljaju. Boje prenose priču, sliku o poslu i principe na kojima je on izgrađen. Potražite inspiraciju u vodičima za boje objavljenim za tekuću godinu (npr.Pantone) ili pogledajte boje koje se harmonizuju u prirodi.

Napomena

Generalno, preporučuje se odabir 2 boje koje ćete koristiti za glavne elemente veb-lokacije i još 1-2 boje za naglašavanje detalja.

AI rešenja za kreiranje brendinga prodavnice

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.