Kombinacija boja u web dizajnu važna je disciplina koja datira iz srednjeg vijeka i koristi se za stvaranje izvanrednih djela čovječanstva. Pa hajde da pokušamo da to uguramo u jedan mali post!)

Naravno, jedan post nije dovoljan za razumijevanje cijele suštine teorije boja, ali sadrži glavne teze i koncepte ove discipline.

Evo 5 koraka koje trebate poduzeti da odaberete pravu shemu boja za svoju web stranicu.

Prvi korak je najvažniji. Glavna boja stvara prvi utisak o sajtu, a takođe uspostavlja vezu između vašeg brenda i emocija koje vaša publika doživljava. Sve to stvara vaš identitet, pa odabiru glavne boje treba pristupiti vrlo temeljito.

Naravno, ako je vaš brend već povezan s bojom, onda će ovaj korak biti mnogo lakši.

Prvo, mora se uzeti u obzir da različite boje izazivaju različite emocije. I ova činjenica je naučno potvrđena. Čak i različite nijanse iste boje na različite načine utječu na emocije publike. Uvijek postoji određeni stepen neizvjesnosti ovisno o ličnim asocijacijama osobe, ali općenito, iste boje mogu izazvati iste emocije kod različitih ljudi.

• Crvena: strast, agresija, relevantnost.
• Narandžasta: razigranost, energija.
• Žuta: entuzijazam, sreća, pažnja/upozorenje.
• Zelena: rast, stabilnost, priroda.
• Plava: spokoj, otvorenost.
• Plava: sigurnost, povjerenje, profesionalnost.
• Bijela: čistoća, zdravlje.
• Ljubičasta: luksuz, misterija, romantika (svetle nijanse).

Nije iznenađujuće da mnoge banke koriste shemu boja zasnovanu na plavoj boji.

Zapamtite da dizajnirate za određenu grupu ljudi koji mogu doživjeti drugačije emocije od vas. Osim toga, vrijedno je razmotriti različite stavove prema istoj boji ljudi različitih spolova, kultura ili religija.

Prilikom odabira glavne boje, vrijedi početi tako što ćete eliminirati boje vaših konkurenata sa liste razmatranja. Nakon toga morate razmisliti kakvo raspoloženje vaš brend treba da stvori i koje emocije treba da izazove.

Odredite tačnu boju (njenu nijansu i zasićenost)

Kada odaberete glavnu boju, morate odrediti njen ton i zasićenost. Kao što je gore navedeno, ton boje i njena zasićenost mogu promijeniti njeno značenje. Na primjer, tamnije nijanse žute (na primjer, zlatne) odaju dojam antike, svjetlije nijanse neće dati takav učinak.

Općenito je pravilo da svijetle nijanse stvaraju osjećaj energije, svježine, zabave, tamnije nijanse stvaraju stabilnost i profesionalnost.

Nakon toga potrebno je odrediti tačnu numeričku vrijednost boje u RGB, CMYK, HEX ili Pantone sistemima kako biste je koristili u procesu dizajna.

Ako ste, na primjer, odabrali boju koja se već koristi na nekom web resursu i želite je primijeniti ili njih, možete koristiti uslugu Stylify Me koja će vam pomoći da odredite boje koje se koriste na bilo kojoj stranici.

Odaberite vrstu sheme boja

Prije nego što odaberete druge boje, morate odrediti kako će one biti u interakciji. Želite li kontrastniju shemu boja ili mirniju?

Također možete miješati i uskladiti boje kako god želite, ali ovdje smo predstavili najčešće opcije boja.

jednobojni

To podrazumijeva korištenje različitih tonova glavne boje. Češće se koristi za minimalističke stilove dizajna.

analogni

Slične boje nalaze se blizu jedna drugoj na krugu boja.

gradijent

Postepeni prelazak iz jedne boje u drugu. Šareniji od analognog, ali može umanjiti druge elemente dizajna.

Kontrastno

Dvije suprotne boje. Ako pogledate krug boja, boje koje su jedna naspram druge su najkontrastnije. Na primjer, crvena i zelena ili žuta i ljubičasta. Upotreba takve sheme boja dodaje dinamiku vizualnom efektu dizajna.

Kontrasti pomažu u manipuliranju pažnjom korisnika, omogućavajući vam da istaknete važnije elemente (dugmad) i sakrijete manje značajne.

Duplex

Kreirajte slike koristeći samo 2 boje. nije toliko shema boja koliko je tip dizajna za kontrastnu shemu boja.

Jednostavno rečeno, duotone izgleda odlično, to je dinamičan vizuelni efekat koji privlači pažnju korisnika.

Trijada

Tri boje su podjednako raspoređene na krugu boja. Jedna od najčešće korištenih shema boja, triadic je solidan standard. Teško je koristiti ga ispravno, samo nacrtajte jednakostranični trokut na kotaču boja i dobit ćete tri boje vaše trouglice.

Podijeljeni (podijeljeni) kontrast

