Sadržaj

• Kročiti
• Metoda 1 od 2: 3 osnovna pravila
• Metoda 2 od 2: Smjernice
• Savjeti
• Upozorenja

Dizajn izvrsne web stranice može se činiti zastrašujućim zadatkom, ali sve dok imate na umu osnove, postupak će vam biti zanimljiv i zabavan. Ne radi se samo o lijepom izgledu! Pokazat ćemo vam osnove i neke opće smjernice koje će vam pomoći u dizajniranju web stranica koje će ljudi posjećivati ​​iznova i iznova.

Kročiti

Metoda 1 od 2: 3 osnovna pravila

1. Pravilo 1:Slušajte svog klijenta. Možda dizajnirate "najveću web stranicu na svijetu ikad u povijesti svemira i šire", s bogatim crnim bojama, profinjenim fontovima i svijetlim, umjetničkim bojama za web mjesto koje vrišti "istražite me sada!" Nažalost, vaš je klijent želio narančastu traku izbornika s jarko ružičastim i narančastim slovima. Otpušteni ste, a vaše najbolje web mjesto ikada - na koje klijent ima prava - nalazi se negdje na njihovom sigurnosnom disku, a da ga nitko više nikada neće vidjeti.
   • Proučite korporativni identitet vašeg klijenta. Neka vam klijent pokaže nekoliko web lokacija koje vole. Ne samo da će vam ovo dati ideju o tome što im se sviđa, nego će vam dati i nekoliko dizajnerskih ideja na koje možda niste pomislili.
   • Ako ste mislili da se šalimo oko narančaste i ružičaste web stranice, razmislite o ovoj cool, sofisticiranoj stranici:
2. Pravilo # 2:Upoznajte svoju publiku i ono što traži i prilagodite svoj dizajn u skladu s tim. Razlog zašto ljudi imaju web stranice je taj što žele da ih drugi ljudi vide. Može biti informativni, komercijalni ili za zabavu određene ciljne publike. Vaš posao dizajnera je da znate za koga projektirate i da ih zadržite na stranici kad tamo pristanu.
   • Mogli biste pomisliti: "Ako izgleda dobro, ostat će." Ali to ne mora nužno biti slučaj. Uzmimo za primjer nekretnine. Evo web stranice s čistim, zabavnim dizajnom. Ima puno bijelog prostora koji daje otvoreni izgled, svijetle boje i moderan široki zaslon s vezama na istaknutom mjestu:
   • Sada pogledajte ovaj pristup prodaji nekretnina na istom području: pretrpanih i vrlo prometnih, mutnih boja i prekrivenih oglašavanjem.
   • Pogodite koji od njih djeluje bolje za one koji traže dom? Točno, onaj gdje kuće! Kada ljudi traže "kuće na prodaju u Santa Monici", nije ih briga kako stranica izgleda. Ne žele čitati o agentu za prodaju nekretnina ili vidjeti lijepe slike grada. Žele vidjeti kuće.
3. Pravilo # 3:Slušajte sebe. Razumijete što klijent želi i znate što vaše tržište traži. Sad je napokon vrijeme da obratimo pažnju na vas, dizajneru!
   • Izradite predložak u grafičkom softveru po vašem izboru. Napravite elemente svoje stranice na različitim slojevima (kako biste kasnije mogli doraditi stvari bez uništavanja cijelog predloška). Ti elementi mogu biti:
     • Zaglavlje. Ovo je element koji je jednak na svakoj stranici vašeg web mjesta. Zaglavlje se sastoji od naslova i logotipa web mjesta, kao i poveznica na druge dijelove web mjesta (npr. O nama, Kontakt itd.). Vizualno i praktično ovo će sve povezati. Dobra je praksa da prvi gumb na traci izbornika vratite na početnu stranicu.
     • Na primjer, pogledajmo Apple:
     • Kao i kod većine Appleovih stvari, i njihova početna stranica ima vrlo čist, izravan dizajn. Zabilježite traku izbornika na vrhu, s logičnim temama za svaki gumb, plus polje za pretraživanje - uvijek dobra ideja ako to podržava vaša web lokacija. Pogledajmo sada odredišnu stranicu za jedan od gumba, iPad, kako bismo vidjeli nekoliko elemenata:
     • Traka izbornika mijenja se samo potamnjivanjem gumba iPad.
     • Predmet odredišne ​​stranice prikazan je velikim crnim slovima.
     • Pojavit će se novi podizbornik kako biste mogli saznati više o proizvodu. Ako kliknete na jedan od ovih gumba, vidjet ćete da svaka stranica nudi novi sadržaj ovisno o temi, ali da će biti jednaka u izgledu i dizajnu.
     • Često će svaka glavna tema na traci izbornika imati različite podnaslove koje ćete morati popuniti. Umjesto stvaranja druge trake izbornika, možete upotrijebiti skočne izbornike poput ovog primjera iz Prijatelja glazbenika:
     • Bočna traka. To će se pojaviti na mnogim stranicama vašeg web mjesta, ali ne nužno na svim - određuje kontekst. Međutim, to je vrlo važan element i mora biti pažljivo osmišljen kako bi bio intuitivan i ne previše pretrpan. Za razliku od trake izbornika, sadržaj bočne trake može biti vrlo dinamičan. Pogledajte ove dvije bočne trake trgovca nekretninama Trulia Prva je za kupce:
       
       

