Sheme boja web stranica koje možete koristiti za svoju web stranicu WordPress

Upravo ste se prijavili WordPress, i spremni ste za izradu svoje prve web lokacije. Problem je što nemate pojma kako želite to izgledati. Ne možete jednostavno odabrati tema i držite se toga – također je ključno odabrati savršenu shemu boja.


Zvuči zastrašujuće? Ne brini. Prikupio sam neke zadivljujuće primjere shema boja web mjesta iz kojih možete crpiti inspiraciju. Također ćemo raspravljati što učiniti za odabir savršene palete za vaše web mjesto.

Zašto su sheme boja važne

Prije nego što uđete na popis, razgovarajmo o tome zašto je ključno odabrati prave boje za svoju web lokaciju.

Prvo, različita shema boja čini vašu marku nezaboravnijom.

Velika korporativna imena obično koriste boje svog logotipa za svoje web stranice, oglase i druge načine markiranja. Na primjer, FedEx koristi ljubičastu i narančastu, dok PayPal odabire nekoliko nijansi plave. Koristeći te boje dosljedno, javnost povezuje određenu shemu boja s markom.

Dobra shema boja može se svidjeti i vašoj ciljnoj publici.

Prema istraživanju Scotta Dizajna, čini se da su plava i zelena dvije omiljene boje.

Svaki demografska skupina ima svoju preferiranu boju. Na njihov ukus mogao bi utjecati njihov odgoj, kultura, društvo i mnogi drugi faktori.

Na primjer, boja može imati različita značenja u različitim kulturama. Crna obično znači eleganciju, ali u nekim kulturama predstavlja patnju.

Tvrtke su koristile efekte boja radi svoje koristi. Na primjer, djeca obično pozitivnije reagiraju na svijetle boje. Dakle, web stranica poput PBS Kids koristi svijetle sheme boja kako bi privukao djecu.

Konačno, boje mogu dovesti do većeg angažmana korisnika.

Nedavno studija otkriva da tipke CTA s bojama visokog kontrasta imaju visoku stopu pretvorbe. To znači da gumb treba biti u boji koja se ističe prema shemi boja web stranice.

Kao što vidite, ključno je razmotriti boje svakog elementa vaše web stranice, čak i ako je to samo gumb.

Kako odabrati ispravnu shemu boja za svoju web stranicu

Najlakši način odabira dobre sheme boja je korištenjem generatora boja. Evo nekoliko alata koje možete koristiti:

  • Colorspire– pregled boja na predlošku web stranice.
  • Paletton– pogledajte kako će izgledati vaša shema boja u raznim izgledima.
  • Coolors– generirati sheme boja iz slika po vašem izboru.

Međutim, ako želite napraviti shemu boja ispočetka, evo što možete učiniti:

  1. Odaberite dominantnu boju. Ovo je boja kojom se najviše želite istaknuti. Preporučuje se upotreba boje vašeg branda na cijeloj vašoj web lokaciji.
  2. Odaberite sekundarne boje. Ove boje nadopunjuju ili jačaju vašu dominantnu boju.
  3. Odredite gdje treba staviti boje. Neki vole koristiti dominantnu boju za naglašene značajke kao što su gumbi i veze. Drugi bi ga mogli koristiti za velike vizualne elemente, dok su sekundarne boje za tekstove. Istražite mogućnosti i pronađite najbolju za vas.
  4. Odaberite boju pozadine. Ljudi obično odabiru neutralan ton kako bi web mjesto bilo čitljivo.

8 zapanjujućih shema boja web stranica

S 34% web stranica koje koriste WordPress, pomno sam odabrao 8 vrsta shema boja koje možete koristiti kao inspiraciju za svoju WordPress web lokaciju:

1. Živa

Posjetite klimatski optimist

Svijetle, živopisne boje mogu biti savršen izbor za web stranice koje žele postaviti živahan i energičan ton.

Web-lokacija Climate Optimist primjer je dobre upotrebe takvih boja. Kao organizacija koja se bavi klimatskim promjenama, žele potaknuti pozitivnost i samopouzdanje za sudjelovanje ljudi u njihovoj kampanji. To je utjelovljeno u njihovoj žutoj, ružičastoj i zelenoj shemi boja.

2. Zanemareno

Posjetite Mosole

Ako želite da vaša web stranica izgleda elegantno, razmislite o upotrebi prigušenih tonova. Možda nisu privlačni, ali prava kombinacija boja može se činiti modernom.

Ova web stranica tvrtke Mosole, talijanske vinarije, cilja takav ton. Oni odmašćuju zemljane boje poput smeđe i zelene i stvaraju elegantan učinak koji i dalje predstavlja njihov brend kao vinariju.

3. Svjetlost

