Free Web space and hosting from dzaba.com
Search the Web

SveZaWeb : Web Dizajn : Osnove Web Dizajna [ Tema : Tehnologija : Izgled : Sablon : Uvodna strana : Citljivost ]
SveZaWeb SveZaWeb SveZaWeb SveZaWeb SveZaWeb
SveZaWeb SveZaWeb SveZaWeb Web Design + Development Tutorials and Articles SveZaWeb EMail | Pretraga | Rečnik    
SveZaWeb
SveZaWeb SveZaWeb Razvoj SveZaWeb SveZaWeb Dizajn SveZaWeb SveZaWeb Kreiranje SveZaWeb SveZaWeb Panorama SveZaWeb SveZaWeb Usluge SveZaWeb Poslednja izmena: 10.03.2003. g.
SveZaWeb  Osnove Dizajna | ProjektovanjeSadržaj | Upotreba slika | Boje | Redizajn
Web Design + Development Tutorials and Articles SveZaWeb Početna strana : Dizajn
Osnove Web dizajna
   
SveZaWeb SveZaWeb SveZaWeb SveZaWeb SveZaWeb

Sadržaj

 

Želite da pravite sajt, dobro. Većina ljudi potajno priželjkuje da prave sajt jer žele da budu dizajneri. Jednostavnost kreiranja Web prezentacija možda Vas navodi da budete kreativni i zabavni. Mada, iza sve te jednostavnosti krije se ogromna nauka. Ne pokušavam da Vas preplašim ali izbor fontova i slika se ne svodi na primenu Vaših okorelih ljubimaca.  

Tema Web prezentacije

Koja je svrha Vašeg sajta? Da li želite da Vam na vizit karti piše kako posedujete lični Web stranu ? Da li promovišete svoj lični doprinos očuvanju životne okoline? Koji su Vaši ciljevi? Da li su drugima interesanti prizori Vašeg doprinosa očuvanju životne okoline? Odgovori na ova pitanja omogući će Vam da se fokusirate na vašu prezentaciju. 

Ko ste Vi uopšte i ko je Vaša publika? Na osnovu pažljivog posmatranja potreba Vaših budućih posetioca i umornog istraživanja Interenta u portazi za cool stvarima možete pronaći sličnosti. Ne bi trebalo korstiti čisto kopiranje, povucite paralele, ne činite iste greške, pobedite ih. 

Tehnologija izrade

U zavisnosti od načina izrade Web strana u velikoj meri zavisi njen izgled kod Vaših posetioca. Da li ste obratili na veličinu Vaših Web strana, sve mora biti prosto i jednostavno, pouzdano i brzo. U kojim Web čitačima se vrši pregled prezentacija da li koristite neke od dodataka (plug-in-ova). Budite pažljivi pri izboru boja posedujete svega 216, ali to ne znači da ih treba koristi sve, dovoljno je tri do četri za početak. Veoba bitna stvar koja razlikuje Web od ostalih medija je interakcija, zato se postarajte da komunicirate sa Vašim poseticima. 

Izgled Web prezentacije

Prva stvar koja se primećuje na Webu je izgled sajta, zato je dizajn veoma bitan jer komunicira sa posetiocem i predstavlja prvu impresiju. 

Da li je sajt lični ili vezan za organizaciju? Moderan ili tradicionalan? Ozbiljan ili prijateljski? Topa ili hladan? Dizajn sajta treba da reflektuje Vaš identite. Pošto pomoću Web-a možete krstariti svetom, zasigurno želite da Vaši posetioci znaju gde se nalaze.

Definisati boje, koje kreiraju raspoloženje definišu početak vašeg identiteta na Web-u. Ukoliko se obraćate bankarima slike mermera u raznim formama i zelena boja je nešto što oni bez obzira na svakodnvnicu žele da vide, jer reflektuju moć i veličinu. Postarajte se da boje podrže i ispričaju vašu priču.

Šabloni za Web

Šablona (template) predstavlja skup elemenata, koji se pojavljuju na svakoj strani, definiše fontove, veličinu i boju teksta, poravnjanja, proredi i druge bitne elemete. Koristi zasbno definisane šeme stilova. Ona obezbeđuje konzistetnost u stilu izgleda strane. Najbitniji elementi za šablon predstavljaju:  navigacija, dizajn i struktura strane.

