Skip to content

Boje su jedan od najvažnijih alata za vaš UX i UI. Baš zato ćete se susresti sa gomilom tekstova i primera koji se bave ovom temom. O teoriji i psihologiji boja smo i mi već pisali u ranijim tekstovima. Međutim, istraživanje može biti dugotrajan proces koji će, kao i svaka opširna tema, voditi ka novim pitanjima, pre nego što će vam ponuditi brze i konkretne odgovore.

 

Kako izabrati najbolje boje za website?

Mi zato predstavljamo par trikova, kako da izaberete najbolje boje za website, a da pritom uštedite i nešto vremena.

boje-za-website-website

U početku dizajnirajte u tonovima (Grayscale)

Svaki dobar dizajn počinje od skice. Iako vam se čini da možete odmah početi sa bojom dizajniranje u tonovima, odnosno grayscale će vam pomoći da jasno postavite vizuelnu hijararhiju. Osim toga mnogo ćete lakše selektirati boje kada jednom postavite projekat u celini, umesto da tražite odgovarajuću nijansu za svaki element posebno.

Vizuelna hijararhija određuje kako će se oko kretati po stranici i jako je važno da ima prirodni tok. Često ćete čuti da se koristi i engleska reč flow. Ovakva selekcija objekata učiniće da se korisnici osećaju prijatno i obrate pažnju na informacije koje su bitnije od drugih.

 

Vizuelna hijararhija zavisi od 3 stvari:

– Od veličine objekta

– Od praznog prostora oko objekta

– I od boje, odnosno tona objekta

 

Tako na primer u vizuelnoj hijararhiji kada dizajnirate banere ili landing page važnije će vam biti da naglasite naslove ili “call to action” u odnosu na ostale informacije.

boje-za-website-grayscale

Kombinujte boje sa bojama logotipa

Paleta boja vaše web stranice trebalo bi da obuhvata više boja od onih koje se nalaze na logotipu.

U procesu definisanja boja potrudite se da ne koristite samo svetlije ili tamnije nijanse boja sa logotipa. Korisnici će lakše upamtiti ukoliko ih iznenadite novom bojom prilikom dizajna. Povedite računa da se svaka nova boja koju uvrstite u website slaže sa bojama vašeg brenda.

Mnogi brendovi su poentirali kada su osnovnim, smirenim bojama sa logotipa na website dodavali i jarke boje. Jarke boje po pravilu daju energiju i osećaj neposrednosti.

 

Napravite balans

Ipak ne odstupajte previše od prvobitne ideje o vašem brendu. Nepravilna upotreba boja može lako zbuniti vaše korisnike i odvratiti im pažnju sa brenda. Pokušajte da postignete harmoniju i ravnotežu u dizajnu.

Iako vam na prvi pogled ovo može zvučati kao neki super-talenat, dizajneri se često koriste nekim od pravila kako bi postigli ovaj efekat.

60–30–10 je vrlo jednostavno pravilo za stvaranje dobro uravnoteženih paleta boja. 60% treba da bude posvećeno jednoj boji (vrlo često je to neutralna boja), druga (komplementarna) boja čini 30%, a treća boja je uglavnom naglašena i koristi se za detalje, odnosno preostalih 10% dizajna. Ovo pravilo se često koristi i u arhitekturi prilikom dizajna enterijera.

Nemojte koristiti više od 3 boje. Ovo nije toliko striktno pravilo, ali vam je potrebno poprilično iskustvo kako bi kombinovali više od 3 boje a da ne preterate. Ako vam to nije dovoljno, probajte sa dodavanjem svetlijih i tamnijih nijansi, čak i u tom slučaju ograničite se maksimalno na 5 do 6 boja.

Takođe možete koristiti i neki od color generator-a sa interneta.

Dizajneri često eksperimentišu i istražuju nove načine za definisanje paleta boja, pa tako na internetu možete pronaći interesantne metode uzimanjem uzoraka boje sa fotografija ptica ili pejzaža.

boje-za-website-birds

Boja kao fukcionalni element

Boje su svakako tu kako bi dizajn učinile atraktivnijim i primamljivijim za korisnike, ali nikako ne treba zanemariti da dizajneri koriste boju kako bi pojednostavili proces interakcije. Uz oblik, boja je nešto na šta se korisnici oslanjaju u komunikaciji sa digitalnim svetom.

