Naučite se koristiti jednostavne Wireframe za početak vaših dizajna
Web ram je jednostavan vizuelni vodič koji vam pokazuje kako bi izgledala Web stranica . Predlaže strukturu stranice , bez upotrebe grafike ili teksta. Wireframe veb lokacije bi prikazao celu strukturu sajta - uključujući koje stranice povezuju sa mestom.
Veb ramovi su odličan način za početak vašeg dizajnerskog rada. Iako je moguće napraviti složene žičane ograde sa ogromnim detaljima, vaše planiranje može početi s salvetom i olovkom. Ključ za stvaranje dobrih žičanih okvira jeste da se izbegnu svi vizuelni elementi. Koristite kutije i linije za prikaz slika i teksta.
Stvari koje treba uključiti u žičani okvir web stranice:
- kutije za primarne grafičke elemente
- postavljanje naslova i podnaslova
- jednostavna struktura izgleda
- Pozivi na akciju
- tekst blokovi
Kako izgraditi jednostavan Web Wireframe
Kreirajte žičnu kartu web stranice pomoću bilo kakvog ostatka papira koji koristite. Evo kako to radim:
- Nacrtajte veliki pravougaonik - ovo može da predstavlja celu stranu ili samo vidljivi deo. Obično počinjem sa vidljivim dijelom, a zatim ga proširiti tako da uključuju elemente koji bi bili ispod oboda.
- Skiciranje izgleda - da li su 2 kolone, 3 kolone?
- Dodaj u kutiju za grafiku zaglavlja - Prikupite svoje kolone ako želite da bude jedan zaglavlje iznad stupaca ili samo dodajte tamo gde želite.
- Napišite "Headline" gde želite da vaš H1 naslov bude.
- Napišite "Sub-Head" gde želite H2 i niže naslove. Pomaže ako ih učinite proporcionalnim - h2 manji od h1, h3 manji od h2, itd.
- Dodaj u kutije za druge slike
- Dodajte u navigaciji. Ako planirate tabove, samo izvadite kutije i napišite "navigaciju" preko vrha. Ili postavite markirane liste u kolone gde želite navigaciju. Ne napišite sadržaj. Samo napišite "navigaciju" ili koristite liniju za predstavljanje teksta.
- Dodajte dodatne elemente na stranicu - identifikujte šta su sa tekstom, ali ne koristite stvarni tekst sadržaja. Na primer, ako želite da kliknete na dugme za akciju u donjem desnom uglu, postavite kutiju i označite je "poziv na akciju". Nemojte pisati "Kupi odmah!" u toj kutiji.
Jednom kada ste napisali svoju jednostavnu žičnu kartu i ne bi trebalo da vam treba više od 15 minuta da skicirate jedan gore, pokažite je nekome drugom. Pitajte ih ako nešto nedostaje i za druge povratne informacije. Na osnovu onoga što kažu da možete napisati drugu žičnu kartu ili zadržati onu koju imate.
Zašto su žičanost papira najbolje za prve nacrte
Iako je moguće napraviti žičane okvire pomoću programa kao što je Visio, za početne sesije razmišljanja, trebalo bi da se držite papira. Papir ne izgleda trajno, i mnogi ljudi pretpostavljaju da ste ga bacili zajedno za 5 minuta i zato nemojte oklevati da vam daju dobre povratne informacije. Ali kada koristite program za stvaranje fensi žičanih okvira sa savršenim kvadratima i bojama, rizikujete da se uhvate u sam program i provode vreme kako biste savršeno poboljšali nešto što nikada neće ići u životu.
Žičane ograde za papir su jednostavne. A ako vam se to ne dopada, jednostavno srušite papir, bacite ga u reciklažu i zgrabite novi list.