Metoda 2 od 2: Smjernice

1. Dizajnirajte dobro korisničko sučelje. Postavite različite elemente web stranice, kao što su naslov, bočne trake, logotipi, slike i tekst na isto mjesto na svakoj stranici kako bi vaša stranica bila navigacijska i intuitivna.
   • Neka isto zaglavlje bude na vrhu svake stranice. Bez obzira dopušta li sadržaj vaše stranice puno ponavljajućih elemenata, pobrinite se da je vrh svake stranice jednak.
   • Koristite logiku u svom dizajnu. Elementi na jednoj stranici trebaju biti logički poredani prema važnosti ili temi; trebale bi biti i različite stranice na web mjestu.
2. Stvorite dosljedan stil. Tamo gdje bi izgled trebao vašem web mjestu dati strukturnu dosljednost, stil bi trebao pružiti tematski sklad.
   • Držite se dvije ili tri glavne boje i pobrinite se da se dobro slažu.
   • Izbjegavajte koristiti previše stilova ili veličina fontova; ako želite zamijeniti nekoliko, upotrijebite ih na isti način na svakoj stranici.
   • Upotrijebite Cascading Style Sheets (CSS) da biste održali ujednačen stil i olakšali promjenu elemenata na cijelom web mjestu bez potrebe da posebno odlazite na svaku stranicu.
3. Maksimalna čitljivost. Da biste olakšali čitanje teksta, možete ga podijeliti na manje dijelove.
   • Upotrijebite titlove i pravilan razmak da odvojite svaki od dijelova.
   • Koristite podebljana slova ili različite veličine kako biste prikazali hijerarhiju i važnost tema.
   • Obratite pažnju na to kako se ponašate prema tekstu. Font nemojte učiniti premalim i povećajte razmak između redaka kako biste olakšali čitanje velikih dijelova teksta. Veće se dijelove teksta teže čita; raščlaniti na manje odlomke.
4. Neka vaša web stranica bude univerzalno čitljiva. Koristite standardni HTML i izbjegavajte oznake, značajke i dodatke koji su dostupni samo za jednu marku ili verziju preglednika.
   • Iako većina modernih preglednika i računala može obrađivati ​​složene slike, sve će izgledati klizavo ako svoje slike smanjite i optimizirate za web. Odvažite važnost kvalitete protiv važnosti brzine.
5. Testirajte svoju web stranicu. Pobrinite se za to svaka poveznica radi kao što biste očekivali, a slike se ispravno pojavljuju.
   • Možda ćete htjeti organizirati neko testiranje korisnika tako što će članovi vaše ciljne publike testirati jasnoću i jednostavnost upotrebe vašeg dizajna i pružiti povratne informacije o vašem web mjestu.
6. Objavite svoju web stranicu. Kupite ime domene ako to već niste učinili. Povremeno provjerite rade li veze i poslušajte prijedloge koje vam posjetitelji pošalju e-poštom.

Savjeti

• Iako možete slobodno dizajnirati izgled na temelju vlastite osobne vizije ili stvari koje ste vidjeli na drugim web mjestima, jednostavnije je kupiti gotov dizajn.
• Ne bombardirajte posjetitelja slatkim, posebnim slikama. Flash animacija, svijetle boje, pozadine s uzorkom i glazba koja se automatski reproducira pri učitavanju stranice bili su zabavni eksperimenti u 90-ima, ali sada će uplašiti korisnike. Držite se jednostavnih pozadina koje su u kontrastu s bojom teksta radi maksimalne čitljivosti.
• Uvijek možete koristiti CSS za optimizaciju razmaka između odlomaka.
• Za posjetitelje s oštećenjima sluha ili vida možete titlovati videozapise, prepisati zvuk i dodati poruku o pristupačnosti. Iako tablice mogu biti učinkovit način organiziranja informacija, posjetitelji s oštećenim vidom koji koriste softver čitača zaslona možda neće čuti materijal u ispravnom redoslijedu.
• Neka vaši posjetitelji štede tintu: koristite posebne stilske listove za ispis stranica.
  • Isključite pozadinske slike prilikom postavljanja parametara ispisa.
  • Koristite crni tekst na bijeloj pozadini.
  • Uklonite traku izbornika i nepotrebne slike.

Upozorenja

• Izbjegavajte plagijarizam i poštujte sve zakone o autorskim pravima. Ne uključuju slučajne slike koje nađete na mreži ili čak strukturne elemente bez odobrenja. Sve što koristite na svojoj web stranici mora biti i zakonsko i etički.