Navigacija je najvažnija i potrebno je da bude svima razumljiva i što jednostavnija. Preporuka je da se obično i na kraju strane ubaci i tekstualna navigacija. Linkovi treba da se otvaraju u istom prozoru sem kod strana koje sadrže liste link-ova. Hiperlinkove pišite jasno i jednoznačno. Ispitajte moguća kretanja posetilaca kroz sajt, i proverite sve unutrašnje i spoljašnje linkove. Neispravni linkovi, nedostajuće strane i pogrešno povezane strane rasteraće posetioce sajta. Na svim stranicam sajta potrebno je da postoji vidljiv link ka uvodnoj strani sajta.

Dizajn šablona treba da privuče pažnju posetilaca. Boju pozadine, slike i tekst treba usaglasiti tako da sve deluje skladno i da tekst bude čitljiv. Koristite tople pastelne boje koje privlače postioce. Nezaboravite na logo, jer na taj način stvarate identitet sajta. Pazite da slike ne zauzmu previše mesta kako nebi imali prostora za sadržaj. Unkomponovati raspored elemenata sa slikama i tekstom. Razne slike za ilustraciju izgleda vaše strane kao što su pozadine, linije, tačke i drugo, moћete naći na Internetu, ali pazite da ne koristite puno slika jer u znatnoj meri utiču na brzinu učitavanja vaše strane. Smanjite grafiku i multimediju na nužan minimum.

Struktura šablona sadrži različite elemente: Naslov, uvodni pasus, jedan ili više pasusa razrade sa podnaslovima, više vezanih pasus za poziv na gledanje sledeća strane. Naslovi se najpre uočavaju pa ih istaknite podebljanim slovima, bojom i veličinom. 

Da bi što bolje osmislili šablon slobodo pogledajte i analizirajte kako su to drugi uradili, kako bi dobili što više i što bolje ideje.

Pravila vezana za kreiranje jedne strane:

  • Danas prema statistici najviše preovladavaju monitori sa rezolucijom 800*600 tako da nema više potrebe da stranice budu prilagođene manjoj rezoluciji od ove.
  • Razni programi za automatsko kreiranje strana koriste tabele za formatiranje strana. Ne stavljajte cele strane u tabele, ako ih koristi tada ih podelite na više manjih, jer se one postepeno pojavljuju pa posetilac može da prati sadržaj. Koristite ispravne HTML oznake i pobrinite se da strana bude bez grešaka. 
  • Da bi ste izbegli da izgled vaše strane zavisi od Web čitača u kojem se pregleda, držite se podalje od elemenata koji su specifični za neki od Web čitača a nisu podržani u ostalima.
  • Razne plugin-ove treba izbegavati jer većina korisnika Interneta ne instalira ih na svoj računar, a oni u mnogo me usporavaju učitavanje strana. Jedini plugin o kom bi možda trebalo razmisliti je Macromedia Shockwave & Flash, koji se već nalazi na većini računara i na neki način je već postao standard.
  • Javu treba koristiti samo u slučajevima kada za to postoji dobar razlog. Poznata je kao jedan od uzroka obaranja sistema posetilaca. Java apleti se izvršavaju sporo i prenos često dugo traje. Većina posetilaca ovo neće tolerisati. Razmislite o kreiranju dinamičkih web prezentacija.
  • Za samu stranu se preporučuje da učitavanje ne treba da bude duže od 30 sekundi. Preporuka za dužinu strane je da ne treba da bude duža od 30 kb.
  • Dalja unapređenja dizajnu i dinamičnosti strana donosi Cascade Style Sheta i JavaScript, jer razdavjaju izgled i interakciju od prezentacije podataka.

Uvodna strana - Home page

O uvodnoj strani razmišljajte kao o prvoj strani časopisa, najbitnije stvari su na prvoj strani. Ljudi obično prvo primete gornji levi ugao pa je pogodno za nešto stvarno važno da se postavi tu, a taj deo je vidljiv i na najmanjim monitorima 640x480 piksela. To su elementi koji će se prvi prikazati. Ovo za arape ne važi ali zato je dobro obrati ti pažnju na tip posetioca Vašeg sajta.