Korišćenjem boje često pravimo razliku interaktivnih od statičnih objekata. Takođe, objašnjavamo trenutno stanje objekta (aktivan ili ne) i skrećemo pažnju korisniku na važne informacije.

Neophodno je boje koristiti dosledno. Drugim rečima, ako odlučite da koristite određenu nijansu za objekat na koji se može kliknuti, ovu boju treba koristiti na celoj web stranici. Na ovaj način korisnicima dajemo mogućnost da se oslanjaju na svoja prethodna iskustvo prilikom interakcije sa stranicom.

 

Kontrast

Nismo sigurni da li uopšte treba naglašavati koliko je kontrast boja važan.

Prvo i osnovno je da treba obratiti pažnju na veliki kontrast sadržaja u odnosu na pozadinu a zatim i na elemente koji se preklapaju ili se nalaze jedni pored drugih. Što je manji kontrast veća je šansa da će korisnici propustiti tu informaciju, pogotovu na mobilnim telefonima gde svetlost različito pada na display. Osim što bi trebalo da koristite lični osećaj postoji i niz alata koji može pomoći da odredite što bolji kontrast.

Na kraju, poželjno je da boje testirate sa stvarnim korisnicima. Paletu boja koje ste definisali treba da odgovaraju, pre svega, ljudima koji će posećivati vaš website.

 

Za još vesti i interesantnih priča iz digitalnog marketinga posetite našu blog stranu ili zapratite naš Instagram profil.

Made by Sava Spasić – Senior Graphic Designer @Digitizer

Od 2017. godine. sarađujemo sa Digitizerom. Izuzetno precizna i profesionalna saradnja. Vidmo rezultate, a s obzirom na industriju u koju smo uključeni, puno toga zavisi od marketinga koji Digitizer radi. Rezultati se najbolje vide u količini ljudi koja se javi na intervju. Svaki put kada bih nešto sugerisao, Digitizer tim obavezno uvede izmene u prezentaciju. Naravno da ih preporučujem. Vec su preporučeni.

Filip Slijepcevic
Poente Tehcnical
Rating: 10

Od 2020. godine sarađujemo sa Digitizerom. Saradnja je divna i komunikacija opuštena: zahtev dočekaju za razumevanjem i ispunjavaju ekstremno brzo. Kao merljive rezultate vidimo povećan obim posla. Apsolutno i uvek imam slobodu da ovom timu sugerišem svoje mišljenje. Stalno ih preporučujem.

Lenka Jakimovska
Chicago Waffles
Rating: 10

DermaVille ordinacija sarađuje sa Digitizerom od 2023. godine i mislim da su veoma profesionalni. Sve pohvale. Od konkretnih rezultata vidimo više poseta ka našem sajtu. Da, rado preporučujemo Digitizer!

Danijela Ljubojevic
DermaVille
Rating: 10

Sa Digitizerom radimo od 2019. godine, dakle više od 5 godina. Izuzetno sam zadovoljan brzinom kojom se odgovara mojim nalozima poslatim Digitizer timu. Konkretan rezultat saradnje sa Digitizerom je da mi je web stranica uvek sređena i blagovremeno ažurirana. Sloboda sugerisanja rešenja i razmena mišljenja je od samog početka važila u mom odnosu sa Digitizerom i to je osnova naše saradnje koja postoji i danas posle 5 godina saradnje. Apsolutno bih preporučio drugim kompanijama usluge Digitizera, i to i činim uvek kada mi se ukaže prilika.

Dino Jusufovic
Jusufović & Partners
Rating: 10

S kompanijom Digitizer saradjujemo duže od 5 godina. Saradnja je vrlo pozitivna i produktivna, dobro organizovana i dovodi do postizanja uspeha. U našoj saradnji s Digitizerom vidimo konkretni napredak, posebno u povećanju broja pratilaca na društvenim mrežama, kvalitetnim objavama i korisnim sugestijama za bolju vidljivost naše kompanije. Imamo slobodu da izrazimo svoje mišljenje i sugestije, a Digitizer tim to veoma poštuje i uzima u obzir. Otvoreni su za preporuke i zajedničkim snagama radimo na unapredjenju saradnje. Vrlo rado preporučujemo kompaniju Digitizer. Digitizer tim je divan, saradljiv i uvek odgovori na sve naše zahteve u što kraćem roku.

Marijana Kuzmanovic
Sineks Medical
Rating: 10