Korištenje treće boje uz dvije kontrastne. Baš kao i kontrastna shema, omogućava vam da naglasite potrebne dijelove dizajna, ali ima više mogućnosti za to.

Odaberite sekundarne boje

Definiranje sheme boja će olakšati odabir sekundarnih boja. Ali svi će morati poraditi na odabiru nijansi i zasićenosti, kao što su radili pri odabiru primarne boje.

Jednostavan alat Paletton pomaže vam da vizualizirate različite sheme boja. Možete odabrati glavnu boju i definirati shemu boja, a Paletton definirati sekundarne boje.

Odlučite gdje i kako ćete koristiti svaku boju

Dakle, imate odličnu paletu boja za svoj projekat... šta sad s tim? Upotreba boja na web stranici je mjesto gdje se susreću umjetnost i vještina dizajnera.

Naglasak ne treba koristiti samo na elementima poziva na akciju ili važnim dugmadima. Možete ih primijeniti na različite dijelove stranice. Na primjer, istaknite važne riječi u tekstu kako bi korisnik obratio posebnu pažnju na njih.

Prvo morate dizajnirati stranicu u crno-bijeloj tehnici. Koristeći sivu skalu za određivanje važnosti elementa, izgradite hijerarhiju prema važnosti svakog dijela vašeg projekta.

Zaključak

Dakle, saznali smo da je odabir kombinacija boja u web dizajnu važna faza u dizajnu web stranice kojoj se mora pristupiti temeljno. Izbor glavne boje je veoma važan, jer. određuje cjelokupno raspoloženje koje će vaša stranica nositi.

Vrsta sheme boja također utiče na emocije koje će stranica izazvati kod posjetitelja. Tip određuje broj alata koje možete koristiti pri određivanju redoslijeda u kojem se boje koriste.

Od autora: Boja je najvažniji element u web dizajnu. Ovo je mali trik koji će korisnika ne samo zadržati na vašoj web stranici, već ga i usmjeriti da izvrši određene radnje. Činjenica je da različite boje u web dizajnu na podsvjesnom nivou mogu izazvati različite emocije, a ovi algoritmi su nastali u davna vremena kao rezultat interakcije čovjeka s prirodom.

Mnogi programeri troše puno vremena na kreiranje jezičke podrške za web stranicu. Međutim, malo ljudi razmišlja o ulozi boja u našim životima. Ipak, više od 90% naših odluka da odaberemo proizvod, kliknemo na vezu, kliknemo na dugme itd. se zasniva samo na boji. Web dizajn aktivno koristi ovaj alat kako bi privukao pažnju korisnika i potaknuo ga na interakciju.

Zato je toliko važno poznavati osnovne principe i trendove boja u web dizajnu, koje ćemo pokriti u našem današnjem članku. I počećemo sa briljantnom, po mom mišljenju, jednačinom boja.

Johannes Itten Equation

Švicarski umjetnik Johannes Itten poznat je u naučnim krugovima kao najveći stručnjak za principe boje u klasičnoj i savremenoj umjetnosti. Dugo je proučavao paletu boja raznih prirodnih objekata, kao i umjetnička djela svih vremena i naroda.

Jednačina boja Johannesa Ittena izgleda ovako:

Referentne tačke ili boje prvog reda ovog dvanaestodelnog kruga su crvena, žuta i plava. U krug je upisan trokut boja prvog reda, na osnovu kojeg je izgrađen šesterokut. Svaka boja drugog reda dobija se kombinovanjem dve boje prvog nivoa. Dakle, dobijamo:

Narandžasta = žuta + crvena

Zelena = plava + žuta

Ljubičasta = plava + crvena

Boja trećeg nivoa može se dobiti mešanjem tonova prvog i drugog reda. Dakle, u paleti boja vlada jasna hijerarhija.

Kontrast i poređenje

Mozak i oči su u stanju da jasno razlikuju nijanse boja samo kontrastom i poređenjem. Nije tajna da crni kvadrat na bijeloj pozadini izgleda manje od istog kvadrata na crnoj pozadini. Dakle, crna boja smanjuje veličinu, dok je bijela u mogućnosti da se proširi i prevaziđe.

Također je vrijedno obratiti pažnju na sedam vrsta poređenja kontrasta. Naravno, crno-bijele boje imaju najizraženiji kontrast tamnog i svijetlog. Međutim, plava, crvena i žuta također čine jake kontrastne parove.

Ekspresivni potencijal svakog para boja za web dizajn manifestuje se na različite načine. Više o vrstama kontrasta boja govorit ćemo u članku "Kombiniranje boja u web dizajnu kao učinkovit marketinški alat".

Savremeni trendovi i pristupi u web razvoju

Naučite algoritam za brzi rast od nule u izgradnji web stranica

Prigušivanje boja uz kontrast

