Wireframe oz. žičnati okvir je vizualizacija uporabniške poti, spletne strani, izdelka, informacijske hierarhije ali interakcije. Za ustvarjanje wireframov ne potrebujemo risarskega znanja, vse kar potrebujemo je nekaj osnov, papir in svinčnik.
Žični okvirji se lahko razlikujejo na njihov namen po natančnosti, od hitrih skic do podrobnih predstavitev končnega dizajna. Tudi ljudje z omejenimi risarskimi sposobnostmi se lahko naučijo skicirati žični okvir, če se naučijo nekaj običajnih korakov, ki se uporabljajo za predstavljanje različnih elementov oblikovanja.
Kaj potrebujemo za izdelavo Wireframov?
Pri izdelavi wireframov se moramo izogibati majhnim detajlom, ker v tej fazi niso pomembni. V izogib težavam je tako bolje uporabljati debela pisala, časovne omejitve in omejen prostor za skiciranje.
Primer wireframa za spletno mesto
- pripravimo naš zaslon – velikost slednjega (monitor, mobile)
- najprej narišemo navigacijo in iskalnik (horizontalni tip ali vertikalni tip)
- najprej narišemo najpomembnejše oz. največje elemente, kot so: glava, veliki bannerji, slike, večji deli besedila.
- dodamo manjkajoče elemente, kot so gumbi, forme, orodja, bannerji, …
Kot vidite je postavljanje wireframov precej enostavno. Seveda k temu pripomore tudi veliko vaje in prakse.