Posjetite Bosumhus

Ako želite da vaša web stranica izgleda privlačno, preporučujem upotrebu svjetlijih nijansi. Poput ugodnog doma, ugodna web stranica čini da posjetitelji žele provesti više vremena na vašoj stranici.

Bosumhus, web stranica za gradnju kuća, predstavlja izvrstan primjer ove sheme boja. Dok su tekstovi mračni, drugi su elementi uglavnom svijetlo smeđe i bež boje s ovdje naljepnicama. Web stranica je također dobra ilustracija kako slike mogu predstavljati vašu paletu boja.

4. mračno

Posjetite kritične TechWorks

Za razliku od svijetlih boja, tamne nijanse obično simboliziraju misterij. Uz to, koristi se za predstavljanje modernosti i futurizma.

U ovom primjeru, Critical TechWorks koristi tamne boje kako bi nadopunio svoj identitet kao tehnološka tvrtka nove generacije.

Web stranica također ilustrira kako možete koristiti tamne boje, a istovremeno vas privlači. Iako je većina boja duboka, web stranica također koristi neonsku plavu za istaknute dijelove.

5. Pastel

Posjetite Mont-Rourous

Pastele su trend dizajna posljednjih nekoliko godina. Ove su boje mekane i isprane, a imaju za cilj izgledati umirujuće.

Obično se povezuje s novorođenčadi jer se ove boje često nalaze u jaslicama. Međutim, mnoge web stranice koriste ove boje da bi se prijale i mladim demografima.

Web-lokacija Mont-Rourous odličan je primjer upotrebe pastelnih boja. Budući da su njihovi proizvodi namijenjeni bebama, za svoju marku koriste meke ružičaste i plave boje.

6. Jednobojni

Posjetite Brightscout

Ako ne znate kako kombinirati boje, pokušajte odabrati jednu boju i učinite cijelu web lokaciju jednobojnom. To znači da ćete na cijeloj stranici koristiti samo različite nijanse iste boje.

Brightscout demonstrira kako na istoj stranici možete koristiti različite nijanse zelene. Iako je sve pretežno zeleno, korištenje i svijetlih i tamnih nijansi sprječava da stranica izgleda izravnano.

7. Akcent

Posjetite Frakton

Akcentne boje odnose se na one koje se koriste za naglašavanje važnih elemenata. Ove se boje upotrebljavaju štedljivo, a neke web stranice koriste boju svoje marke kao akcentnu boju.

Primjerice, Frakton koristi pretežno crno-bijelu paletu boja s točkicama žute boje tu i tamo. Crno-bijela shema pomaže privući svu pažnju na žute naglaske, pa se naglašena boja koristi za gumbe, naglašene tekstove i zaglavlja.

8. Kontrastne boje

Posjetite mliječne farme Turner

Neke web stranice vole koristiti dvije kontrastne boje da bi stvorile upečatljiv vizualni utjecaj. Te boje obično sjede na suprotnim krajevima kotača u boji.

Mljekara Turner koristi crvenu i plavu boju za stavljanje svojih mliječnih proizvoda u mliječne proizvode. Oni održavaju ovaj kontrast na cijeloj svojoj web stranici. Gumbi i naslovi uglavnom su crvene boje, dok su vizualni elementi plava boja. Oni također upotrebljavaju bijelu pozadinu za čitljivost.

Završavati

Odabir prave sheme boja nije samo kombiniranje lijepih boja. Radi se o odabiru odgovarajućeg za vašu marku, publiku i korisničko angažiranje.

Ako u potrazi za dobrom paletom želite postupak bez buke, koristite generatore boja. Odlučite se za one koje će biti vaše dominantne, sekundarne i boje pozadine. Također ćete morati razmisliti o tome kako svaku boju treba postaviti na vašoj web lokaciji.

Iako sam nabrojao samo 8 shema boja, postoje beskrajne kombinacije boja koje možete isprobati za svoju web stranicu WordPress. Dakle, ne bojte se eksperimentirati i sretno.

Simon Dwight Keller poduzetnik je digitalnog marketinga željan kreativnog i uvjerljivog sadržaja na vaše web stranice dovesti brojne količine prometa. Nakon tri godine napornog rada kao slobodnjak, odlučio je podići svoje usluge na višu razinu, osnovao je tvrtku za digitalni marketing PRable. Na kraju je Simon osjetio da bi postigao više, mora pokrenuti vlastitu tvrtku – SDK Marketing. Sa svojim malim, iako profesionalnim timom, spreman je preuzeti nove izazove, povećati promet i ostvariti više prihoda. Osim goruće strasti za SEO, zanima ga hokej na ledu i putovanja. Povežite se sa Simonom na LinkedIn.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map