Po mom mišljenju, kontrastne web boje najbolje funkcioniraju u minimalističkom dizajnu. Na primjer, web stranica Studio Stylistik koristi tirkizne elemente na crnoj pozadini. Svaki tirkizni element (logotip, tekst, slika), koji se primjetno ističe na crnoj pozadini, značajno pojačava grafiku, čineći je odlučujućom.

Izvanredan tekst

Uz pomoć svijetle boje u web dizajnu mogu se istaknuti određene riječi. Ovo je posebno istinito na tamnoj pozadini. Svijetli odabir teksta utječe na percepciju poruke, dodaje joj određeni naglasak.

U sljedećem primjeru, riječ “Ljubav” je vizuelno naglašena, što je dobar poziv na akciju, u kombinaciji sa istom bojom dugmeta “Prijavi se odmah!”.

Tako, koristeći jarke kontrastne boje, možete stvoriti umjetnu interakciju između gumba i drugih elemenata stranice, skrenuti pažnju korisnika na gumb i općenito poboljšati upotrebljivost.

U ovom primjeru, neupadljiva boja pozadine stapa se s bojom proizvoda kako bi istakla narandžasto dugme i učinila radnju privlačnijom za korisnika.

Povoljne kombinacije boja

Da biste odredili najbolju boju u web dizajnu vaše stranice, prije svega trebate analizirati ciljnu publiku, a kao drugo, prilagoditi se njenim mogućim preferencijama. Ako je vaša publika rasprostranjena po cijelom svijetu, pokušajte napraviti lokalne stranice.

Koje su tajne kombinacija boja? Uzmimo, na primjer, berzu. U Japanu, Velikoj Britaniji i SAD-u, negativan indikator kotrljajućeg grafikona je crven, a pozitivan je plavi ili zeleni.

Ali u Koreji i Tajvanu preferencije boja su direktno suprotne. To je zbog činjenice da tamo crvena boja simbolizira sreću i prosperitet.

Stoga, prilikom odabira sheme boja, treba se usredotočiti na karakteristike različitih kultura. Da biste to učinili, morate proučiti čak i najsitnije detalje percepcije boja od strane jednog ili drugog naroda, grupe korisnika, određene osobe.

Boja je emocija

Percepcija boja je daleko od univerzalnog jezika, međutim, postoje neke boje web dizajna čiji se utjecaj može predvidjeti.

Jeste li se ikada zapitali zašto je bolničko osoblje obučeno u neutralne bijele ili prigušene pastelne uniforme?

Takav izbor se ne može nazvati slučajnim. Nežni zeleni, plavi, lila tonovi umiruju, opuštaju i umiruju pacijente. Uzmimo, na primjer, web stranicu medicinskog fakulteta. Pogledajte četiri opcije boja na ovoj stranici. Koji ti se najviše sviđa?

Općenito, crna boja podrazumijeva strogost i profesionalnost, međutim, u medicinskom kontekstu, povezuje se sa smrću. Crvena je boja krvi, pa ni za medicinsko mjesto nije baš prikladna, nagoveštavajući ozljede, a ne rehabilitaciju. Zelena i plava mogu dobro funkcionirati. Ali plava je, vidite, ovdje više „na temu“, zelena je, na kraju krajeva, previše svijetla za ovu temu.

Konačno

Ako sebe smatrate kastom web dizajnera početnika, a još uvijek nemate odgovarajuće iskustvo i ukus u pogledu odabira sheme boja, savjetujem vam da se obratite odgovarajućim video tečajevima koji će vam reći na razumljivom jeziku, koristeći stvarne primjere , kako odabrati skladnu shemu boja, kao i upravljati ljudskom pažnjom uz pomoć boja i drugih komponenti web dizajna.

Na ovome ću se oprostiti. Pretplatite se na ažuriranja našeg bloga i budite u toku sa svim novostima iz oblasti web dizajna i web razvoja. Do ponovnog susreta, prijatelji!

Savremeni trendovi i pristupi u web razvoju

Naučite algoritam za brzi rast od nule u izgradnji web stranica

O teoriji boja i njenom značenju napisano je mnogo članaka. Boja igra važnu ulogu u dizajnu i ponekad može uticati na ponašanje ljudi. Svaki web dizajner zna da prava shema boja za web stranicu može utjecati na njegovu popularnost, jer web stranice dizajnirane prema teoriji boja ostavljaju dobar utisak na korisnike.

Međutim, mnogi dizajneri, radeći na odabiru kombinacija boja, često zaboravljaju da svi ljudi ne percipiraju boje na isti način. Postoji mali broj ljudi koji su slijepi za daltoniste, tako da kada dizajnirate svoju web stranicu, morate voditi računa o korisnicima koji su slijepi za boje. Zaista, ponekad vrlo lijepo dizajnirana stranica možda jednostavno neće raditi za ovu kategoriju korisnika, jer neće moći njome da se kreću. I ovo je zaista problem: među muškarcima postotak daltonista može doseći 8%, a među ženama - oko 1%. Zato je bolje ne riskirati gubitak 9% publike i odabrati shemu boja stranice tako da je normalno percipiraju svi ljudi, uključujući i daltoniste.

