Izgled Web sajta

Izgled web sajta

U jednom od prethodnih tekstova smo se bavili temom koja govori šta sve jedan web sajt mora da poseduje.

U ovom tekstu ćemo se baviti temom Izgled web sajta tj kako jedan web sajt i web stranica treba da izgledaju ne bi li bili prihvaćeni.

Glavni delovi:

Svaki web sajt treba da poseduje tri glavna dela: Header, glavni deo i Footer.

Vi sami možete da birate kako će svaka od ovih celina biti podeljena, njihov odnos i njihov položaj.

Glavni deo web sajta može biti podeljen u više kolona.

     1.  Header (zaglavlje) je neizostavan deo skoro svih web sajtova i njegovi elementi se mogu videti na svim stranicama. U njega se najčešće postavljaju Logotip firme, ime firme. Takođe, u header se mogu postaviti elementi koji su potrebni na svakoj stranici poput navigacije, search bar-a ili forme za logovanje. Ovde takođe možete postaviti sve što smatrate bitnim da bi se videlo na svakoj stranici kada posetilac uđe na Vaš sajt. 

izgled web sajta primer

     2.  U glavnom delu web sajta (središnji deo svake stranice) možete pisati sadržaj za tu stranicu, postavljati slike i slično. Ovaj deo možete podeliti na kolone.

 

body izgled web sajta

     3.  Footer (podnožje sajta) se takođe može videti na većini web sajtova i takođe njegov sadržaj se ponavlja na svakoj stranici. U footer-u se mogu videti kontakt podaci, adresa gde je firma smeštena, e-mail adresa, podaci o dizajnu web sajta, podaci o autorskim pravima i slično. Takođe, ovde se mogu smestiti i neke stavke iz Menu dela.

header web sajta

 

Prostor oko web sajta se može takođe smatrati zasebnom celinom!

Izgled stranice na web sajtu:

Sigurni smo da želite jedinstven izgled vašeg web sajta ali postoje neke stvari koje ne treba menjati ili eksperimentisati sa njima.

Prva stavka je svakako logotip. Logotip je jedna od prvih stvari koji ljudi pamte kod svake kompanije, nešto po čemu je prvo prepoznaju. Ljudi su navikli da prvo vide logotip na sajtu, kada uđu na njega. Prema tome, prvo mesto na kome će ga očekivati je gornji levi ugao header-a ili sredina header-a. Ovo se povezuje sa time što smo navikli na čitanje s leva na desno.

Sledeća stavka je svakako navigacija. Stavite li navigaciju u desni ugao stranice ili na bilo koje nasumično mesto na stranici dovešće do toga da posetioci ne mogu odmah da nađu informacije zbog kojih su pristupili Vašem sajtu i da će najverovatnije da izađu sa Vašeg sajta jer ih je sama struktura sajta zbunila. Zbog toga se, po difoltu, navigacija nalazi sa leve strane stranice ili je postavljena vodoravno u samom header-u. Posetioci su navikli na ovo i neće biti zbunjeni već će odmah tražiti informacije zbog kojih su došli na sajt.

Ukoliko imate mnogo stavki za navigaciju (preporučljivo je oko 8 stavki), grupišite one slične po tematici i stavite ih u podmeni navigacije. Time ćete izbeći preteranu gužvu u navigaciji i učiniti Vaš sajt preglednijim.

Search bar (polje za pretragu na sajtu) se najčešće nalazi na sredini header-a ili u gornjem desnom uglu.

cena izrade stranice

Sa glavnim delom sajta imate više slobode. Ono što bismo napomenuli jeste da održavate preglednost ovog dela. Tu se takođe podrazumeva listanje stranice na dole. Potrudite se da ne mora da se lista na dole u nedogled da bi se izbeglo zbunjivanje posetilaca ili da bi oni uopšte zaboravili razlog posete sajtu jer su se izgubili u mnogo teksta ili slika. Takođe širinu web sajta treba prilagoditi monitoru sa kojeg je posetilac ušao na sajt. To znači da se treba izbegavati horizontalni scroll. Ovo se postiže time što za svaki monitor prilagođavamo širinu sajta a ne da pravimo jednu veličinu sajta poput 1024px i da onda posetioci budu prinuđeni da scroll-uju levo ili desno.

O tome da li treba raditi sajtove fiksne širine ili elastične širine, vladaju podeljena mišljenja. Ukoliko se radi sajt fiksne širine, on ne menja izgled na bilo kojoj veličini monitora i telefona. Kada se radi o sajtovima elastične širine, ti sajtovi menjaju svoj izgled u zavisnosti od rezolucije. Na Vama je da odlučite šta tačno želite.

Za prostor oko web sajta definiše se samo pozadina. Ona može biti u nekoj boji ali takođe može biti jedna ili više slika koje se smenjuju. Ono što bismo napomenuli jeste da izbegavate jednu veliku sliku koju ćete staviti za pozadinu tog prostora. Velika slika će učiniti da se web sajt sporije učitava i zbog toga treba da to izbegavate.

Na šta trebamo obratiti pažnju

Prva stvar na koju treba da obratite pažnju jeste boja. Kontrasti su svakako najbolji a definitivno najbolji kontrast je crna i bela. Na beloj pozadini se najbolje vide crna slova i obrnuto. Ovo nije striktno pravilo i možete eksperimentisati mnogo, jedina stvar na koju treba da pazite jeste da su slova čitljiva na pozadini.

Druga stvar na koju treba da obratite pažnju jesu fontovi. U zavisnosti od delatnosti kojom se Vaša kompanija bavi, prilagodićete fontove slova. Ovde napominjemo da je kombinacija više različitih fontova loš potez. Izaberite one fontove koji poseduju regular, bold i italic formu. Time ćete moći da naglasite, izdvojite i pišete bez razmišljanja kombinovanju.

Nadamo se da će Vam ovi kratki saveti pomoći da imate jasniju viziju o tome kako biste želeli da Vaš web sajt izgleda.