slika 1.0 top 100 sajtova i njihove primarne boje · Čista crvena je najtoplija primarna boja i...

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.


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.


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


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


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


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


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


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


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


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


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


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


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


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


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

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

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

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.

slika 1.0 top 100 sajtova i njihove primarne boje · Čista crvena je najtoplija primarna boja i...

Documents