Lærðu að nota einfaldar Wireframes til að hefja hönnunina þína
A vefur vírframleiðsla er einföld sjónræna leiðarvísir til að sýna þér hvaða vefsíðu myndi líta út. Það bendir til uppbyggingu síðu án þess að nota grafík eða texta. Vefsvæði vírframs myndi sýna alla uppbyggingu svæðisins - þar á meðal hvaða síður tengjast hvar.
Vefur vírframleiðsla er frábær leið til að hefja hönnun vinnu þína. Og á meðan hægt er að búa til flóknar vírramar með mikið magn af smáatriðum, getur áætlanagerðin byrjað með napkin og pennanum. Lykillinn að því að gera góða vírframleiðslu er að sleppa öllum sjónrænum þáttum. Notaðu reiti og línur til að tákna myndir og texta.
Hlutur sem á að innihalda á vefsíðu vírframs:
- kassar fyrir aðal grafísku þætti
- staðsetning fyrirsagnar og undirhausa
- einföld skipulag uppbygging
- kallar til aðgerða
- texta blokkir
Hvernig á að byggja upp einföld vefurvír
Búðu til vírframleiðslu á vefsíðu með því að nota hvaða pappírskrot sem þú hefur gert. Hér er hvernig ég geri það:
- Teikna stór rétthyrningur - þetta getur táknað annaðhvort alla síðuna eða bara sýnilegan hluta. Ég byrjar venjulega með sýnilegu hlutanum, og þá stækkar það til að innihalda þætti sem yrðu undir brúninni.
- Skýrið útlitið - er það 2 dálkar, 3 dálkar?
- Bættu við í kassa fyrir mynd í haus - Teiknaðu yfir dálkana þína ef þú vilt að það sé eitt haus yfir dálkunum eða bara bæta því við þar sem þú vilt það.
- Skrifaðu "Fyrirsögn" þar sem þú vilt að H1 fyrirsögn þín sé.
- Skrifaðu "Sub-Head" þar sem þú vilt H2 og neðri fyrirsagnir að vera. Það hjálpar ef þú gerir þá hlutfallslega - h2 minni en h1, h3 minni en h2, osfrv.
- Bættu við í reitum fyrir aðrar myndir
- Bæta við í flakk. Ef þú ert að skipuleggja flipa skaltu bara draga kassa og skrifa "flakk" efst. Eða settu upp punktalistar í dálkunum þar sem þú vilt leiðsögnina. Ekki skrifa innihaldið. Skrifaðu bara "flakk" eða notaðu línu til að tákna texta.
- Bættu við viðbótarþáttum við síðuna - tilgreindu hvað þau eru með texta, en ekki nota raunverulegt innihaldsefni. Til dæmis, ef þú vilt kalla til aðgerðahnappi neðst til hægri skaltu setja kassa þar og merktu það "kalla til aðgerða". Ekki skrifa "Kaupa núna!" í þeim kassa.
Þegar þú hefur fengið einfalda vírrammanninn þinn, og það ætti ekki að taka þig lengur en 15 mínútur til að skissa einn upp, sýndu honum einhvern annan. Spyrðu þá hvort eitthvað sé saknað og fyrir aðrar athugasemdir. Byggt á því sem þeir segja að þú getir skrifað annan vírframa eða haldið þeim sem þú hefur.
Af hverju pappírsframleiðsla er best fyrir fyrstu drög
Þó að hægt sé að búa til vírframleiðslu með því að nota forrit eins og Visio, fyrir fyrstu uppástungustundir skaltu halda fast við pappír. Pappír virðist ekki vera varanleg og margir munu gera ráð fyrir að þú henti því saman í 5 mínútur og svo ekki hika við að gefa þér góða endurgjöf. En þegar þú notar forrit til að búa til ímyndaðar vírbrautir með fullkomnum reitum og litum, þá ertu í hættu á að fá að ná í forritið sjálft og eyða tíma til að fullkomna eitthvað sem aldrei er að fara að lifa.
Paper wireframes eru auðvelt að gera. Og ef þér líkar það ekki, brýturðu bara upp blaðið, kastar því í endurvinnslu og grípur nýtt blað.