View
0
Download
0
Category
Preview:
Citation preview
Teorija boja na webu
Dr Nenad Kojić, dipl. inž.
Mentor:
Nino Gavrilović 87/11
Student:
Beograd, 2014.
1. Uvod
Biranje boja na webu je veoma važan korak u kreiranju sajta. Boje koje biramo mogu imati dalekosežne efekte na naše poslovanje. Boja može da učini sajt lepšim ili da ga naruži.
Kako izabrati pravu boju za sajt? Ova odluka nije jednostavna i ne možemo se osloniti na boje koje mi preferiramo. Za ovu odluku treba uzeti u obzir nekoliko faktora: želje i očekivanja korisnika, psihologiju boja, izbor konkurentskih sajtova.korisnika, psihologiju boja, izbor konkurentskih sajtova.
Trenutno se na web-u primećuje dominacija plave boje kao primarne. Na ovoj slici predstavlljeno je top 100 web sajtova i njihove primarne boje.
Teorija boja je studija o tome kako različite boje mogu izazvati određenje emocionalne ili čak i fizičke reakcije kod ljudi.
Slika 1.0 Top 100 sajtova i njihove primarne boje
2. Teorija boja2. Teorija boja
2.1. Kolor modeli
Boje koje se prikazuju na kompjuterskim ekranima odnosno boje koje se koriste u web dizajnu su bazirane na aditivnom kolor modelu. U ovom modelu boje su prikazane u procentima crvene, zelene i plave svetlosti -RGB model (Slika 1.1). Pojačavanjem ove tri boje do maksimuma dobićemo belu svetlost, ako ostavimo crvenu i zelenu i isključimo plavu dobićemo žutu. dobićemo žutu.
Inkjet štampači, laserski štampači i industrijske štamparske prese za kreiranje boja koriste cijan, magenta, žutu i crnu boju - CMYK model(Slika 1.2). Na ovaj način se koristi subtraktivni kolor model. Kombinovanjem prve tri boje dobija se svetlija crna i zato se štampačima dodaje crno mastilo.
Slika 1.2 CMYK modelSlika 1.1 RGB model
Pisane studije o klasifikacijma boja datiraju još iz trećeg veka pre nove ere u radovima Aristotela. Od tada mnogo veliki umetnici i filozofi su doprineli da danas bolje razumemo kako boje funkcionišu. Među njima su i Isak Njutn i Gete (Slika 1.3).
Slika 1.3 Prikaz Geteovog točka
Primarne bojeCrvena, žuta i plava. Ove boje formiraju jednakostranični trougao na točku boja a svaka četvrta boja od jedne primarne je druga.
Sekundarne bojeLjubičasta, zelena i narandžasta.Mešanjem dve susedne primarne boje
Slika 1.4 Točak boja
Ljubičasta, zelena i narandžasta.Mešanjem dve susedne primarne boje dobija se sekundarna.
Tercijarne bojeŽuta-narandžasta, crvena-narandžasta, crvena-ljubičasta, plava-ljubičasta, plava-zelena i žuta-zelena To su boje nastale mešanjem primarne i sekundarne boje.
2.2. Označavanje boja u webu
Tri osnovne boje koje emituju ekrani pripadaju aditivnom modelu a to su crvena, zelena i plava (RGB – red, green, blue).
Boje u web-u se prikazuju u heksadecimalnoj notaciji i taj broj izgleda ovako #RRGGBBOvo je šestocifreni broj koji sadrži tri bajta, od kojih svaki predstavlja jednu boju.jednu boju.
Najniža vrednost jednog izvora svetlosti je 0 a najveća 255 ili heksadecimalno FF.
Ako se slova ili brojevi u sve tri boje svaki za sebe ponavljaju na primer ovako #00FF00 onda se može skratiti za po jednu vrednost i to bi izgledalo ovako #0F0.
I ovako bi to izgledalo u CSS-u.
p {color: #CCFF66;}
Slika 8.1 Osvnovne boje sa heksadecimalnim i RGB vrednostima
Nazivi svih boja u webumogu da se koriste umesto heksadecimalnih ili rgb vrednosti:
U CSS3 je uvedeno HSL i RGBA označavanje boja.HSL je akronim za Hue, Saturation, Light. (Slika 8.3)
Parametri su u procentima a prvi je boja, zatim idu zasićenost i svetlina, četvrti je i kod RGBA i HSL-a transparentnost i njegova vrednost se kreće od 0 do 1 sa dva decimalna mesta.
Slika 8.3 Plava boja i njene heksadecimalne, HSL i RGBa vrednosti
Slika 8.4 HSL točak sa bojama, osvetljenjem i zasićenjem
2.3. Web safe boje
Nekada kada su kompjuteri mogli da podrže samo 256 boja uveden je standard za web boje. Taj sistem je danas besmislen jer sada svi i kompjuteri i browseri podržavaju preko 16 miliona boja.
2.4. Značenje boja
2.4.1. Tople boje
Tople boje se nalaze sa gornje strane točka boja. One uglavnom imaju uzbuljiv efekat, ne preporučuje se korišćenje uglavnom imaju uzbuljiv efekat, ne preporučuje se korišćenje samo jedne tople boje jer mogu previše stimulisati korisnika i u krajnjem slučaju izazvati bes. Radi balansiranja preporučuje se dodavanje i boje koja pripada drugoj grupi.
Boja Pozitivni efekti Negativni efekti
Crvena ljubav, energija, snaga, moć
bes, opasnost, upozorenje
Roze zdravlje, sreća, ženstvenost, saosećanje
slabost, nezrelost
Žuta sunce, energija, kreativnost, sreća
neodgovornost, nestabilnost
Tabela 1.
kreativnost, sreća nestabilnost
Narandžasta hrabrost, samopouzdanje, uspeh
neznanje, tromost
Zlatna bogastvo, prosperitet, vrednost, tradicija
pohlepa, sanjarenje
2.4.2. Hladne boje
Hladne boje se nalaze sa donje stranje točka boja. Njihov glavni Hladne boje se nalaze sa donje stranje točka boja. Njihov glavni efekat je da mogu da umire posetioca. Kao i kod toplih boja i hladne se ne preporučuju kao jedini izbor pri odabiru boja jer mogu izazvati utisak hladnoće i udaljenosti.
Boja Pozitivni efekti Negativni efekti
Plava mir, bezbednost, inteligencija, poverenje, lojalnost
hladnoća, strah
Zelena novac, rast, plodnost, svežina, zaceljenje
zavidnost, ljubomora, krivica
Tabela 2.
zaceljenje
Ljubičasta plemstvo, ambicija, luksuz
misterija
Tirkizna zaceljenje, zaštita, sofisticiranost
zavist
Siva glamur, elegancija, gracioznost, visoka tehnologija
neiskrenost
2.4.3. Neutralne boje
Neutralne boje se odlično slažu i sa hladnim i sa toplim paletama. Neutralne boje se odlično slažu i sa hladnim i sa toplim paletama. Odlične su za pozadine u dizajnu i mogu da smanje izraženost ostalih boja. Crna stvara tamnije senke dok bela stvara svetlije nijanse.
Boja Pozitivni efekti Negativni efekti
Braon prijateljska, boja zemlje, dugovečnost
dogmatska, konzervativna
Bež pouzdanost, fleksabilnost
tupa, dosadna, konzervativna
Siva sigurnost, sumorna, tužna,
Tabela 3.
Siva sigurnost, odgovornost, inteligencija
sumorna, tužna, konzervativna
Crna zaštitna, dramatična, stilska, formalna
smrt, zlo
Bela dobrota, nevinost, čistota, svežina, mir
zima, hladnoća, udaljenost, sterilnost
2.5. Struktura i efekti RGB modela
2.5.1. Crvena
Značenje ove boje i reakcije ljudi na nju su uglavnom iste svuda. Psiholozi i istraživači se slažu da crvena uzbuđuje i da ima svoja i pozitivna i negativna značenja.
Crvena predstavlja i Kupida i Đavola i označava i ljubav i rat.
Čista crvena je najtoplija primarna boja i vizuelno najviše stimuliše.
Zbog svoje intenzivnosti ljudi koji su imali privremeno slepilo usled povrede mozga najpre će crvenu primetiti od svih ostalih boja.
Žene više privlače hladnije crvene koje vuku na ljubičastu dok muškarce više privlače toplije crvene koje su bliže narandžastoj.
Pozitivna značenja Negativna značenja
- ljubav, strast- toplota- smelost, odvažnost- dinamičnost, akcija- energija, brzina- zabava, uzbuđenje- hrabrost, snaga- privlači pažnju
- opasnost, zlo- agresivnost, bes- nasilje- krv, žrtvovanje- rat, revolucija
Crvena u prirodi
- krv, sirovo meso- jesen- vatra, toplota- zalazak sunca- jabuke, višnje, trešnje, jagode, maline, brusnica- crvena paprika, paradajz- glina, zemlja,- glina, zemlja,- ruže- rubini, granat
Crvena u terapiji
Samo gledanje u crvenu dokazano je da stimuliše moždanu aktivnost. Nekim ljudima može čak podići puls i krvni pritisak, dok pulsirajuća može izazvati epilepsiju.
2.5.2. Zelena
Univerzalna značenja zelene se povezuju sa prirodom.
U današnjem svetu povećala se zabrinutost za očuvanje planete, a U današnjem svetu povećala se zabrinutost za očuvanje planete, a samim tim i upotreba zelene kao sinonima za ekološku odgovornost.Čak se i u samim nazivima akcija, kompanija ili slogana koristi reč "zelena" ili "green".
Većinu ljudi za zelenu vezuju pozitivna osećanja mada postoje i negativne asocijacije kao što je bolest. Negativna značenja uglavnom dolaze od svetlijih nijansi koja imaju previše žute boje (plava i žuta).
Zelena u kombinaciji sa belom ili sivom obično stvara opuštenu atmosferu. Ove boje se uglavnom koriste u banjama i spa centrima.
Zelena pomešana sa crnom daje tamnije nijanse i smatra se za izrazito mušku boju. Često se koristi u velikim korporacijama i restoranima.
Optički, zelena je najumirujuća boja za oko zbog svoje talasne Optički, zelena je najumirujuća boja za oko zbog svoje talasne dužine (Slika 2.1).
Slika 2.1 Spektar talasnih dužina
Pozitivna značenja
- priroda, ekologija- rast, obnavljanje- svežina, čistoća- mir, spokojstvo
Negativna značenja
- zavist, ljubomora- neiskustvo, nezrelost- bolest- propadanje, truljenje- mir, spokojstvo
- harmonija, balans- radost- novac, prosperitet
- propadanje, truljenje
Zelena u prirodi
- vegetacija, trava, biljke- leto- zelene paprike, spanać, kupus- jabuka, lubenica, zeleno grožđe, zeleni limun - zelene oči- drago kamenje, smaragd, žad, malahit,
Zelena u terapiji
Svesna i podsvesna značenja zelene stvaraju mirnoću. Generalno opušta i umiruje i mentalno i fizički. Zelena može da pomogne protiv depresije i anksioznosti.
Pojedine nijanse zelene povećavaju apetit.
2.5.3 Plava
Značenje plave se uglavnom povezuje sa smirenošću. Simbolika boja je često kontradiktorna pa je to i ovde slučaj. Plava takođe može da izazove i tugu i usamljenost.i tugu i usamljenost.Istraživanja pokazuju da je plava najomiljenija boja posebno kod muškaraca.
Tamnije nijanse kao što je mornarska plava (navy blue) se smatra za izrazito mušku boju. Povezuje se sa autoritetom, uspehom.
Plava je osnovna boja što znači da se ne može dobiti mešanjem druge dve boje.
Plava optički deluje povučeno i kada se stavlja pored druge boje može delovati kao da se ona nalazi iza nje. Psihološki se povezuje sa vazduhom a svetlije nijanse imaju umirujuć efekat tako da se prostor može učiniti da je veći. Korišćenje previše plave može imati prohladno psihološko značenje.
Pozitivna značenja
- duhovnost, vera
Negativna značenja
- tuga, depresija- duhovnost, vera- smirenost, spokoj- prostranstvo- čistoća, svež vazduh- poverenje, bezbednost, vernost- inteligencija, samopouzdanje- tehnologija- uspeh, snaga
- tuga, depresija- hladnoća, povučenost- nemoralnost- formalnost, prevelika ozbiljnost- autoritetativnost, konzervativnost
Plava u prirodi
- voda, okrean- nebo, noć- plave oči, vene- borovnica, šljiva- različak- lapis lazuli, plavi safir i topaz
Plava u terapiji
Svesna i podsvesna značenja plave stvaraju mirnoću. Poznato je da plava spušta krvni pritisak i usporava disanjePlava takođe smanjuje apetit.
3. Psihologija boja
Efektivno korišćenje teorija boja je jedno od najmoćnijih oruđa web dizajnera i dizajnera uopšte. Boje su forma neverbalne komunikacije koje mogu da izazvati reakciju u deliću sekunde. One mogu trenutno promeniti raspoloženje, pobuditi osećanja, izazvati reakciju ili promeniti raspoloženje, pobuditi osećanja, izazvati reakciju ili ispirisati ljude na akciju.
Tabela 3.Boja Pozitivni efekti Negativni efekti
Deep Red bogata, elegantna, skupa, zrela, robusna
Brick red topla, jaka, snažna, čvrsta
Bright Red uzbudljiva, daje energiju, strastvena, topla,
previše agresivna, nasilna, strastvena, topla,
dinamična, stimulativna, provokativna, jaka
nasilna, temperamentna, podseća na rad, opasnost
Bright Pink uzbudljiva, teatralna, topla, privlači pažnju, senzualna,divlja, tropska, stimulativna.
kitnjasta
Boja Pozitivni efekti Negativni efekti
Dusty Pink meka, suptilna, nežna
Light Pink romantična, meka, delikanta, nevina, mlada
previše sentimentalna
Peach meka, pomućena, ukusna, topla, intimnaukusna, topla, intimna
Coral životna energija, daje energiju
Boja Pozitivni efekti Negativni efekti
Tangerine vitalnost, sočna
Vibrant
Orange
zabavna, dečija, srećna, topla, aktivna, daje energiju, spontana, optimistična, društvena
bučna, neozbiljna
Ginger začinjena, ukusna, Ginger začinjena, ukusna, egzotična, oporna
Terra Cotta zemljana, srdačna, zdrava, dobrodošla
Boja Pozitivni efekti Negativni efekti
Tan neravna, otvorena, ruralna, drvena
Chocolate/
Coffe
Brown
ukusna, bogata, robusna, stimuliše apetit
Earth zemljana, solidna, zdrava, Earth
Brown
zemljana, solidna, zdrava, srdačna, tradicionalna, istrajna, bezbezda
Gold
(metallic)
bogata, sjajna, božanstvena, intuitivna, luksuzna, vredna, prestižna
kitnjasta
Boja Pozitivni efekti Negativni efektiAmber dragi kamen, jesen, sočna,
svojstvena
Golden Yellow hranljiva, ukusna, puterasta, komforna
Bright Yellow osvetljavajuća, radosna, topla, živahna, prijateljska,
kukavičluk, izdaja, opasnostživahna, prijateljska,
prosvetljavajuća, stimulativna, sunčevi zraci, svest, oprez
opasnost
Light Yellow vesela, srećna, meka, sunčana, slatka, laka, zadovoljavajuća
Boja Pozitivni efekti Negativni efektiChartreuse umetnička, smela, oštra,
zapanjujućakitnjasta, ljigava, lepljiva,buđava, bolesna
Light Green umirujuća, tiha, neutralna, lagana
Olive Green vojnička, kamuflaža, safari, klasična
jednoličnaklasična
Lime sveža, citrusna, omladina, kisela, osvežavajuća
Boja Pozitivni efekti Negativni efektiDark Green priroda, pouzdana, žuma, drvena,
tradicionalna, prosperitetna
Foliage Green prirodna, plodna, zdrava, život, rast, harmonija, obnavljanje, ekološka savest, novi početak
Bright Green sveža, trava, Irska, živahna, proleće, obnova, sočnaproleće, obnova, sočna
Emerald lukzuzna, dragi kamen
Boja Pozitivni efekti Negativni efekti
Aqua voda, osvežeženje, čistoća, bebe, meka, lagana
Turqoise beskonačnost, saosećanje, voda, nebo, tropska, okean
Teal spokojna, sofisticirana, Teal spokojna, sofisticirana, samopouzdanje
Sky Blue umirujuća, rajska, konstantna, zavisna, poverljiva, otvorena, beskonačna
Boja Pozitivni efekti Negativni efekti
Light Blue tiha, umirujuća, strpljiva, voda, čista, miroljubiva
Perwinkle genijalna, živahna, druželjubiva
Bright Blue energija, treperiva, zastave, impresivna, zastave, impresivna, vodena, uzbudljiva
Deep Blue pouzdana, autoritet, konzervativna, klasična, jaka, tradicionalna, uniforme, servise, pomorska, lojalna, profesionalna, bistri misli
povučena, udaljena, melanholična
Boja Pozitivni efekti Negativni efekti
Lavander romantična, nostalgična, lagana
Mauve sentimentalna, pažljiva, čežnja
Amethyst zaštitna
Blue
Purples
intuitivna, misteriozna, meditivna, očaravajuća
Red Purple senzualna, uzbudljiva, kreativna, dramatična, skupa
Boja Pozitivni efekti Negativni efekti
Deep
Purple
vizionarska, bogata, kraljevska, umirujuća
Neutral
Gray
klasična, tiha, osnovna, skromna, neutralna, praktična
Charcoal
Gray
odgovorna, verna, savesna, sofisticirana,
tupa, nezavisnaGray savesna, sofisticirana,
solidna, izdržljiva, profesionalna, klasična, zrela
Taupe neutralna, praktična, kvalitetna, autentična, diskretna, skromna
bezukusna, blaga
Boja Pozitivni efekti Negativni efekti
Ivory klasična, neutralna, meka, srdačna, kremasta, glatka, suptilna, prirodna, svadbena
Silver
(metallic)
elegantna, klasična, stilska, moderna
Black moćna, elegantna, sofisticirana, misteriozna,
depresija, smrt, tugovanje, podzemni sofisticirana, misteriozna,
teška, osnovna, klasična, skupa, magična, noć, prestižna, stilska, moderna
tugovanje, podzemni svet, zlo, ugnetavanje, pretnja
White cista, nevina, besprekorna, tiha, lagana, vazdušasta, svetla, svadbena, jednostavna, umetnička, efiksasna
sterilna, hladna, bolnička
4. Odnosi boja
Teorija boja izučava odnose između boja i
njihovog mešanja.Za kreiranje točka korišćena je aplikacija
Adobe Color CC koja se nalazi na adresi
color.adobe.com
4.1. Monohromatska
Monohromatska paleta sadrži jednu osnovnu boju i bilo koliko nijansi te boje.
Primer: vasonanetworks.comPrimer: vasonanetworks.com
Ovde se vidi prikaz sajta vasonanetworks.com. Primarne boje su više nijansi plave sa par zelenih detalja.
Slika 4.1 Prikaz početne stranice
Slika 4.2 Primarna boja je plava u različitim nijansama
Slika 4.3 Monohromatska paleta prikazana na točku boja
4.2. AnalognaAnalogna šema se sastoji od boja koje su jedna do druge na točku boja. Generalno se slažu i stvaraju komforni dizajn. Analogne boje se često nalaze u prirodi i prijaju ljudskom vidu.Obično se bira jedna boja koja će biti dominantna i druga koja je pomoćna.
Slika 4.4 Analogna paleta na točku boja Slika 4.5 Analogne boje sa kontrastnim pozadinama
Primer: www.ustvarjalko.si (Slike 4.6-4.7)
Na ovom sajtu primenjena je analogna palesa sa zelenom kao primarnom bojom dok je narandžasta kao narandžasta kao sekundarna boja dopunjava.
Slika 4.6 Prikaz početne stranice sajta
Slika 4.7 Glavne boje su zelena i narandžasta
Slika 4.8 Analogna paleta sa bojama koje su jedna do druge na točku boja
4.3. Komplementarna
Komplementarna šema se sastoji od boja koje su na suprotnim stranama točka, na primer zelena i ljubičasta, plava i žuta, crvena i cijan. Kod ovakvih kombinacija se javlja jak kontrast posebno kad je zasićenost boja na maksimumu. Treba biti oprezan kod ovakvih šema da bi boje bile u skladu.
Slika 4.9 Komplementarna šema na točku boja
Slika 4.10 Komplementarne boje na crnoj i beloj pozadini
Primer: www.eventfinds.com (Slike 4.11-4.13)
Primarna boja je nijansa plave sa slabom saturacijom. Sekundarna narandžasta pravi kontrast i fokusira korisnika na bitne delove kao što su kreiranje novog naloga i pretraga.
Slike 4.11 Prikaz početne stranice www.eventfinds.com
Slike 4.12 Glavne boje: Slabo zasićena plava i narandžasta
Slike 4.13 Točak boje sa komplementarnom paletom upotrebljenom na sajtu
4.4. Podeljena komplementarna paleta
Ovu paletu čine dve boje koje su susedne i jedna koja se nalazi nasuprotnoj strani. I ova šema ima snažan kontrast. Preporučuje sepočetnicima jer je teško napraviti grešku sa ovom kombinacijom.
Slika 4.14 Prikaz ove palete na točku boja Slika 4.15 Boje podeljene komplementarne palete na crnoj i beloj pozadini
Glavne boje sajta su crvena, braon i narandžasta, zelena kao sekundarna boja pravi kontrast i fokusira korisnika na meni. Ovde je jako dobro upotrebljena psihologija zelene i crvene boje jer obe postiču apetit.
www.naturestable.com
Slike 4.17 Glavne boje: Crvena, braon i delimično narandžasta; Sekundarna: Zelena
Slike 4.18 Podeljena komplementarna: Dve susedne boje i jedna sa suprotne strane točka boja
4.5. Trostrana paleta
U ovoj paleti boje su na jednakoj udaljenosti jedna od druge. Kao i kod prethodnih i ovde se preporučuje korišćenje jedne boje kao glavne dok su druge dve pomoćne i služe za naglašavanje.
Slike 4.20 Boje trostrane palete na crnoj i beloj pozadini
Slike 4.19 Tostrana paleta na točku boja
4.6. Dvostruko komplementarna
Ovu kombinaciju čine dve boje i njihovi komplementi.
Slike 4.21 Dvostruko komplementarna paleta na točku boja
Slike 4.22 Boje dvostruko komplementarne palete na crnoj i beloj pozadini
5. Boje u reklamama5. Boje u reklamama
5.1. Primeri upotrebe zelene boje
Glavna kompanija koja koristi zelenu boju je Subway.Ovde je iskorišćena psihologija zelene koja se odnosi na pojačavanje apetita.
Slika 5.1 Početna stranica www.subway.com
5.2. Primeri upotrebe plave boje
Plava se često se upotrebljava u velikim korporacijama jer je produktivna i nije previše napadna. Jedna od njih je Samsung
Slika 5.2 Početna stranica www.samsung.com/rs/home
Plava je takođe jako zastupljena i kod društvenih mreža kao
što su Facebook i Twitter zato što opušta, stvara mir i uliva
sigurnost.
Slika 5.3 Početna stranica facebook.com Slika 5.4 Početna stranica twitter.com
5.3. Primeri upotrebe crvene boje
Glavne boje restorana koji služe brzu hranu su crvena kao primarna i žuta kao sekundarna. Ove boje se koriste da podstaknu apetit.Neke od najpoznatijih kompanija su:
a) McDonald's
Slika 5.5 Početna stranica www.mcdonalds.com
Slika 5.6 Početna stranica www.mcdonalds.rs
Pored standardne crveno-žute kombinacije Mekdonalds je počeo da koristi i zelenu koja takođe podstiče apetit tako da su ovde sve tri boje upotrebljene.
b) KFC
Slika 5.7 Početna stranica www.kfc.com
Slika 5.8 Početna stranica www.kfc.rs
KFC takođe koristi crvenu kao primarnu i žutu kao sekundarnu.
5.4. Primeri upotrebe crne, bele, sive i zlatne
Kombinacije ovih boja se koriste kod luksuznih predmeta radi isticanja njihove prefinjenosti.
Svetski najpoznatije kompanije su:
a) Chanel
Slika 5.9 Početna stranica www.chanel.com
Početna stranica je jako jednostavna sa minimalno teksta i sa upotrebljene sve četri boje.
b) Prada
Slika 5.10 Početna stranica www.prada.com
5.5. Ljubičasta, roze, bela
Ovo su ženstvene boje, koriste se da bi se lakše privukla pažnja ciljanoj grupi. Boje deluju čisto i umirujuće.Glavna tema oko koje se vrti roze je borba protiv raka dojke tako da fondacije koje sakupljaju novac u ove svrhe uglavnom koriste roze. Glavni znak borbe protiv ove bolesti je roze traka.
Slika 5.11 Početna stranica www.avon.rs
Ovde je roze upotrebljena da bi se pogodila ženska ciljna grupa.Glavna upotreba roze je pogoditi žensku ciljnu grupu.
6. Uloga boje u korišćenju sajta6. Uloga boje u korišćenju sajta
Boja može da skrene pažnju i fokusira korisnika na neki bitan detalj ili na nešto što će ga najviše interesovati.
a) www.download.com
Neko na primer želi da skine AVG antivirus i nekako dođe ovog sajta. Ukoliko ga ne zanima ništa drugo o ne zanima ništa drugo o ovom proizvodu vrlo brzo će pronaći dugme za download.Pored logoa uočljiva je ikonica sa izraženim zelenim tekstom. Žuto dugme takođe privlači pažnju za one koji žele da kupe taj proizvod. Slika 6.1 Stranica za skidanje AVG antivirusa sa www.download.com
b) www.filehippo.com (Slika 6.2)
Ovde su još jasnije izražena dugmad za skidanje i kupovinu zahvaljući ostatku stranice koja je čista i uglavnom sadrži samo tekst. Interesantno je da su boje za download i buy slične kao na prethodnom sajtu.
Slika 6.2 Stranica za skidanje AVG antivirusa sa filehippo.com
c) www.avg.com (Slika 6.3)
Na samom sajtu AVG kompnije čak ni nema dugmeta za kupovinu već se potencira na to da je aplikacija potpuno besplatna. Opcije za kupovinu se nalaze tek u business opcijama.I ovde je dugme za download zelene boje.
Slika 6.3 Početna stranica www.avg.com
d) www.digimurai.com (Slika 6.4)
Jedan dobar primer sa korišćenjem samo tri boje. Pozadina je tamna dok su elementi svetle boje. Navigacija je jasno izražena sa fokusom na trenutnu poziciju na sajtu.
Slika 6.4 Početna stranica sajta www.digimurai.com
Ovo je neaktivan sajt ali mi je poslužio kao primer. Odmah se primećuje jasan kontrast između teksta i pozadine, slika stvara dubinu u prostoru iako je sajt jako jednostavan. Deo sa navigacijom je jasno istaknut. (Slika 6.5)
f) www.pixelbot.ro (Slika 6.6)
Još jedan portfolio sajt koji koristi tri boje. Ovde je kao na prethodnom napravljen crni header sa navigacijom bele boje i fokusom na trenutnu stranicu.
Slika 6.6 Početna stranica www.pixelbot.ro
Slika 6.7 Work stranica www.pixelbot.ro
6.2 Primeri lošeg dizajna
Kako boja može da se iskoristi za isticanje nekog korisniku bitnog dela sajta tako može poslužiti da prevari korisnika i preusmeri ga na neku opciju koja se naplaćuje.
a) www.4shared.com
Stranica za skidanje nekog fajla. Iako je fajl moguće besplatno skinuti dugme download se jasno ne vidi, a dugme koje vodi ka skinuti dugme download se jasno ne vidi, a dugme koje vodi ka opciji za naplatu je jasno istaknuto plavom bojom. Ovo za cilj ima da navede korisnika da pomisli da fajl nije moguće besplatno skinuti i da mora prvo da plati.Ovo možda i nije loše za profit firme koja se bavi file hostingom ali će uticati na pad broja korisnika.
Slika 6.8 Stranica za download www.4shared.com
b) www.uploadable.chJoš jedan sajt za hostovanje fajlova. Na ovom sajtu se primećuje gomila dugmića koji privlače pažnju a koji vode ka stranicama za plaćanje. Opcija za besplatno skidanje je obeležena svetlom sivom i nalazi se pri dnu stranice.
Slika 6.9 Stanica za skidanje fajla sa www.uploadable.ch
c) www.relogik.com
Ovo jeste jednostavan sajt, međutim najbitniji elementi nisu istaknuti. Boje su previše svetle, elementi se stapaju tako da je tekst gotovo nemoguće pročitati. Crveno svetlo i sam semafor odvlače previše pažnje i ne daju jasnu sliku o čemu se radi.
Slika 6.10 Početna stranica sajta www.relogik.com
7. Kulturološke razlike7. Kulturološke razlike
Ako sajt služi da privuče pažnju iz više delova sveta onda može biti jako bitno koje boje se primenjuju. Zelena je jako popularna boja i ona se u Zapadnom svetu koristi u kampanjama za ekološku svest dok recimo u Kini zeleni šešir može da znači da čoveka vara njegova žena. Zelena je i sveta boja u Islamskom svetu a ima i svoj značaj u Katolicizmu. U boja u Islamskom svetu a ima i svoj značaj u Katolicizmu. U nekim Afričkim zemljama može i da predstavlja prirodna bogatstva ovog kontinenta. Crvena u Kini asocira na sreću i slavlje, dok Ruse podseća na komunizam.
7.1. Crvena
Zemlje i regioni Efekti
Zapadne zemlje •energiju, uzbuđenje•ljubav, strast•Božićna boja u kombinaciji sa zelenom•opasnost, bes•znak stop
Istočne zemlje •prosperitetIstočne zemlje •prosperitet•dobra budućnost
Kina •sreća i slavlje•dugovečan život•prisutna u mnogim ceremonijama od venčanja do sahrana•tradicionalno se nosi za doček Kineske Nove godine da bi donela sreću i prosperitet
Rusija •asocira na komunizam i boljševike
Indija •čistoća•ljubav, lepota, plodnost•bogatstvo, moć•upotrebljava se na venčanjima•znak udate žene•znak udate žene
Japan •život•bes i opasnost
Hrišćanstvo •žrtva, strast, ljubav
7.2. Žuta
Značenja žute boje mogu veoma da se razlikuju.
U nekima budi sreću i pozitivan osećaj dok kod drugih izaziva glavobolju.
Psihologija boje će se promeniti u zavisnosti od nijanse.
Blede nijanse žute mogu stvoriti toplu i srećnu atmosferu. Previše jake nijanse mogu biti iritantne.
Zemlje i regioni Efekti i značenja
Zapadne zemlje •sreća, radost•nada•kukavičluk•opreznost, upozorenje na opasne supstanceopasne supstance
Istočne zemlje •sveto•carstvo
Kina •sveto•rojalstvo, carstvo•čast
Indija •sveta•simbol trgovaca
7.3. Zelena
Zemlje i regioni Efekti i značenja
Zapadne zemlje •sreća•proleće, obnavljanje•priroda, zaštita prirode•slobodan prolaz na semaforu•Božić u kombinaciji sa crvenom•dan Svetog Patrika
Istočne zemlje •novi život, obnavljanje, nada•plodnost
Bliski istok •boja Islama•snaga•sreća•plodnost
Kina •novi život, obnavljanje i nada•plodnost•sramota – dati čoveku zeleni šešir znači da ga žena vara
Indija •novi početak•nada•žetva•žetva•vrlina
SAD •novac•ljubomora
Zemlje i regioni Efekti i značenja
Zapadne zemlje •poverenje i autoritet•konzervativnost•korporativna•mir•depresija i tuga
7.4. Plava
Istočne zemlje •besmrtnost
Kina •besmrtnost•ženska boja
7.5. Bela
Zemlje i regioni Efekti i značenja
Zapadne zemlje •venčanja i mlade•anđeli•mir (bela golubica)•čistoća •bolnice, doktori
Istočne zemlje •smrt, sahrane, tugovanje
Kina •smrt i tugovanje•poniženje, nesreća•nevinost i čistota
7.6. Crna
Zemlje i regioni Efekti i značenja
Zapadne zemlje •moć, kontrola, zastrašivanje•sahrane, smrt, tugovanje•pobuna
Istočne zemlje •bogatstvo, zdravlje i prosperitet
Kina •boja za dečake
Slika 7.1 Boje u kulturi presek
8. Boje i banke8. Boje i banke
8.1. Rajfajzen banka – www.raiffeisen.rs
Glavne boje ove banke su žuta i crna. Žuta je dominantnija i uglavnom se koristi kao pozadina dok se crna koristi za tekst. Ono što se na sajtu primećuje je i pojava treće boje – plave.
Žuta kao primarna boja odaje pozitivnom energijom i stvara radosnu Žuta kao primarna boja odaje pozitivnom energijom i stvara radosnu atmosferu. Ovde je korišćena tamnija žuta kako bi se izbegle negativne reakcije koje može da izazove drečava nijansa.
Crna asocira na eleganciju i odiše stilom.
Plava kao treća boja pravi blagi kontrast i uliva poverenje.
Slika 9.1 Početna stranica Raiffeisen banke
Slika 9.2 Glavne boje: Žuta i crna; Pomoćna boja: Svetlo plava
Slika 9.3 Točak boja
8.2. Banka Inteza - www.bancaintesa.rs
Dominantne boje su zelena, crvena i zlatna.
Zelena u nazivu banke asocira na novac, sreću i bogatstvo.
Crvena privlači pažnju korisnika na bitne delove sajta kao što su internetbankarstvo, kotakt i vesti.bankarstvo, kotakt i vesti.
Zlatna označa bogatstvo i prosperitet.
Na sajtu se minimalno upotrebljavaju boje, glavni cilj je ne zbunitikorisnika.
Slika 9.4 Početna stranica Banca Intesa
Slika 9.5 Primarne boje: Zelena, crvena
Slika 9.6 Točak boja
8.3. Komercijalna banka - www.kombank.com
Ova banka koristi isključivo ljubičastu boju u različitim nijansama. Ona ujedno predstavlja njen zaštitni znak.
U Srbiji gotovo nijedna banka ne koristi ljubičastu boju i po tome je Komercijalna banka jedinstvena.
Ljubičasta je kombinacija stabilnosti plave i energije crvene. Ljubičasta se Ljubičasta je kombinacija stabilnosti plave i energije crvene. Ljubičasta se smatra kraljevskom bojom i simbolizuje moć, luksuz kao i misteriju i magiju.
Bela slova na ljubičastoj pozadini prave jasan kontrast.
Slika 9.7 Komercijalna banka
Slika 9.7 Primarna ljubičasta u različitim nijansama
Slika 9.7 Točak boja
9. Zaključak
Cilj ovog rada bio je prikaz efekata različitih boja i njhovih uticaja naweb-u. U radu je prikazana osnovna struktura boje, načinformatiranja, i generisanja boja na web-u. Date su opštekarakteristike pojedinih boja i njihovi efekti na korisnika sajtova.Posebna pažnja posvećena je analizi postojećih sajtova i njihovekategorizacije u odnosu na opšte poznatu teoriju kao i efekat koji jekategorizacije u odnosu na opšte poznatu teoriju kao i efekat koji jeizazvan kod autora sajta.Na kraju rada prikazan je i specifičan efekat koji boje imaju urazličitim kulturološkim sverama što potvrđuje da je izbor boja vrlosuptilan i specifičan i da se pored utiska koji generalno ostavlja moravoditi računa o specifičnim potrebama i lokalizaciji samog sajta.
Recommended