Iako se nekima na prvi pogled može učiniti da je web dizajn ništa drugo nego igranje i slaganje različitih elemenata i boja, realnost je da treba misliti na popriličan broj stvari kako bi u konačnici rezultat bio dizajn koji je i funkcionalan i vizualno privlačan. Sve je dodatno otežano činjenicom da je većina web dizajnera samouka, budući da još ne postoje studiji na kojima se pravila dizajna uče (u Hrvatskoj se sve svodi na tečajeve prilično upitne kvalitete). Osim toga, kako se mijenjaju tehnologije, mijenja se i praksa, što znači da treba neprekidno pratiti novosti i praktički svakodnevno učiti nešto novo. Ipak, na Internetu se može naći zaista hrpa korisnih savjeta, i na temelju njih je složena i ova lista 8 temeljnih principa koje bi svaki web dizajner trebao uzeti u obzir prilikom izrade web stranica.
1) Navođenje
Ono što želite postići kad osoba dođe na sajt, je da slijedi neku logiku gledanja i čitanja sadržaja na način koji ste vi zamislili. Recimo, ako se radi o stranici neke tvrtke, prva stvar koju posjetitelj uočava trebao bi biti logo, i stoga on mora biti dovoljno velik i smješten na najuočljivijem mjestu (npr. u gornjem lijevom kutu, jer tamo ljudi najčešće prvo pogledaju). Dizajner određuje koliko koji element sajta ima težinu, i na taj način navodi posjetitelja da na određeni način surfa po stranicama. Određene elemente sajta možemo istaknuti kombiniranjem tehnika kao što su npr. pozicija na stranici, boja ili veličina.
2) Razmak
Početnička greška kod mnogih web dizajnera zna biti 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 izravno utječe na čitljivost sadržaja), razmak između slika i teksta (pravilo je da bi uvijek trebao postojati određeni razmak između slike i teksta), te prazan prostor na stranici, tzv. white space.
3) Navigacija
Nikome nije užitak surfati po loše organiziranoj stranici, gdje se nakon par klikova pogubite i nemate pojma ni gdje ste ni kako se vratiti na dio gdje ste bili. Dva su temeljna pravila na koje treba misliti: buttoni za navigaciju trebaju u svakom trenutku biti na vidljivom mjestu (na vrhu stranice) i trebaju biti jasno i precizno opisani, odnosno svakom posjetitelju iste seknude mora biti jasno gdje ga koji button vodi. Drugo, posjetitelj u svakom trenutku mora znati na kojem se dijelu sajta nalazi, što se postiže menuima, buttonima i/ili mapom sajta.
4) Implementacija dizajna
CSS je poprilično olakšao izradu web stranica, ali i dalje se prilikom rada u Photoshopu mora razmišljati o samoj implementaciji dizajna, odnosno o samoj izradi sajta. Web dizajner bi trebao misliti na sljedeće: može li se to uistinu napraviti kako je zamišljeno (našli ste neki egzotični font kojim ste oduševljeni, ali to nažalost nije standardni HTML font; napravili ste dizajn koji izgleda odlično, ali je širina 1500 px i većina će posjetitelja vidjeti samo dio, odnosno morati će se služiti horizontalnim scrollanjem, a to nitko ne voli itd.), koja je veličina stranice, odnosno što se događa kod pregleda stranice u browseru (resize-anje), te bi li neke manje izmjene u dizajnu izuzetno olakšale izradu sajta.
5) Tipografija
Nema stranice bez određene količine teksta, pa je odabir fonta bitna stavka web dizajna. Tu treba razmisliti o vrsti fonta (mora odgovarati sadržaju, dakle moderan ili retro font itd, a u svakom slučaju – mora biti čitljiv i mora se uklapati u ostatak stranice, i ne treba se pretjerivati u vrstama fonta na stranici, sve preko tri je pretjerivanje i uglavnom neukus), veličini fonta (dovoljno veliki font da bude ugodno za čitanje, a naslovi i podnaslovi se trebaju izdvajati od ostatka teksta), razmaku između redova i dužini retka (ukoliko je predug, teško je čitati), boji fonta te organizaciji teksta u odlomke (duži tekst se obavezno mora razbijati u odlomke među kojima je razmak, inače nema šanse da će posjetitelj čitati tekst).
6) Odnos među elementima stranice
Stranica se sastoji od više dijelova (zaglavlje, odlomci, ilustracije..) i svaki bi trebao biti koncepcijski samostalan, ali svi trebaju međusobno biti dobro organizirani i u pravilnim odnosima. Znači, reda mora biti, i elementi trebaju biti raspoređeni po stranici po nekom pravilu. Na taj način olakšavate posjetiteljima snalažanje, a sve i izgleda puno bolje.
7) Preciznost i jasnoća
Najjednostavnije, sve mora biti precizno u piksel. Provjerite rubove, jesu li ujednačeni, postoji li jasan kontrast među dijelovima stranice, te jesu li granice jasno definirane.
8) Konzistentnost
Ovo znači da se sve mora uklapati jedno s drugim i tvoriti vizualno dopadljivu cjelinu. Znači, veličina naslova i podnaslova, odabir fonta, boje, stil buttona, razmak, izbor slika, sve što smo spominjali, sve to treba biti stilski ujednačeno, i to na pojedinoj stranici te među svim stranicama sajta. 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 se osnovni koncept, i onda ga se primjenjuje prilikom kompletne izrade sajta. Naravno, ovo ne znači da se određene ideje neće mijenati prilikom izrade sajta, ali temeljne ideje moraju biti jasno definirane i ne smije ih se mijenjati iz dana u dan. Također, obavezno s klijentom precizirajte je li upravo to ono što on želi, kako ne bi na kraju morali sve raditi iz početka.
25. rujan, 2010. - 9:18 prijepodne
Dobri savjeti!
Hvala!