Kako dizajnirati sajt?

To je najveće pitanje. Ja vam ne mogu točno odgovoriti, mogu vam samo reći što ima dobar sajt:

1. Inovativnost i interaktivnost s korisnikom

2. Pruža tražene informacije ili zadovoljava neku potrebu (potrebu za informacijama ili neku od socijalnih potreba – druženje, dopisivanje, uspoređivanje s drugima)

3. Vizualno je kompletan –  svi njegovi dijelovi čine skladnu cijelinu s ciljem da bude pregledna i naglašava bitno.

Postoje nepisani standardi o tome kako bi trebao izgledati jedan web site. Standard je više rezultat najčešće prakse nego nekog dogovora. Zamislite sebe u ulozi surfera. Gdje očekujete navigacijski izbornik, gdje sadržaj? Logično je.
No problem je kod određivanja dužine izbornika, sadržaja i svega. Postoji nešto što se vrlo često koristi u arhitekturi i umjetnosti, a matematički gledano je forma savršenstva. To se zove zlatni omjer i kako formula kaže, ako imam dvije dužine a i b one su u zlatnom omjeru ako vrijedi da je a: b = (a + b) : a. Kad se ta jednadžba riješi dobije se da je zlatni omjer otprilike 1 : 1,61. On je dosta čest, npr dužina veće dijagonale u pentagramu je točno toliko duža od dužine stranice. Korišten je kod izgradnje srednjevjekovnih crkva i katedrala pa se može naći i kod npr. katedrale Notre Dame. U prirodi se pojavljuje kod npr suncokreta – promjer suncokreta od vrha latice do vrha latice je točno toliko puta veći od promjera sjemenki.

Ako se držimo toga možemo napraviti vizualno atraktivniju stranicu. Da bi to ostvarili uzmite prazni list papira. Podijelite ga okomito i vodoravno na tri jednaka dijela, na tri trećine. Zatim prvu vertikalnu i horizontalnu trećinu podijelite po pola. Sad u to kombinirajte stranicu. Par primjera je dano dolje:


Slika 1. Primjer podjele


Slika 2. Pojednostavljeni prikaz kako bi to moglo izgledati

Slika 3. Primjer iz prakse

Sada kad sam dao ideju kako jedna stranica izgleda prema nekom standardiziranom modelu važno je samo da budete kreativni i ispunite ta polja kako sami znate i smatrate da je najbolje.

Idući korak je izbor boja – podloge, teksta, navigavijskih izbornika, pozadina i slično. Odabir boja nije mala stvar. Bitno je voditi računa o estetici, identitetu i vizualnoj privlačnosti. Postoje određena pravila vezana uz određene boje – kako ljudi percipiraju određene boje (to se zove psihologija boja):

1. Crvena se asocira često uz adrenalin, ali i strast. Nešto impulzivno, naglo i uzbudljivo. Tamno crvena boja (burgundasta) bila bi super ako dizajnirate stranicu na kojoj se prezentira vinarija, enolozi, vina. Crvenkasto-smeđa je vezana uz žetvu i jesen.

2. Naračnasta je manje uzbuljiva od crvene i promovira sreću, entuzijazam i kreativnost. Narančasta se smatra više osobnom, a manje poslovnom i profesionalnom bojom. Valjda je zato sve više u uporabi u raznim reklamama i imidžima tvrtki. Dobra je ako se promovira hrana i kuhanje jer se asocira s jelom.

3. Žuta je jako uočljiva boja i zato se koristi za razne znakove, poput znakova sigurnosti u skladištima, tvornicama i slično. S njom se postiže uočljivost, naglašavanje i postoji teorija da ljudi okruženi žutom bojom su aktivniji.

4. Zelena se povezuje s prirodom. Zeleni spektar sunčevog zračenja je najjači i zato je lišće zeleno kako bi se apsorbirala maksimalna količina zračenja. Simbolizira svježinu, razvoj, rast i nadu. Puno je manjeg intenziteta nego žuta, narančasta i crvena. Kad se se koristi svjetlo zelena na crnoj podlozi dobije se “tehnički” dizajn – sjetite se starih kompjutera ili filma Matrix.

5. Plava boja simbolizira otvorenost, inteligenciju i povjerenje. S psihološkog gledišta ustanovljeno je da plava boja smiruje ljude i navodno može smanjiti apetit. Valjda zato što je malo hrane plavo. Nije boja koju ćete koristiti za dizajniranje stranice nekog restorana, ali zato se može koristiti kod izrade stranica aviokompanija, servisa klima uređaja, čistača bazena, tvrtki koje organiziraju krstarenja i odmore na moru itd. Podsvjesno ju povezujemo s nebom i morem te pruža osjećaj stabilnosti (dok se ne pojavi plavi ekran).

6. Ljubičasta boja se povijesno povezuje s kraljevstvom i plemstvom te moći. Povezuje se s cvijećem, ali i dragim kamenjem. Prema nekoj statistici ljubičasta je najmanje korištena boja u web dizajnu. Ako hoćete da vam stranica iskače iz mnoštva razmislite o ljubičastoj boji.

7. Bijela boja simbolizira čistoću, svjetlost, savršenstvo. Pa baš zato svaka reklama za deterdžent je puna bijele boje!

8. Crna boja je vrlo individualna. Netko će na spomen crne boje odmah pomisliti na smrt, a netko drugi na Batmana. Obično su underground i slične stranice baš crne pozadine.

Dakako da ne možete cijelu stranicu napraviti u samo jednoj nijansi boje. Da bi našli sukladne boje možete koristiti hrpu besplatnih alata koji će vam reći koje su boje sukladne, odnosno koje si pašu bilo da su istih nijansi ili da su kontrastne (npr crvena i plava).

Neke od tih stranica su i colorschemedesigner.com, colorsontheweb – color wizard.

Ako ne znate kako se označavaju boje onda pročitajte ovo.

Svaka boja se označava pomoću dekadskog ili heksadecimalnog koda. U biti svaka boja se sastoji od određene nijanse crvene, zelene i plave boje. Oznaka boje kaže koliko u njoj ima crvene, zelene i plave boje. Npr oznaka boje #101010 označava heksadekadski da ta boja ima 10 vrijednost crvene, i isto toliko zelene i plave. Koliko je to u dekadskim možete preračunati u recimo windows kalkulatoru: morate na Prikaz (VIEW) prebaciti na PROGRAMERSKI (Programmer), a ako imate windows XP to je onda ZNANSTVENI (Scientific). Provjerite da vam je označen heksadekadski sustav (točkica kraj HEX), pa unesite broj. Kad ste unijeli samo točkicu prebacite u DEC. Kod unošenja broja morate paziti – unosite dva po dva broja. Znači u ovom slučaju ćete unijeti 10, pa onda opet 10 i opet 10. 10 hexadecimalno je 16 dekadski. Jednostavno?

Ovo pišem jer ćete negdje morati unijeti vrijednosti u decimalnom zapisu, a negdje u dekadskom. Vrlo je korisno znati kako se to prebacuje.

Komentiraj!

Leave a Reply