TEORIJA BOJA MOŽE POBOLJŠATI DOSTUPNOST SAJTA

Pristupačnost sajta je od velike važnosti, jer direktno utiče na njegovu popularnost. Kada je u pitanju pristupačnost, to obično znači jednostavno i intuitivno sučelje. Ali shema boja također utiče na korisničko iskustvo. A ako kreirate dizajn koji ne uzima u obzir potrebe ljudi s različitim oštećenjima vida, tada će ovo iskustvo biti negativno, što je neprihvatljivo. Postoji mnogo razloga zašto biste trebali pažljivo poraditi na dostupnosti boja na stranici:

• Prava shema boja može biti konkurentska prednost. Ako je dizajn stranice prilagođen daltonistima, a ne postoji stranica konkurenta, tada možete privući dodatnu publiku na svoju stranu

• Web stranice sa dostupnim bojama mogu se rangirati više u pretraživačima

• U nekim zemljama, loš dizajn sajta može dovesti do pravnog postupka jer sajt ne pruža jednake mogućnosti za osobe sa oštećenim vidom.

• Važna je i etička tačka: daltonisti ne mogu u potpunosti koristiti neke stranice i to im je veliki problem. Stoga, uvijek treba imati na umu UX

Unatoč svemu navedenom, učiniti web stranicu dostupnom ljudima koji ne mogu razlikovati određene boje nije tako teško. Samo trebate pravilno koristiti teoriju boja i ne zaboravite na kontrast važnih elemenata.

KAKO KREIRATI VEB STRANICU VISOKE DOSTUPNOSTI

Naravno, izrada web stranice koja će biti pogodna za apsolutno sve kategorije korisnika je nemoguć zadatak. I prije svega zato što je teško točno odrediti kako daltonisti vide ovu ili onu boju. Ali to nije sve: ljudi koji nisu daltonisti također vide boje malo drugačije. Urađeno je mnogo istraživanja kako bi se otkrilo kako se tačno boje razlikuju kod ljudi s različitim vrstama sljepoće za boje. Ali ove studije nisu dale nikakve tačne rezultate, tako da je i dalje otvoreno pitanje kako tačno daltonista vidi.

Započinjući rad na dizajnu stranice, morate odmah voditi računa o vidljivosti boja navigacijskih elemenata i sadržaja. Postoji mnogo načina da to učinite, a prvi je korištenje kontrastnih boja za pozadinu i važne elemente dizajna. Na primjer, korištenje crnog teksta na bijeloj pozadini učinit će sadržaj dostupnim svim korisnicima. Ali crna i bijela nisu sve "sigurne" boje - ima ih mnogo više. Vi samo trebate biti sigurni da su veze, dugmad i drugi elementi dizajna vidljivi i da se ističu iz pozadine.

KOJE BOJE DA KORISTIM?

Prvi korak u kreiranju web-stranice pristupačne daltonistima je odabir palete boja. Zadatak dizajnera u ovom slučaju je odabrati uspješne kombinacije boja koje će uključivati ​​kontrastne nijanse i osigurati hijerarhiju boja.

U ovom slučaju morate biti oprezni i pokušati ne koristiti neke nijanse. Većina daltonista ima problema s razlikovanjem kombinacije crvene/zelene i žuto/plave. Evo još opasnijih kombinacija boja:

• smeđa/zelena
• zeleno/plavo
• ljubičasta/plava
• sivo/plavo
• zeleno/sivo
• crno zelena
• žuta/svetlo zelena

Kao što vidite, ove kombinacije boja nisu baš kontrastne i stoga mogu postati nerazlučive za osobe sa oštećenjem vida. Stoga je bolje ne koristiti nijanse u dizajnu koje su preblizu jedna drugoj na kotaču boja. Na primjer, zagasito žuta i plava, koje se vrlo slabo razlikuju.

Uvijek se mora imati na umu da osobe s daltonistima uvijek trebaju dobro razlikovati boje, i nije važno koje boje vide - potrebno je samo daltonistu razjasniti šta vidi drugačije boje. Također morate obratiti pažnju na činjenicu da daltonisti bolje percipiraju svijetle boje i gotovo ne vide razliku između tamnih nijansi.

GRATIS NIJE

Komplementarne nijanse koje su jedna naspram druge na kotaču boja pružaju bolji kontrast i povećavaju pristupačnost dizajnu. Treba napomenuti da unatoč činjenici da su zelena i crvena komplementarne nijanse, ovu kombinaciju treba koristiti vrlo pažljivo, jer upravo te boje slabo razlikuju daltonisti.

Kao što znate, neke nijanse su tople, a neke hladne. Ovo se također može koristiti pri odabiru sheme boja. Kontrastirajući tople boje sa hladnim bojama, možete stvoriti atraktivan i istovremeno pristupačan dizajn. Međutim, pri odabiru boja ne zaboravite na kontrast: na primjer, možete koristiti tamnu hladnu nijansu u kombinaciji sa svjetlijom toplom bojom.

