Naučite se uporabljati preproste Wireframe za začetek vaših modelov
Spletno ogrodje je preprost vizualni vodnik, ki vam prikaže, kako bi izgledala spletna stran . Predlaga strukturo strani brez uporabe grafike ali besedila. Žično ogrodje spletnega mesta bi prikazalo celotno strukturo spletnega mesta - vključno s tem, katere strani povezujejo s krajem.
Spletni žični okvirji so odličen način za začetek oblikovanja. In čeprav je mogoče ustvariti zapletene žične okvirje z velikimi količinami podrobnosti, se lahko načrtovanje začne s prtičkom in peresom. Ključ do dobre žične ograje je, da pustite vse vizualne elemente. Uporabite polja in vrstice za predstavitev slik in besedila.
Stvari za vključitev v žični okvir spletne strani:
- polja za primarne grafične elemente
- postavitev naslovov in podnaslovov
- preprosta struktura postavitve
- klici k dejanjem
- besedilni bloki
Kako zgraditi preprost spletni žični okvir
Ustvarite žično ogrodje za spletno stran s katerim koli priročnim papirjem. Evo, kako to storim:
- Narišite velik pravokotnik - to lahko predstavlja celotno stran ali samo vidni del. Običajno začnem z vidnim delom in ga razširimo tako, da vključuje elemente, ki bi bili pod krat.
- Skiciranje postavitve - ali je 2-stolpec, 3-stolpec?
- Dodaj v škatlo za grafično glavo - Pripravite se čez stolpce, če želite, da je en glava nad stolpci ali pa jo dodajte tam, kjer želite.
- Napišite "Headline", kjer želite, da je vaš naslov H1.
- Napišite "Podnaslov", kjer želite, da je H2 in spodnji naslovi. Pomaga, če jih naredite sorazmerne - h2 manjše od h1, h3 manjše od h2 itd.
- Dodajte v polja za druge slike
- Dodaj v navigacijo. Če načrtujete zavihke, samo potegnite polja in napišite "navigacijo" na vrhu. Ali v stolpce, kjer želite navigacijo, postavite označene sezname. Vsebine ne napišite. Samo napišite "navigacijo" ali uporabite vrstico za predstavitev besedila.
- Dodajte dodatne elemente na strani - ugotovite, kaj so z besedilom, vendar ne uporabite dejanskega besedila vsebine. Na primer, če želite v spodnjem desnem kotu pritisniti gumba za poziv k dejanju, postavite polje in ga označite kot »poziv k dejanju«. Ne napišite "Kupi zdaj!" v tem polju.
Ko ste napisali svojo preprosto žično ogrodje in vam ne bi smelo trajati več kot 15 minut, da jo skicirate, ga pokažite nekomu drugemu. Vprašajte jih, če kaj manjka in za druge povratne informacije. Na podlagi tega, kar pravijo, lahko napišete še en žični okvir ali zadržite tisto, ki ga imate.
Zakaj so žični okvirji za najboljše za prve osnutke
Čeprav je mogoče ustvariti žične okvirje z uporabo programov, kot je Visio, za začetne seje brainstorming, se morate držati papirja. Papir se ne zdi stalno, in mnogi ljudje domnevajo, da ste ga vrgli skupaj v 5 minutah in zato ne oklevajte, da vam dobijo dobre povratne informacije. Toda, ko uporabljate program za ustvarjanje fensi žičnih okvirjev z odličnimi kvadrati in barvami, tvegate, da se ujamete v sam program in preživite nekaj ur, ki dopolnjujejo nekaj, kar ni nikoli šlo v živo.
Papirni žični okvirji so enostavni. In če vam ni všeč, zgladite papir, ga vrzite v recikliranje in zgrabite nov list.