Od uvodne strane zavisi koliko će svi ostali delovi sajta biti posećeni. Kratka forma je važna za Home Page, koji treba da zainteresuju posetioca - onaj koji bude zainteresovan za ono o čemu govorite posle će rado pročitati i nešto duži tekst. Ukoliko želite da vam se posetioci obrate na Vaš email postarajte se da do njega ne treba doći skrolovanjem strane, zapitajte se zašto se baneri nalaze na vrhu strane.

Uvodna stran treba da bude vodič kroz sadržaj i pokaže posetiocu šta sve može pronaći na vašem sajtu. Uvodna strana postoji kako bi uvela posetioca u sadržaj koji se nudi i da ga motiviše da nastavi čitanje.

Najsažetiji rezime prezentacije treba da je na početku uvodne stranice sajta. Najbitnijie delove sajta (maksimalno pet) istknite vizuelno pomoću grafičkih metafora, ali budite obazrivi sa njima. 

Sadržaj koji nudite, lep dizajn, brzina učitavanja i dobar navigacioni sistem na prvoj stranici su najvažniji. 

Čitljivost

Vemoa bitna stvar na web je čitljivost, kontrast je bitna stvar ali ne treba preterivati  pošto uopšte nije prijatno za naše oči. Tradicionalna crna na beloj pozadini je prijatna za naše oči, siva na beloj pozadini još je prijatnija. Ukoliko želite da Vaši posetioci čitaju vaš sadržaj obezbedite razdvajanje pasusa i dosta belog prostora pošto odmara Vaše oči. Tekst ne treba da bude ni predugačak ni preširok, a fontovi ne bi trebalo da su manji od 10 piksela.

Zaključak

Dizajniranje Web prezentacija je dosta zabavna stvar, ali uvođenjem strukture i nauke u dizajn pomaževam da kreirate upotrebljive i lepe web strane. Najveća prednost Web je jednostavna izmena. Ukoiko Vam sajt ne funkcioniše onako kako ste želeli, promenite. Testirajte upotrebljivost sa Vašim posetiocima. Fokusirajte se na sadržaj, jer to će sigurno obezbediti posete. Postavite puno linkova, kako bi korisnici na različite načine došli do željenih stvari. 

Ne verujte u sve što čujete ili pročitate. Iako sam napisao ovu studiju ona ne mora da znači da će rezultirati i kod Vaših posetioca, ali sigurno će Vam pomoći da bolje spoznate potencijalne probleme.

[ Osnove Dizajna | ProjektovanjeSadržaj | Upotreba slika | Boje | Redizajn ]

Slične teme

  SveZaWeb : Web Design + Development Tutorials and Articles
Izdvajamo
O uvodnoj strani razmišljajte kao o prvoj strani časopisa, najbitnije stvari su na prvoj strani. Ljudi obično prvo primete gornji levi ugao pa je pogodno za nešto stvarno važno da se postavi tu, a taj deo je vidljiv i na najmanjim monitorima 640x480 piksela. 

Slične teme

Nešto o ...

Milan Skorić, radi na razvoju i dizajnu web aplikacija i servisa u Pexim Computers. Realizovao sam niz projekata za elektronsko bankarstvo i Intranet u Microsoft .Net tehnologiji.

»» Opširnije

Prijavite se na naš informator
 
SveZaWeb Informator
Unesite vašu email adresu i kliknite na sliku.  

Powered by groups.yahoo.com

[ Informator SveZaWeb ]

»» Preporuči prijatelju

Pomoć!

Trudimo se da SveZaWeb bude koristan i ispravan, međutim uvek postoje greške, molimo Vas da nam pomognete kako bi ih ispravili.
 
Javi te se : webmaster@
svezaweb.dzaba.com

  Politika privatnosti | Copyright ©  SveZaWeb 1998 - 2003.  Sva prava zadržana. Najbolji pregled u 800*600 sa najpopulanijim Web čitačima.
SveZaWeb SveZaWeb SveZaWeb SveZaWeb SveZaWeb
 Razvoj   Dizajn   Kreiranje   Panorama   Usluge