|
 Treća
lekcija - Dizajn page layout-a
kako razmestiti elemente na stranici?
Hoćete da napravite web stranicu, ali niste sigurni na koji način
treba razvrstati elemente na stranici? Ovde ćemo pokušati da na
što jednostavniji način prikažemo kako bi trebalo da razmišljate
kada projektujete izgled stranice vašeg sajta. Kada krećete u dizajn
celokupnog izgleda vaše stranice prvo o čemu treba da razmišljate
jeste ciljna grupa korisnika vaše web prezentacije. U zavisnosti
od ciljne grupe struktura sajta i broj elemenata koji treba da se
nalaze na vašoj stranici će se menjati.
Prvo
i osnovno
Kada krećete u dizajn celokupnog izgleda stranice ideju
koju ste smislili najpre probajte da skicirate na parčetu papira.
Na taj način pokušajte da pronađete optimalan raspored elemenata
(logotip, naslov, navigacija, zaglavlje, sadržaj stranice...). Web
sajt najpre mora biti funkcionalan, tj. struktura stranice mora
biti prilagođena korisniku. Glavno i osnovno, što se mora naći na
stranici logo sajta (zaštitni znak) i sistem navigacije, dok je
sve ostalo stvar vašeg izbora. Možda ćete želeti da na svoju stranicu
postavite reklamne banere, ili da odvojite jedan deo za emitovanje
kratkih vesti? Kada odredite koje elemente želite da postavite na
svoju stranicu, počnite da ih raspoređujete. Stranica mora izgledati
kao jedna celina, tj. mora sadržati zaglavlje, telo i podnožje (slično
kao uvod, razrada i zaključak).
U zavisnosti od toga da li se sadržaj vašeg sajta nalazi u levom
ili desnom bloku, vaš logotip bi trebalo da prati liniju tog dizajna.
Uobičajeno je da se logo sajta ili firme postavi u gornji deo stranice,
mada se na Internetu mogu sresti sajtovi koji svoj logo drže na
drugim mestina (npr. na sredini).
Šta
da radim sa navigacijom?
Navigacija je najvažniji deo internet prezentacije. Ukoliko
ona nije dobro odrađena, sajt vam ne vredi ništa, ali o tome ćemo
diskutovati neki drugi put. Pretpostavićemo da imate dobro organizovanu
navigaciju kroz prezentaciju. Optimalno je, a to se smatra i nekakvim
standardom, da se navigacija više puta ponovi na jednoj stranici.
Rešenje koje se najčešće primenjuje jeste postavljanje navigacije
dva ili tri puta na strani, ali u različitim oblicima (potpuna -
detaljna, kategorije, važne stavke, ...)
Konačno
- gde šta staviti?
U sledećih par blok šema možete videti šablone u rasporedu
elemenata koji se mogu pronaći na Internetu. U daljem izlaganju,
što je sažetije moguće, objasnićemo vam svaku od navedenih blok
šema. Ove šeme predstavljaju samo neke od mogućih varijacija elemenata.
  Na
prvi po redu, raspored elemenata, ćete najčešće naizlaziti (prikazana
levo). Jasno označeni delovi strukture layout-a raspoređeni su tako
da čine jednu skladnu celinu. Zaglavlje stranice se nalazi na vrhu
i sadrži informacije vezane za konkretnu stranicu ili ceo sajt (logotip,
naslov, ...). Navigacija je postavljena u levi blok stranice, zbog
čega je lako pristupačna korisniku prilikom svog boravka na stranici.
Telo poruke sa svojim sadržajem čini centralni i glavni deo stranice.
U ovoj blok šemi u telo poruke ubačen je još jedan neoznačeni blok.
To je mesto na kome se mogu naći potencijalne vesti, baneri, linkovi,
formulari ili neki drugi sadržaji koji će posebno obogatiti sadržaj
stranice. I na kraju podnožje stranice u sebi nosi prevashodno tehničke
informacije vezane za stranicu, uz eventualno još jednu navigaciju.
 Na
drugoj skici (prikazana desno) možete videti strukturu sličnu
prvoj. Elementi ove strukture imaju isti sadržaj kao i prethodna,
samo što je sve u ovom slučaju postavljeno uz desni blok. Jedino
što se dodatni blok u telu stranice može kretati po vertikali u
zavisnosti od potrebe.
 Treća
skica (prikazana levo) je malo nestandardnog oblika. Zaglavlje
kao i u oba prethodna slučaja sadrži informacije vezane za stranicu.
Ono što je ovde drugačije jeste mesto navigacije - centar. Telo
poruke podeljeno je u dva potpuno ravnopravna segmenta. Ovakva struktura
stranice se koristi u retkim slučajevima. I u ovom, kao i u prethodnim
slučajevima podnožje je isto.
 I
na kraju četvrta blok šema (skica, prikazana desno) predstavlja
takođe često korištenu strukturu rasporeda elemenata. Ovog puta
navigacija se sadržana u zaglavlju stranice. Na ovoj blok šemi prikazani
su odvojeno, čisto zbog razumevanja! Na ovaj način telo stranice
daje stranici posebnu preglednost. I opet, sadržaj zaglavlja je
isti kao i u svim navedenim slučajevima. Ovakva struktura se, zbot
svoje preglednosti, najčešće može sresti kod prezentacija medijskih
kuća koje emituju novosti putem Interneta.
Na sledećih nekoliko prezentacija možete videti neke od opisanih
struktura:
1. www.yahoo.com
(skica 4)
2. www.praktikum.co.yu
(skica 1 i 4)
3. www.kikinda.org
(skica 1)
4. www.impact.co.yu
(skica 1)
5. www.drenik.net
(skica 4)
6. www.microsoft.co.yu
(skica 1)
7. www.bbc.co.uk
(skica 1)
8. www.washingtonpost.com
(skica 4)
9. www.astrologija.com/mirjana.htm
(skica 3)
I
šta da se kaže na kraju?
Ovo bi trebalo da bude zaključak jednog predavanja, ali
dizajniranje izgleda stranice je problem sam za sebe. Ono što stranica
mora definitino imati jeste logo, navigacija i sadržaj, raspoređene
na način definisan dizajnom strane. Trudite se da budete originalni!
Originalnost je polovina uspeha. Ukoliko imate originalno daizajniranu
prezentaciju korisnik će se zadržati duže nego na nekom sajtu čiji
je oblik i strukturu već negde video. Zato, papir i olovku u ruke
i bacite se na skiciranje!
O
autoru
Vladimir Golušin
je član grupe Impact
web design i prvi outside DNK profesor. Njegovi radovi su rezultat
koncepta jednostavnosti, jasne, čiste i precizne navigacije - ukratko
oni sami govore za sebe.
 nazad
na školu dizajna
|
copyright
© designersnetwork™ - DNK
