Saznajte kako koristiti jednostavne žičare za pokretanje dizajna
Web žičani okvir jednostavan je vizualni vodič koji vam pokazuje kako će izgledati web stranica . Predlaže strukturu stranice bez korištenja bilo kakve grafike ili teksta. Web-lokacija žičane mreže pokazala bi cijelu strukturu web-lokacije - uključujući stranice s kojima se povezuju.
Web žičani okviri su sjajan način za pokretanje vašeg dizajna. I dok je moguće stvoriti složene žičane okvire s ogromnim količinama pojedinosti, vaše planiranje može početi s salvete i olovkom. Ključ za izradu dobrih žičanih okvira je da se izostavimo svi vizualni elementi. Upotrijebite okvire i retke kako biste predstavljali slike i tekst.
Stvari koje treba uključiti u žičani okvir web stranice:
- kutije za primarne grafičke elemente
- plasman naslove i podvodnika
- jednostavna struktura rasporeda
- poziva na djelovanje
- blokovi teksta
Kako izgraditi jednostavan Wireframe
Stvorite žičani okvir web stranice pomoću bilo kakvog papira za koji imate zgodan. Evo kako to radim:
- Nacrtajte veliki pravokutnik - to može predstavljati cijelu stranicu ili samo vidljivi dio. Obično počinjem s vidljivim dijelom, a zatim ga proširim tako da uključim elemente koji bi bili ispod nogu.
- Skicirajte izgled - je li to 2 stupca, 3 stupca?
- Dodajte u okvir za zaglavlje - nacrtajte svoje stupce ako želite da bude jedno zaglavlje iznad stupaca ili jednostavno dodajte gdje želite.
- Napišite "Headline" gdje želite da vaš H1 naslov bude.
- Napišite "Sub-Head" gdje želite H2 i niže naslove. Pomaže vam ako ih proporcionalno - h2 manji od h1, h3 manji od h2, itd.
- Dodajte u okvire za druge slike
- Dodaj u navigaciji. Ako planirate kartice, samo izvucite okvire i napišite "navigaciju" na vrhu. Ili stavite popise s grafičkim oznakama u stupce u kojima želite navigaciju. Nemojte pisati sadržaj. Samo napišite "navigaciju" ili koristite liniju za prikaz teksta.
- Dodajte dodatne elemente na stranicu - utvrdite što su s tekstom, ali ne upotrebljavajte stvarni tekst sadržaja. Na primjer, ako želite gumb za poziv na radnju u donjem desnom kutu, stavite ga u polje i označite ga "poziv na radnju". Ne pišite "Kupite odmah!" u toj kutiji.
Nakon što napišete jednostavni žičani okvir, a ne bi trebalo trajati više od 15 minuta kako bi ga skicao, pokazati je nekome drugome. Pitajte ih ako nešto nedostaje i za ostale povratne informacije. Na temelju onoga što kažu možete pisati još jedan žičani okvir ili zadržati onaj koji imate.
Zašto su žičani okviri za papir najbolji za prve nacrte?
Iako je moguće izraditi žičane okvire pomoću programa poput Visio, za početne brainstorming sesije, trebali biste se držati papira. Papir se ne čini trajnim i mnogi će ljudi pretpostaviti da ste ga bacili za 5 minuta i stoga ne oklijevajte dati dobru povratnu informaciju. No, kada koristite program za stvaranje fancy žičanih okvira s savršenim kvadratima i bojama, riskirate se uhvatiti u samom programu i trošiti vrijeme usavršavajući nešto što nikad neće ići živjeti.
Žičani okviri za papir lako se mogu napraviti. A ako vam se to ne sviđa, jednostavno skupite papir, bacite ga u recikliranje i uhvatite novi list.