MONOCROM PALETTE

Kada radite na dostupnoj shemi boja, uvijek morate biti sigurni da se elementi iz neuspješnih parova boja ne koriste u blizini. A da biste stvorili sigurnu stranicu prilagođenu slijepim za boje, najbolje je koristiti jednobojnu paletu. Nije bitno kako će korisnik percipirati boju - fokusirat će se samo na kontrast. Osim toga, jednobojna je danas u modi, takve se palete danas vrlo često koriste na stranicama s minimalističkim dizajnom.

ALATI ZA IZBOR PALETE BOJA

Vischeck je simulator s kojim možete testirati dostupnost web stranica sljepocima za boje. Pomoću ovog alata možete naučiti kako osobe s različitim vrstama sljepoće za boje vide određenu stranicu i, ako je potrebno, brzo unose promjene u dizajn.

Sjajan i vrlo koristan resurs koji sadrži mnogo važnih informacija o prirodi sljepoće za boje, njenim vrstama i karakteristikama. Stranica također ima testove za daltoniste i alate za provjeru boja stranice.

Još jedan alat za online provjeru pristupačnosti daltonistima na web stranicama. Možete provjeriti kako paletu od 216 boja percipiraju osobe s različitim vrstama sljepoće za boje.

ZAKLJUČAK

Naravno, pristupačnost stranice ne zavisi samo od šeme boja. Da, stranica bi trebala biti dostupna slabovidima, ali najvažnije je da bude dostupna što većem broju korisnika. Ali uvijek treba imati na umu boju i stalno provjeravati da li paleta boja ne sadrži problematične kombinacije boja.

Boja je svakako važan izvor emocija. Boje mogu postaviti pravi ton i prenijeti potrebne emocije posjetiteljima, mogu uzbuditi, izazvati mnogo osjećaja i podstaći akciju. To je izuzetno snažan faktor utjecaja na korisnika.

Prilikom odabira sheme boja za web stranicu, važno je to učiniti ispravno, vodeći se osnovnim principima teorije boja. U članku se razmatraju najznačajniji aspekti pri odabiru, osnovni principi kombinacije, svrha boje u web dizajnu i njeno simboličko značenje. Osim toga, vidjet ćete neke dobre primjere prema preovlađujućim bojama, kao i neke korisne savjete za učinkovito korištenje boja prilikom kreiranja web stranice.

Dakle, hajde da se upoznamo sa magijom boja ...

Teorija boja: osnovni principi. Mogućnost usklađivanja boja

Dobro je kada imate osećaj ukusa i lako možete da izaberete šemu boja sajta. Ne mogu svi ljudi ovo lako da urade. Za one koji nisu sigurni kako pravilno kombinirati boje prilikom izrade web stranice, preporučio bih da se upoznaju s osnovama teorije boja.

Uzmite u obzir krug boja.

malo istorije: Točak boja je izumio Isaac Newton. Potkrijepivši teoriju svjetla i boja 1666. Upravo je ona stvorila osnovu za formiranje i razvoj moderne optike, čiji je mali i sastavni dio web dizajn. Njutn je pomoću triedarske staklene prizme razložio bijelu svjetlost na sedam boja (u spektar), čime je dokazao njenu složenost (fenomen disperzije), otkrio kromatsku aberaciju.

Točak boja je neizostavan atribut mnogih dizajnera i umjetnika širom svijeta. Ovo je savršen dokaz teorije da je genijalno uvijek jednostavno. Krug vam omogućava da odaberete boje koje bi se međusobno uskladile. Sastoji se od 6 osnovnih boja: crvene, narandžaste, žute, zelene, plave, ljubičaste i sekundarnih boja.
Da biste pronašli ispravnu shemu boja, trebate koristiti bilo koje dvije boje jedna nasuprot drugoj, bilo koje tri boje na jednakoj udaljenosti kada formirate trokut ili bilo koju od četiri boje koje formiraju pravougaonik (dva para boja jedna naspram druge). Šeme boja ostaju ispravne bez obzira na ugao rotacije.

