OSNOVE DOBROG WEB DIZAJNANIKOLA KOSTIĆ 41/11R

MARKO STANOJEVIĆ 18/11R

SADRŽAJ

• Uvod

• Navođenje

• Razmak

• Navigacija

• Implementacija dizajna

• Tipografija

• Odnos među elementima sajta

• Preciznost i jasnoća

• Konzistentnost

UVOD

Kako se menjaju tehnologije, menja se i praksa, što znači da treba neprekidno pratiti novosti i praktično svakodnevno učiti nešto novo. Ipak, na Internetu postoji mnogo korisnih saveta, ali i onih koji to baš i nisu, i na osnovu njih je napravljena i ova lista osnovnih principa koje bi svaki web dizajner trebao da uzme u obzir prilikom izrade web sajtova.

NAVOĐENJE

Ono što želite postići kad osoba dođe na sajt, je da sledi neku logiku gledanja i čitanja sadržaja na način koji ste vi zamislili. Recimo, ako se radi o stranici neke firme, prva stvar koja se uočava bi trebao biti logo, i zato on mora biti dovoljno velik i smešten na najuočljivijem mestu (npr. u gornjem levom uglu, jer tamo ljudi najčešće prvo pogledaju). Dizajner određuje koliko koji element sajta ima težinu, i na taj način navodi posetioca da na određeni način prolazi kroz stranice. Određene elemente sajta je moguće istaknuti kombinovanjem tehnika kao što su npr. pozicija na strani, boja ili veličina.

RAZMAK

Početnička greška kod mnogih web dizajnera je stav da svaku moguću prazninu treba popuniti nekim elementom, te da je prazan prostor gubitak vremena. To naravno nije tako, budući da bez razmaka između pojednih elemenata sajta nema ni preglednosti. Treba misliti na tri stvari: razmak između redova (što direktno utiče na čitljivost sadržaja), razmak između slika i teksta (pravilo je da bi uvek trebao postojati određeni razmak između slike i teksta) i prazan prostor na strani, tzv. white space.

NAVIGACIJA

Nikome nije uživanje da pretražuje loše organizovan sajt, gde se nakon par klikova pogubi i nema pojma ni gde je, ni kako se vratiti na deo gde je već bio. Dva su osnovna pravila na koje treba misliti: dugmad za navigaciju treba u svakom trenutku da budu na vidljivom mestu (na vrhu stranice) i da jasno i precizno opisuju gde ona vode. Drugo, posetioc u svakom trenutku mora da zna na kojem se delu sajta nalazi, što se postiže menijima, dugmadima ili mapom sajta.

IMPLEMENTACIJA DIZAJNA

CSS je poprilično olakšao izradu web sajtova, ali i dalje se prilikom rada u Photoshopu mora razmišljati o samoj implementaciji dizajna, odnosno o samoj izradi sajta. Web dizajner bi treba misliti na sledeće: može li se to stvarno napraviti kako je zamišljeno (egzotični font nije standardni HTML font i zato se ne može koristiti; dizajn izgleda odlično, ali je širina 1500 px i većina će posetilaca će videti samo deo, odnosno moraće da se služi horizontalnim skrolanjem, a to nitko ne voli), koja je veličina stranice, odnosno šta se događa kod pregleda stranice u browseru, te da li bi neke manje izmene u dizajnu izuzetno olakšale izradu sajta.

TIPOGRAFIJA

Nema sajta bez određene količine teksta, pa je odabir fonta bitna stavka web dizajna. Tu treba razmisliti o vrsti fonta (mora da odgovara sadržaju, dakle moderan ili retro font itd, a u svakom slučaju – mora da bude čitljiv i mora da se uklapa u ostatak sajta, i ne treba preterivati u vrstama fonta na sajtu, sve preko tri je preterivanje i uglavnom neukus), veličini fonta (dovoljno veliki font da bude lako za čitanje, a naslovi i podnaslovi treba izdvajati od ostatka teksta), razmaku između redova i dužina redova (ukoliko je predug, teško je čitati), boji fonta te organizaciji teksta u odlomke (duži tekst se obavezno razbija u odlomke među kojima je razmak, inače nema šanse da će posetilac čitati tekst).

ODNOS MEĐU ELEMENTIMA SAJTA

Sajt se sastoji od više delova (zaglavlje, sekcije, ilustracije..) i svaki treba da je samostalan, ali svi treba da su međusobno dobro organizovani i u pravilnim odnosima. Znači, reda mora biti, i elementi treba da su raspoređeni na sajtu po nekom pravilu. Na taj način olakšavate posetiocima snalažanje, a sve i izgleda puno bolje.

PRECIZNOST I JASNOĆA

Najjednostavnije, sve mora biti precizno u piksel. Proverite rubove, jesu li jednaki, postoji li jasan kontrast među delovima sajta, te jesu li granice jasno definisane.

KONZISTENTNOST

Ovo znači da sve mora da se uklapa jedno s drugim i tako čini vizuelno dopadljivu celinu. Znači, veličina naslova i podnaslova, odabir fonta, boje, stil dugmadi, razmak, izbor slika, sve što smo spominjali, sve to treba da je stilski ujednačeno, i to kako na jednoj strani, tako i na svim ostalim međusobno. Jedino na taj način dizajn izgleda profesionalno i kvalitetno. Ovo je najlakše postići tako da se u samom startu odrede osnovne postavke stila, odnosno odabere osnovni koncept, i onda se on primjenjuje prilikom kompletne izrade sajta. Naravno, ovo ne znači da se određene ideje neće menjati prilikom izrade sajta, ali osnovne ideje moraju biti jasno definisane i ne smeju se prečesto menjati. Obavezno sa klijentom precizirajte je li upravo to ono što on želi, kako na kraju ne bi radili sve iz početka.