Sa Digitizerom sarađujemo od, mislim, samog osnivanja firme Digitizer 2014. god. Divna, dugogodišnja saradnja u kojoj nam tim Digitizera uvek izlazi u susret da ispuni sve naše zahteve u rekordnom roku. Divne ideje i veoma ljubazni saradnici. Sarađujući s Digitizerom uspeli smo da naš sajt podignemo na viši nivo, na društvenim mrežama veči broj ljudi koji nas prati i veći broj klijenata u našim maloprodajnim objektima. Osećam slobodu da Digitizeru sugerišem svoje mišljenje oko saradnje i oni to uvažavaju. Digitizer je kompanija koju preporučujem svima koji žele ozbiljne saradnike. Predivan kreativan tim koji osluškuje vaše potrebe i želje i pretvori ih u stvarnost.

Mira Suhanski
Parfimerija Diva
Rating: 10

Sa Digitizerom sarađujemo od 2021. godine i pokazali su kao tim da su jako odgovorni, pouzdani i stručni. Pružili su nam profesionalan odnos od starta saradnje sve do danas. Rezultati su konkretni i merljivi. Preporučujem!

Slobodan Stamenkovic
Info Point
Rating: 10

Egrokorr trade i Digitizer sarađuju malo više od 5 god. Naše iskustvo je u jednoj reči: ODLICNO! Konkretne rezultate koje vidimo su mnogo veca posećenost sajta, samim tim i puno novih klijenata. Odavno ih preporučujem i nastaviću!

Marija Perovic
Egrokorr Trade
Rating: 10

Sarađujemo sa kompanijom Digitizer od 2015. godine. Prepoznali smo da su dostupni, ljubazni, spremni za saradnju. Konkretno smo najzadovoljniji sa uslugom Google ads – povećan nam broj poziva direktno sa website-a. Saradnja je korektna i jako smo zadovoljni. Preporučila bih i već preporučujem Digitizer svim kompanijama kojima trebaju njihove usluge.

Bojana Kralj
Message Advertising
Rating: 10

Sa Digitizerom sarađujemo od 2018. godine, od našeg osnivanja. Smatram dosadašnju saradnju savršenom, sa izuzetnim rezultatima. Digitizer rado i uvek preporučujem svim kompanijama.

Igor Vidovic
AirSoft Polygon
Rating: 10

Digitizer i Bianconerri oduvek sarađuju. Fenomalna komunikacija i saradnja, a vidimo rezutlate kao što bolje nalaženje i bolji pregled naše web stranice. Vrlo rado preporučujem usluge Digitizera svima.

Sanja Topic
Bianconeri - Sanja Topic
Rating: 10

Sarađujemo odlično duže od godinu dana i rezultat je povećanje klijenata. Rado preporučujem Digitizer kompanijama.

Olivera Radivojevic
Olja Beauty
Rating: 10

ompanija: Iskra sarađuje sa kompanijom Digitizer oko 3 godine. Naše dosadašnje iskustvo je besprekorno, preko svih očekivanja!!! Rezultati su više nego vidljivi. Apsolutno se dogovaramo oko svega, to je jedini način da se postignu vrhunski rezultati. Naravno, uvek ih preporučujemo.

Miljan Rajovic
Ordinacija Iskra M
Rating: 10

Sarađujemo od 2018. godine i koristimo njihovo znanje i iskustvo i uspeli smo da povećamo i vidljivost na mrežama i online prodaju. Uglavnom me razumeju. Uvek su dobra preporuka.

Jelena Simonovic
Baby Plaza
Rating: 10

Sign Up Now.

Follow.

Chat.

Contact Form.

    ime i Prezime*
    Email*
    Da li želite da ostavite broj mobilnog telefona?*
    Broj mobilnog telefona
    Kompanija/Organizacija*
    Website
    Šta je potrebno Vašoj kompaniji/organizaciji?
    Da li znate koje rezultate želite da postignete?*
    Koje rezultate želite da postignete?


      ime i Prezime*
      Email*
      Da li želite da ostavite broj mobilnog telefona?*
      Broj mobilnog telefona
      Kompanija/Organizacija*
      Website
      Kog datuma želite da zakažete sastanak?
      U koje vreme?


        ime i Prezime*
        Email*
        Da li želite da ostavite broj mobilnog telefona?*
        Broj mobilnog telefona
        Kompanija/Organizacija*
        Website
        Da li znate koje rezultate želite da postignete?*
        Koje rezultate želite da postignete?


        Mobile & Mail.

        Linkovi.