Primarne boje
Postoje tri osnovne boje: crvena (#ff0000 u HTML-u ili #F00 u CSS-u), žuta (#FFFF00 u HTML-u ili #ff0 u CSS-u) i cijan (#0000FF u HTML-u ili #00f u CSS-u). Ne mogu se dobiti miješanjem drugih boja. Kombinacijom ove tri boje mogu se formirati komplementarne boje.

Kompozitne boje
Postoje i tri glavna: narandžasta (#ff9900 u HTML-u ili #F90 u CSS-u), zelena (#00FF00 u HTML-u ili #0f0 u CSS-u) i ljubičasta (#FF00FF u HTML-u ili #f0f u CSS-u). Možete ih dobiti miješanjem crvene i žute (narandžaste), žute i plave (zelene), te plave i crvene (ljubičaste).

Tercijarne boje
Da biste dobili jednu od tercijarnih boja, morate pomiješati jednu primarnu boju i jednu sekundarnu boju. Mogućnosti za tercijarne boje su beskrajne.

Dodatne boje
Komplementarne boje se nalaze direktno jedna naspram druge na krugu boja: crvena i zelena, plava i narandžasta, ljubičasta i žuta. U kombinaciji jedni s drugima čine upečatljiv kontrast. Takve kombinacije se obično koriste za isticanje određenih elemenata na web stranici.

Slične boje
Ove boje se nalaze jedna pored druge na krugu boja. Obično izgledaju veoma dobro zajedno. Upotreba ovakvih kombinacija boja izaziva osjećaj ugode kod posjetitelja vaše stranice.

Boje u različitim kulturama: simbolika

Kada birate gama za svoju web lokaciju, morate uzeti u obzir činjenicu da boja može imati razna značenja u različitim kulturama. Kulturni aspekt simbolike boja može biti vrlo jak, tako da morate biti svjesni koja je publika stranice.
Hajde da saznamo šta boje znače u različitim kulturama:

• Kina: boja mladenke, sretno, slavlja
• Indija: čistoća
• Južna Afrika: boje žalosti
• Istok: radost (u kombinaciji sa bijelom)
• Zapad: uzbuđenje, ljubav, strast
• SAD: Božić (sa zelenom), Valentinovo (sa bijelom)
• Hebrejski: žrtva, grijeh
• Japan: život
• Hrišćanstvo: žrtva, strast, ljubav
• Feng Shui: Jang, vatra, sreća, poštovanje, zaštita, vitalnost, novac, priznanje

• Evropa: mirno
• Iran: žalost, boja neba i duhovnost
• Kina: besmrtnost
• Hinduizam: boja Krišne
• Judaizam: Svetost
• Hrišćanstvo: Hristova boja
• Katolicizam: boje Marijine odjeće
• Bliski istok: zaštita
• U svijetu: boja sigurnosti
• Feng Shui: Jin, voda, spokoj, ljubav, iscjeljenje, opuštanje, povjerenje, avantura
• Zapad: tuga, depresija

• Evropa: sreća, nada, radost, kukavičluk u opasnosti, slabost
• Azija: boja carstva
• Egipat: žalost
• Japan: Hrabrost
• Indija: trgovci
• Budizam: mudrost
• Feng Shui: Jang, Zemlja, povoljno, sunčeve zrake, toplota, kretanje

• Evropa: jesen, žetva, kreativnost
• Irska: protestanti (religiozni)
• SAD: Noć vještica (sa crnom), jeftina roba
• Hinduizam: šafran (narandžasta breskva) sveta boja
• Feng Shui: Jang, Zemlja, ciljevi, povećava koncentraciju

Brown

• Kolumbija: prepreka prodaji
• Australski Aboridžini: boje zemlje, svečani oker
• Feng Shui: Jang, Zemlja, industrija

Zeleno

• Japan: život
• Islam: nada, vrlina
• Irska: simbol cijele zemlje
• Evropa / SAD: proljeće, novo rođenje, dan sv. Patrika, Božić (sa crvenom bojom)
• SAD: novac
• Indija: Islam
• Feng Shui: Jin, drvo, liječenje, zdravlje, umirivanje

Violet

• Tajland: žalost (udovice)
• Katolicizam: smrt, žalost, raspeće
• Feng Shui: Jin, boja fizičkog i mentalnog iscjeljenja

Bijelo

• Evropa: brak, anđeli, doktori, bolnica, mir
• Japan: žalost, bijeli karanfil simbolizira smrt
• Kina: žalost, smrt,
• Indija: nesreća
• Istok: sahrana
• Feng Shui: Jang, Metal, Smrt, Duhovi, Tuga, Ravnoteža, Samopouzdanje

Crno

• Evropa: žalost, sahrana, smrt, pobuna, spokoj
• Tajland: nesreća, zlo
• Judaizam: nesreća, zlo
• Australski aboridžini: boja ljudi
• Feng Shui: Jin, voda, novac, uspjeh u karijeri, prihod, stabilnost, emocionalna zaštita, snaga

Značenje boja

Pogledajmo kako se svaka boja osjeća i pogledajmo neka gotova rješenja.

Uglavnom povezan sa strašću, hrabrošću i željom. Crvena je boja ljubavi, snage, energije, vodstva i uzbuđenja. Ovo je jaka boja i trebali biste biti svjesni nekih njenih negativnih emocija: opasnosti, tjeskobe.

Strpljenje, mir, smirenost, pouzdanost, ljubav, stabilnost. Jedna od najomiljenijih boja, posebno za muškarce. Povezan je sa stabilnošću i dubinom, profesionalnošću, povjerenjem.

Boja se najčešće povezuje sa živahnošću. Energičan, daje osećaj sreće. Osim toga, povezuje se sa radoznalošću, zabavom, radošću, inteligencijom, oprezom.

Vedrina i kreativnost. Povezan sa prijateljstvom, samopouzdanjem, razigranošću, hrabrošću, snagom.

Violet

Tradicionalno povezan sa moći, plemstvom i bogatstvom. Mudrost, nezavisnost, plemenitost, luksuz, ambicija, dostojanstvo, magija i tajne.

Optimalan broj boja. Ne pretvarajte svoju stranicu u cirkus.

Koristite potreban broj boja. Minimalni broj boja može doprinijeti dosadnosti vaše stranice.

Ako želite privući posjetitelja, koristite intenzivne boje.

Možete pronaći komplementarne sheme boja tako što ćete se približiti prirodi.

korisni linkovi

Ljudi se još uvijek raspravljaju o tome da li je sadržaj glavna stvar. Ako mene pitate, potpuno se slažem sa njima i moje mišljenje je zasnovano na sopstvenom iskustvu. Bilo da je dominantno ili ne, postoji nešto što je jednako važno! Šta je, pitate se? Znam da svi vole da kažu: "Ne sudite o knjizi po koricama." Ali kako drugačije planirate privući nečiju pažnju ako ne originalnom omotom? Očigledno, kada jednom privučete nečiju pažnju, ostatak svog truda možete potrošiti na sadržaj. Radit će se o bojama web dizajna i kako njima upravljati.

Samo jednom ostavljate prvi utisak.

Uvijek postoji jedna specifična radnja koju želite natjerati posjetitelja vašeg web mjesta. Ovo je akcija na koju stavljate najveći naglasak. To može biti dugme za pretplatu, dugme "sledeće" ili dugme "kupi".

Bez obzira na dugme, uvek imajte na umu da hoće li se kliknuti ili ne zavisi od toga kako se posetilac oseća kada je na vašoj veb lokaciji.

U ovom članku ćete saznati o 5 najpopularnijih boja koje će vašu stranicu zainteresirati i zaintrigirati posjetitelje.

'Pinterest' koristi puno crvenih nijansi

Bez sumnje, crvena se smatra najtoplijom bojom. Ako pogledate Pinterestovu paletu boja, odmah ćete primijetiti da je crvena njihova primarna boja.

Crvena se često povezuje sa ljubavlju. Ovo je jaka i dinamična boja koja može učiniti da se zaljubite u sve što je blisko ovoj boji.

Ova boja se često viđa u promocijama, jer njen intenzitet stvara osjećaj hitnosti.

Iznad svega, ova intenzivna boja može učiniti da se posjetitelji web stranice osjećaju uzbuđeno ili ohrabreno. Ali u isto vrijeme, može i obeshrabriti želju da budete na njemu, tako da uvijek morate biti oprezni.

Koristite crvenu da naglasite svoj web dizajn. Odlično se slaže s bijelom, sivom, svijetloplavom ili srebrnom bojom.

Praktični primjer korištenja crvene boje:

Ljudsko oko vidi crveno kada gleda u svjetlost talasne dužine između 630 i 700 nanometara. Svjetlost iznad ovog opsega naziva se infracrvena i ljudsko oko je ne opaža, ali se može identificirati kao toplina. - Wikipedia

Šira upotreba palete crvenih boja (od jimjim421):

10 asocijacija na crveno:

• krv
• rat
• vatre
• muškosti
• strast
• zavođenje
• prisila
• energije
• hrabrost

"Amazon" voli bogatu narandžu:

Narandžasta je topla i aktivna boja, ali ne tako intenzivna kao crvena. Narandžasta je više topla nego vruća.

Ispunjena energijom, ova svijetla boja podstiče, a ne prisiljava ili tjera ljude na djelovanje. Narandžasta se samo ponekad doživljava kao intenzivna - poziva na akciju kao što je kupovina, pretplata, prodaja ili praćenje. Preporučljivo je koristiti narandžastu boju ako nakon posjete vašem sajtu želite da odete od gosta motivirano, radosno, kreativno i puno entuzijazma.

Praktični primjer korištenja narančaste boje:

Šira upotreba narandžaste palete manekineko:

10 asocijacija na narandžu:

• optimizam
• definicija
• vatre
• upozorenje
• jesen
• religija
• izdržljivost
• saosećanje
• Noć vještica
• organizam

Plava boja Facebook stvara osjećaj sigurnosti:

Možete pronaći mnoge poslovne i korporativne web stranice koristeći plavu boju. Ovu boju povezujemo sa nečim pouzdanim, sigurnim, budi osjećaj povjerenja i iskustva. Stoga ne čudi da svaki biznismen kome je stalo do utiska koji ostavlja na web stranici svoje kompanije radije koristi plavu boju. Plava stvara potpuno suprotan osjećaj od onih koje crveno lišće. Plava nas smiruje i uopće ne moramo previše brinuti o tome.

Praktični primjer upotrebe plave boje:

Kladim se da nisi znao:

Istraživanje koje je provedeno u Njemačkoj i objavljeno 2009. godine pokazalo je da je plava omiljena boja 46 posto muškaraca i 44 posto ispitanih žena. — Wikipedia

Šira upotreba palete plave boje od strane dizajna entiteta:

10 asocijacija na plavu:

• istinitost
• ljubaznost
• magija
• momci
• besplatnost
• policija

Moć zelenog

Osjećate li se trenutno izvanredno optimistično? Da pogodim - gledao si u nešto zeleno? Možda ste samo gledali u zelenu biljku - to vas je nesumnjivo smirilo i natjeralo da gledate na stvari optimističnije.

Svi koji su na neki način povezani sa ekologijom imaju više mogućnosti da koriste zelenu boju u kreiranju svojih stranica. Obratite pažnju na novčanicu od 100 dolara. Ovdje prevladava zelena boja! Sajtovi kao što je Groupon takođe imaju mnogo zelenog u svom brendiranju jer se direktno bave novcem. Zelena je vrlo osvježavajuća i opuštajuća, ostavljajući ljude uravnoteženim i inspiriranim. Predstavlja ravnotežu i harmoniju u dizajnu.

Praktični primjer korištenja zelene boje:

Kladim se da nisi znao:

U nekim jezicima, uključujući starokineski, tajlandski, starojapanski i vijetnamski, ista riječ može značiti i plavo i zeleno u isto vrijeme. Ne postoje prirodni izvori zelenih boja za hranu koje je odobrila Američka uprava za hranu i lijekove. - Wikipedia

Šira upotreba zelene od strane Skybluue2u:

10 asocijacija na zeleno:

• novac
• pohlepa
• zavist
• priroda
• proljeće
• zdravlje
• mladost
• trava
• nada

Yahoo! i ljubičasta na njihovom logotipu

Ljubičasta je boja koja se najčešće povezuje s konceptima kao što su mašta, kreativnost, dostojanstvo, plemenitost i obilje. Živopisne nijanse ljubičaste više su povezane s proljećem i romantikom, dok su tamnije nijanse ljubičaste povezane s luksuzom i bogatstvom. Ljubičasta se koristi u lijepoj i modernoj posteljini jer ljubičasta djeluje umirujuće od bilo koje druge boje. Smatra se ženstvenijom i romantičnijom od muške boje. Kada gledate ljubičaste stvari, izgledaju jasno umjetno, to je zato što je ova boja vrlo rijetka u prirodi. Baš kao i crvena, ljudi smatraju da je ljubičasta previše jaka i svijetla, zbog nje se osjećaju primorani da nešto urade, na neki način ih tjera da preduzmu određenu akciju. Stoga bi bilo efikasno kombinovati ovu boju sa crnom ili bijelom bojom.

Praktični primjer korištenja ljubičaste:

Kladim se da nisi znao:

U aprilu 2007. godine, naučnici su spekulisali da su rane arheje možda koristile ljubičasti pigment sličan hlorofilu da apsorbuju energiju sunca. Da je to zaista slučaj, ogromna područja okeana i obala bi bila ljubičasta. Ova teorija se zove "Hipoteza ljubičaste Zemlje". — wikipedia

Šira upotreba ljubičaste

10 asocijacija na ljubičastu

• bogatstvo
• velikodušnost
• plemstvo
• prefinjenost
• romansa
• art
• egzotično
• duhovnost
• luksuz
• ženstvenost

1WD pametno koristi jednobojne boje

Obično jednobojne boje kao što su bijela, crna, tamno siva i svijetlo siva trebaju se koristiti kao pozadina u razvoju dizajna s već postavljenim i pravilno postavljenim akcentnim bojama koje su svjetlije i zasićenije. Bacite pogled na stranicu, 1stwebdesigner - 1WD. Koriste i narandžaste boje kao jarki naglasak - ali samo u skladnoj kombinaciji s tamno sivim i svijetlosivim tonovima. I, naravno, bijela, (boja pozadine stranice). Crna će uvijek predstavljati modernost, misteriju, eleganciju i snagu. Siva je neutralna boja koja predstavlja nešto mirno i gotovo nepoznato, poput sjene. Budući da siva ponekad može izgledati prljavo, bijela će stvoriti suprotan efekat. Bijela označava čistoću, otvorenost, jednostavnost i minimalizam.

Praktični primjer korištenja jednobojne boje:

Kladim se da nisi znao:

Digitalna monohromna fotografija snima samo crnu boju koju detektuje senzor kamere. Prilikom naknadne obrade slika u boji, možete transformirati percipiranu svjetlinu kombiniranjem vrijednosti nekoliko kanala. - Wikipedia

Veća upotreba jednobojne palete od strane munsterija

10 asocijacija na jednobojne boje

• moć
• elegancija
• prostor
• mekoću
• nevinost
• pesimizam
• depresija
• dosada

A koja je tvoja omiljena boja? I koja osećanja i emocije izaziva kod vas?

Prevod - Sto